/* === GPS Food – egyedi CSS (2026-08-28) === */

/* 1) A főoldali szekció-címnek (start/section-title) nincs ALSÓ térköze a sablonban,
      csak `pt-4` felülre, ezért a cím ráült a szekció tartalmára.
      Nincs rá dsc-kulcs, ezért egy szabály – minden szekció-cím-variánsra érvényes. */
.v-section-title-001 {
    padding-bottom: 2rem;
}
@media (max-width: 767.98px) {
    .v-section-title-001 {
        padding-bottom: 1.25rem;
    }
}

/* 2) Fő logó: max-height 80px.
      A `common_logo=v2` sablon `mh-90px`-et ad, és scrollra a JS `mh-60px`-re váltja.
      Ezért CSAK az `mh-90px` állapotot írjuk át 80px-re – így a zsugorodás megmarad. */
.main-logo-img.mh-90px {
    max-height: 80px !important;
}

/* 3) Menü hover-aláhúzás MÁRKASZÍNBEN.
      A `menu-hover-effect=v2` aláhúzása `--bs-dark-rgb` (majdnem fekete); a narancs
      márkaszín itt jobban mutat, és erre nincs dsc-beállítás. */
.menu-effect-v2::after {
    background-color: var(--pcolor) !important;
    height: 3px;
}

/* 4) Fejléc-legördülő (menu_top_template `dropdown-menu`).
      A sablon `rounded-0` + `bg-light` + `mt-0` osztályokat ad, árnyék és belső térköz
      nélkül: a panel szürke, szögletes, és a fejléchez tapad. Dsc-kulcs nincs rá. */
.v-menu-menu-top-template-002 {
    min-width: 15rem;
    margin-top: .5rem !important;
    padding: .5rem !important;
    border: 1px solid rgba(var(--scolor-rgb), .10) !important;
    border-radius: .5rem !important;
    background-color: #fff !important;
    box-shadow: 0 14px 34px rgba(var(--scolor-rgb), .14) !important;
}
.v-menu-menu-top-template-002 .dropdown-item {
    padding: .55rem .75rem;
    border-radius: .375rem;
    font-weight: 500;
    color: var(--scolor);
    transition: background-color .2s ease, color .2s ease;
}
.v-menu-menu-top-template-002 .dropdown-item:hover,
.v-menu-menu-top-template-002 .dropdown-item:focus {
    background-color: rgba(var(--pcolor-rgb), .14);
    color: var(--scolor);
}
.v-menu-menu-top-template-002 .dropdown-item.active {
    background-color: var(--pcolor);
    color: var(--scolor);
}

/* 5) BILLENTYŰZETES FÓKUSZ (WCAG 2.2 AA): a Bootstrap alap `box-shadow`-ja világos
      háttéren és linkeken alig látszik. Egységes, jól látható fókuszkeret. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--scolor);
    outline-offset: 2px;
    border-radius: .25rem;
}

/* 6) LÁBLÉC-LINKEK a SÖTÉT sávon (WCAG AA): a `footer_text` linkjei osztály nélkül
      a dsc `--linkcolor`-t (sötét narancs) kapják, ami fekete alapon 2,3:1 — olvashatatlan.
      A menü-linkeknek már van `text-white` osztályuk, ezért csak az osztály nélkülieket írjuk át. */
footer a:not([class]) {
    color: var(--pcolor2);
}
footer a:not([class]):hover,
footer a:not([class]):focus {
    color: #fff;
}

/* 7) INFO-LINE: a telefon és az e-mail közvetlen `tel:`/`mailto:` linkként az
      `info_line_left` címkében van (a menümotor nem enged `tel:` linket – minden nem-http
      értéket `/`-lel prefixel). A sablon a címke UTÁN mindig kitesz egy `|` elválasztót,
      ami így a sor végén lógna – elrejtjük. */
.v-info-line-001 {
    display: none;
}

/* 8) Főoldali szolgáltatás-kártyák hover-effektje (2026-09-04).
      A "Három hőmérséklet, egy partner" szekció a szekció-szerkesztő maker-box oszlopaiból áll,
      nem a doboz modulból, ezért a dsc effekt-kulcsai (catalog/news/box ... -effect) nem hatnak rá.
      A motor jump-up-hover effektjével egyező felugrás, csak erre a szekcióra; a kártyák
      kattinthatók, tehát a hover itt visszajelzés is. */
#section_sec_tartomany .maker-box {
    transition: transform .28s ease, box-shadow .28s ease;
}
#section_sec_tartomany .maker-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 34px rgba(var(--scolor-rgb), .16);
}
@media (prefers-reduced-motion: reduce) {
    #section_sec_tartomany .maker-box,
    #section_sec_tartomany .maker-box:hover {
        transition: none;
        transform: none;
    }
}

/* 9) LÁBLÉC: középre szervezett elrendezés (2026-09-10, ügyfélkérés).
      A `footer-boxes_v1` a tartalmat a bal, a lábléc-menüt a jobb félbe teszi, ezért a lábléc
      balra terhelt volt. A lábléc-linkek most a `footer_text` három oszlopában vannak
      (Elérhetőség / Szolgáltatások / Cégadatok), a lábléc-menü csoportjai inaktívak, így az
      üres menü-oszlopot elrejtjük, a tartalmi oszlop pedig a teljes szélességet kapja. */
.v-footer-boxes-003 {
    width: 100%;
    text-align: center;
}
.v-footer-boxes-007 {
    display: none;
}
.v-footer-boxes-004 .social-icons {
    justify-content: center;
}

/* 10) A lábléc alsó sávja: a `col-md-auto` a Bootstrapben `flex: 0 0 auto`, tehát a blokk nem
       zsugorodik, a benne lévő `d-inline-flex` doboz pedig nem tördel — így a jogi hivatkozások
       sora kilógott a konténerből (mérve 768 px-en). */
.v-footer-line-002,
.v-footer-line-005 {
    flex-shrink: 1;
    min-width: 0;
}
.v-footer-line-003 {
    display: block !important;
    max-width: 100%;
}