/* SuperNetShop egyedi finomítások */
/* CTA gomb okker — a gradiens ::before/::after pszeudo-elemen van, azt írjuk felül */
.btn.btn-primary.btn-add-to-cart{ border-color: var(--scolor) !important; color:#1a1a1a !important; }
.btn.btn-primary.btn-add-to-cart::before{ background: linear-gradient(135deg, var(--scolor), var(--scolor2) 100%) !important; }
.btn.btn-primary.btn-add-to-cart::after{ background: linear-gradient(135deg, var(--scolor-hover), var(--scolor2-hover) 100%) !important; }
.btn-add-to-cart .icon-white,.btn-add-to-cart .icon-primary{ fill:#1a1a1a !important; }

/* Footer NeoSoft + footer-line linkek fehér a sötét háttéren, okker hover */
#footer_info_line a{ color:#fff !important; }
#footer_info_line a:hover{ color:var(--scolor) !important; }


/* Sárga (okker) alsó border minden főoldali szekció alá — mint a fejléc alatt (border-bottom border-secondary) */
[id^="section_"]{ border-bottom: 1px solid var(--scolor) !important; }

/* Előnyök szekció (sötét navy) fehér dobozaiban a szöveg sötét legyen (a szekció fehér textColor-ja felülírva) */
#section_sections_2 .bg-white, #section_sections_2 .bg-white h1, #section_sections_2 .bg-white h2,
#section_sections_2 .bg-white h3, #section_sections_2 .bg-white h4, #section_sections_2 .bg-white p,
#section_sections_2 .bg-white span, #section_sections_2 .bg-white li{ color:#1a1a1a !important; }

/* Sárga (okker) csík a menüsáv fölé (logó-sor és menü közé) */
.v-header-menu-line-001{ border-top: 1px solid var(--scolor) !important; }

/* Termékkártya: a név alá kis térköz, hogy az alatta lévő világos vonal ne lógjon rá */
.v-item-card-003{ padding-bottom: 1rem !important; }

/* Előnyök dobozok finom hover effekt (emelkedés + árnyék) */
#section_sections_2 .bg-white{ transition: transform .2s ease, box-shadow .2s ease; }
#section_sections_2 .bg-white:hover{ transform: translateY(-6px); box-shadow: 0 .75rem 1.75rem rgba(13,36,64,.35) !important; }

/* Logó (fejléc és lábléc): sose lógjon ki a befoglalójából — a v1/v2 logóstílus csak magasságot
   állít, szélesség-korlátot nem. A motorban is javítva (common/logo.phtml → mw-100); a kód
   élesítése után ez a szabály elhagyható. */
.v-common-logo-001 img{ max-width: 100% !important; }

/* A lábléc-logó linkje inline elem, ezért a px-3 padding kilógatja a képet (a max-width a block
   szülőhöz mérne). Motorban is javítva (footer-boxes*.phtml → d-inline-block). */
footer a:has(> picture){ display: inline-block; }

/* Fejléc (lg alatt): a logó, a kereső és a hamburger-ikonok EGY sorban maradjanak.
   Alapból a kereső (order-3 + mt-3) új sorba tör, a 480x99-es logó pedig kitölti a sort. */
@media (max-width: 991.98px){
  .v-navigation-section-002{ flex-wrap: nowrap !important; gap: .5rem; }
  /* A .main-logo linken display:contents van (globals.scss), tehát a flex-elem maga a <picture>. */
  .v-navigation-section-002 .main-logo > picture{ flex: 0 0 auto; min-width: 0; max-width: 42%; }
  .v-navigation-section-002 .main-logo-img{ max-height: 56px; height: auto; }
  .v-navigation-section-003{ order: 2 !important; margin-top: 0 !important; min-width: 110px; }
  .v-navigation-section-005{ order: 3 !important; flex: 0 0 auto; }
}

/* Mobil menü: a „Termékkategóriák" a sablonban text-start, a többi menüpont középen van. */
#mobileMenu .v-mobil-navigation-009{ text-align: center !important; }

/* Főoldali slider a lg-sáv alatt magasabb: az alap 17x5 arány 390px-en csak 115px-et ad, a cím és
   a gomb alig fér el. 70% arány + 420px plafon — a plafon nélkül a sáv tetején (767–991px) 540px-es,
   aránytalanul magas sáv lenne. A kép object-fit: cover, tehát nem torzul, csak a széle vágódik. */
@media (max-width: 991.98px){
  #section_box_1 .ratio{ --bs-aspect-ratio: 70%; max-height: 420px; }
}