/* kn-skin.css — KiwiNautic skin B "Crap & Ape Dulci". Additive override of OC3 default theme. v1 */
:root{
  --kn-green-1:#0f1d12; --kn-green-2:#16281a; --kn-green-3:#243d22; --kn-green-mid:#3a5a2a;
  --kn-amber:#e9a23b; --kn-cream:#f4efe4; --kn-cream-2:#eef3e6; --kn-border:#e4dcc6;
  --kn-price:#2f7d2f; --kn-text:#1d2a16;
}
body{ color:var(--kn-text); background:#fbfaf6; }

/* Topbar */
#top{ background:var(--kn-green-1); border-bottom:2px solid var(--kn-amber); }
#top, #top a, #top .dropdown-toggle{ color:#cfe0c4 !important; }
#top a:hover{ color:#fff !important; }

/* Header (LIGHT — safe for any logo) */
header{ background:var(--kn-cream); border-bottom:1px solid var(--kn-border); }
.kn-phonebar{ border-bottom-color:var(--kn-border) !important; }

/* Main menu */
#menu{ background:var(--kn-green-3); border:none; border-radius:0; }
#menu .nav > li > a{ color:#e7f0dc; font-weight:600; }
#menu .nav > li > a:hover, #menu .nav > li.open > a{ background:var(--kn-green-mid); color:#fff; }
#menu .dropdown-menu a{ color:var(--kn-text); }

/* Mobile menu (hamburger + "Categorii" label must be visible on green bar) */
#menu #category{ color:#fff !important; font-weight:700; line-height:36px; }
#menu .btn-navbar, #menu .navbar-toggle{ background:var(--kn-amber) !important; border:1px solid var(--kn-amber) !important; }
#menu .btn-navbar .fa, #menu .navbar-toggle .fa, #menu .navbar-toggle .fa-bars{ color:#22300f !important; }
#menu .navbar-collapse.in, #menu .navbar-collapse.collapsing{ background:var(--kn-green-3); }
#menu .navbar-collapse.in .nav > li > a{ color:#e7f0dc; }

/* Mobile: dropdown shows INLINE on the green bar — force light, legible text */
@media (max-width:767px){
  #menu .dropdown-menu{ background:transparent !important; border:none !important; box-shadow:none !important; }
  #menu .dropdown-menu a,
  #menu .dropdown-inner a,
  #menu .dropdown-menu .see-all{ color:#cfe0c4 !important; }
  #menu .dropdown-inner ul li a:hover{ color:#fff !important; }
  #menu .btn-navbar, #menu .navbar-toggle{ background:#e9a23b !important; border-color:#e9a23b !important; }
  #menu .btn-navbar .fa, #menu .navbar-toggle .fa{ color:#22300f !important; }
}

/* Links & headings */
a{ color:var(--kn-green-mid); }
a:hover{ color:var(--kn-green-3); }
h1,h2,h3,h4{ color:var(--kn-green-2); font-weight:700; }

/* Buttons */
.btn-primary, #button-cart, .btn-primary:focus{
  background:var(--kn-green-3); border-color:var(--kn-green-3); color:#fff;
}
.btn-primary:hover, #button-cart:hover{ background:var(--kn-green-mid); border-color:var(--kn-green-mid); }
.btn-default{ border-color:var(--kn-border); background:#fff; color:var(--kn-green-3); }
/* Primary CTA accent (add-to-cart on product page) */
#product #button-cart{ background:var(--kn-amber); border-color:var(--kn-amber); color:#22300f; font-weight:700; }
#product #button-cart:hover{ background:#d8902c; border-color:#d8902c; }

/* Footer */
footer{ background:var(--kn-green-1); color:#9fb593; border-top:3px solid var(--kn-amber); }
footer a{ color:#cfe0c4; }
footer a:hover{ color:var(--kn-amber); }
footer h5{ color:var(--kn-amber); }

/* ===== Product cards (.product-thumb) — v2 ===== */
.product-thumb{ border:1px solid var(--kn-border); border-radius:10px; overflow:hidden; background:#fff; transition:box-shadow .15s, transform .15s; }
.product-thumb:hover{ box-shadow:0 6px 18px rgba(22,40,26,.12); transform:translateY(-2px); }
.product-thumb .image{ background:#fff; }
.product-thumb .caption{ padding:12px; min-height:auto; }
.product-thumb .caption h4 a{ color:var(--kn-green-2); font-weight:600; }
.product-layout .product-thumb .button-group{ border-top:1px solid var(--kn-border); background:#fff; }
.product-thumb .button-group button{ background:var(--kn-green-3); color:#fff; border:none; }
.product-thumb .button-group button:hover{ background:var(--kn-green-mid); color:#fff; }

/* Prices */
.price{ color:var(--kn-text); }
.price-new{ color:var(--kn-price); font-weight:800; }
.price-old{ color:#9a9a8c; text-decoration:line-through; }
.product-thumb .price{ font-size:15px; }

/* Sale badge (applies when discounts/labels exist) */
.product-thumb .image .saleicon, .product-label, .kn-badge{
  background:var(--kn-amber); color:#22300f; font-weight:800; border-radius:4px; padding:2px 7px;
}

/* ===== Refinements (v6) ===== */
.kn-trust{ background:var(--kn-cream); border-top:1px solid var(--kn-border); border-bottom:1px solid var(--kn-border); color:#3a4a2c; }
.kn-trust b, .kn-trust strong{ color:var(--kn-green-3); }
.breadcrumb{ background:var(--kn-cream-2); border-radius:6px; }
.breadcrumb a{ color:var(--kn-green-mid); }
#column-left .list-group-item.active, .list-group-item.active{ background:var(--kn-green-3); border-color:var(--kn-green-3); color:#fff; }
#content h2, #content h3{ color:var(--kn-green-2); }
#content h2{ border-bottom:2px solid var(--kn-amber); padding-bottom:6px; }
.alert-success{ background:var(--kn-cream-2); border-color:var(--kn-green-mid); color:var(--kn-green-2); }

/* ===== Homepage hero (static banner module renders .swiper-viewport) ===== */
html, body{ overflow-x:hidden; }
#content > .swiper-viewport{ width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); margin-bottom:24px;
  border:none; border-radius:0; overflow:hidden; box-shadow:0 6px 20px rgba(22,40,26,.18); line-height:0; }
#content > .swiper-viewport img{ width:100vw !important; max-width:100vw !important; height:auto; display:block; margin:0; }
.swiper-pagination-bullet-active{ background:var(--kn-amber); }

/* Mobile: dedicated PORTRAIT hero as background (full, dominant, text repositioned) */
@media (max-width:767px){
  #content > .swiper-viewport .swiper-slide img{ display:none !important; }
  #content > .swiper-viewport,
  #content > .swiper-viewport .swiper-container,
  #content > .swiper-viewport .swiper-wrapper,
  #content > .swiper-viewport .swiper-slide{ height:auto !important; }
  #content > .swiper-viewport .swiper-slide a{ display:block !important; width:100%; height:0;
    padding-bottom:111.1%;
    background:url('/on/image/kn/hero-m.jpg') center center / cover no-repeat; }
}