/* Termékkategóriák dropdown: konténer-szélességű mega-menü.
   header v7-ben a menü a jobb oszlopban van, ezért a dropdown offsetParentje (#top_menu) keskeny;
   a #top_menu jobb széle = a konténer jobb széle, így jobbra rögzítjük és konténer-szélességre húzzuk. */
#top_menu .category-menu.dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin-top: .25rem !important;
    width: 100vw !important;
    max-width: 960px !important;
}
@media (min-width: 1200px) {
    #top_menu .category-menu.dropdown-menu { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    #top_menu .category-menu.dropdown-menu { max-width: 1320px !important; }
}

/* Fejléc ikonok hover: sima átmenet + ne szürküljön
   (a .withhover alap brightness(50%) helyett finom halványítás, a szín marad fehér) */
header .icon-white.withhover {
    transition: opacity .2s ease, filter .2s ease;
}
header .icon-white.withhover:hover {
    filter: none !important;
    opacity: .7;
}

/* Full slider (v11): a szöveg mögötti sötét rész fekete helyett sötétkék (navy), átlátszóság marad */
#section_box_2 .v-full-slider-002 {
    background: linear-gradient(to top, rgba(18, 64, 120, .85), rgba(18, 64, 120, .25)) !important;
}
#section_box_2 .v-full-slider-003 {
    background-color: rgba(18, 64, 120, .75) !important;
}

/* Footer: a social ikonok alá margó, hogy a SimplePay logó ne lógjon rájuk */
.v-footer-boxes-005 {
    margin-bottom: 1.25rem !important;
}

/* === szekcio-segedosztalyok (inline style kivaltas) === */
/* --- "Miert a Konyvkincsek" ikon-korok (a korabbi inline style kivaltasa) --- */
.v-kk-why-icon{width:88px;height:88px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35)}
/* === /szekcio-segedosztalyok === */

/* Fooldali slider magassaga:
   - tablet nezetig (lg alatt) teljes kepernyo, minusz a sticky fejlec (merve: 107px)
   - nagy nezetben (lg-tol) alacsonyabb hero: a viewport 60%-a, legfeljebb 640px */
#section_box_2 .ratio {
    height: calc(100vh - 107px);
    height: calc(100svh - 107px);
}
#section_box_2 .ratio::before {
    content: none;
}
@media (min-width: 992px) {
    #section_box_2 .ratio {
        height: 60vh;
        height: min(60svh, 640px);
    }
}

/* Termek-adatlap: a Keszletinformaciok blokk kerul felulre, a Termekinformaciok ala
   (a properties-box v1 stackelt valtozataban, kattintas nelkul mindketto lathato) */
.v-properties-box-root {
    display: flex;
    flex-direction: column;
}
.v-properties-box-root > div:has(.v-properties-box-parts-v1-stock-001) {
    order: -1;
}

/* Beviteli mezők kerete a primary színnel.
   A Bootstrap alap keretszíne a témában krém (--bs-border-color: #fef7e9), ami fehér
   háttéren szinte láthatatlan. Csak a mezőkön írjuk át a változót, így a kártyák,
   táblázatok és elválasztó vonalak kerete változatlan marad.
   A hibás állapot (is-invalid) és a szándékosan keret nélküli mezők (border-0,
   pl. a fejléci kereső) saját szabályt kapnak, azokat ez nem érinti. */
.form-control,
.form-select,
.form-check-input {
    --bs-border-color: var(--pcolor);
}
/* Fókusz: a keret maradjon primary (a Bootstrap alap világoskék helyett).
   A fókusz-fényudvarhoz nem nyúlunk: azt a téma akadálymentes fókuszgyűrűje adja. */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--pcolor);
}
/* Bejelölt jelölőnégyzet és rádió: primary kitöltés és keret az alap kék helyett */
.form-check-input:checked {
    background-color: var(--pcolor);
    border-color: var(--pcolor);
}