/* ---------------------------------------------------------------------------
   Web shell yerlesim sozlesmesi (DynamicPage / WebSurface)

   NEDEN VAR: shell markup'i Bootstrap 5'e gore yazilmis (container-fluid px-0,
   row g-0, row g-3). Ama tenant temalari Bootstrap 4 tarzi bir .row kurali
   servis ediyor:

       .row { margin-right: -15px; margin-left: -15px; }

   BS5'in g-* yardimcilari degisken tabanli oldugu icin (--bs-gutter-x) bu
   kurali EZEMIYOR; g-0 yazsan da marj -15px kaliyor. Ustelik container'da
   px-0 var, yani negatif marji telafi edecek padding de yok. Sonuc: shell
   viewport'u iki yandan 15px asiyor ve mobilde yatay kaydirma cikiyor.

   Canli olcum (kandogroup.com.tr, 375px, 2026-08-25): viewport=375
   scrollWidth=390, BES SAYFANIN HEPSINDE tam 15px tasma.

   COZUM: shell'in kendi satir/kolon kutularinda hem negatif marj hem de onu
   dengeleyen kolon padding'i sifirlaniyor. Ikisi zaten birbirini goturuyordu;
   modul icerigi bu yuzden dogru yerde duruyordu (hero 0..375) ve yalniz
   KUTULAR disari sarkiyordu. Ikisini birlikte sifirlamak modul geometrisini
   BIREBIR AYNI birakip tasmayi kaldiriyor - olculdu: tasma 15 -> 0, hero ve
   features 0..375'te degismedi.

   Kapsam bilincli olarak dar: yalniz .web-shell-root altindaki shell
   elemanlari. Genel .row / [class*="col-"] hedeflenmiyor ki modullerin kendi
   ic grid'leri ve tema bilesenleri etkilenmesin.
   --------------------------------------------------------------------------- */

.web-shell-root > .row,
.web-shell-root .web-shell-module-grid {
    margin-left: 0;
    margin-right: 0;
}

.web-shell-root > .row > .web-shell-region,
.web-shell-root .web-shell-module-grid > .module-wrapper {
    padding-left: 0;
    padding-right: 0;
}

/* Alt bilgi kisa sayfada icerigin hemen altinda yukari kaymaz, pencerenin altinda durur (ornegin bos sepet).
   Kabuk en az ekran yuksekliginde bir sutundur; ana icerik bolgesi bos alani doldurur ve alt bilgiyi asagi iter.
   Yan yana bolge (kenar cubugu) olan satirlara dokunulmaz: yalniz tum bolgeleri tam genislikte olan satir sutun olur.
   :has() desteklemeyen eski tarayicilarda kural yok sayilir ve onceki davranis (icerik kadar yukseklik) korunur. */
.web-shell-root {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}

.web-shell-root > .row:not(:has(> .web-shell-region:not(.col-lg-12))) {
    flex: 1 0 auto;
    flex-direction: column;
    flex-wrap: nowrap;
}

.web-shell-root > .row:not(:has(> .web-shell-region:not(.col-lg-12))) > main.web-shell-region,
.web-shell-root > .row:not(:has(> .web-shell-region:not(.col-lg-12))) > .web-shell-region.region-content-region {
    flex: 1 0 auto;
}

/* Site kabugundan gelen baslikta Logo + Menu sutun genisligi tasimiyorsa (ikisi de 12) buyuk ekranda yan yana durur;
   sayfanin kendi baslik modulleri (ornegin Logo 3 + Menu 9) bu kurala girmez. Kucuk ekranda alt alta kalir. */
@media (min-width: 992px) {
    .web-shell-region[class*="region-header"] .web-shell-module-grid:has(> [data-web-module-key="Logo"].col-lg-12):has(> [data-web-module-key="Menu"].col-lg-12) > [data-web-module-key="Logo"] {
        flex: 0 0 auto;
        width: 25%;
    }

    .web-shell-region[class*="region-header"] .web-shell-module-grid:has(> [data-web-module-key="Logo"].col-lg-12):has(> [data-web-module-key="Menu"].col-lg-12) > [data-web-module-key="Menu"] {
        flex: 0 0 auto;
        width: 75%;
    }
}

/* Sistem yuzeyi (giris, kayit, sifre): ust bilgi ve alt bilgi arasindaki orta bolum ayri bir bant olarak durur;
   form kart icinde ortalanir. Bant kalan yuksekligi doldurdugu icin alt bilgi kisa sayfada da pencerenin altindadir.
   Renkler tema jetonlarindan gelir; jeton yoksa notr degerler kullanilir. */
.web-system-surface .web-shell-region.region-content-region {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.5rem, 6vw, 4rem) clamp(1rem, 4vw, 2rem);
    background: var(--web-surface, #ffffff);
    background: color-mix(in srgb, var(--web-primary, #0d5bd7) 4%, var(--web-surface, #ffffff));
    border-top: 1px solid var(--web-border, #e5e7eb);
    border-bottom: 1px solid var(--web-border, #e5e7eb);
}

.web-system-surface .account-flow-module {
    width: min(100%, 34rem);
    margin-inline: auto;
    padding: clamp(1rem, 3vw, 1.75rem);
    background: var(--web-surface, #ffffff);
    border: 1px solid var(--web-border, #e5e7eb);
    border-radius: var(--web-radius, 10px);
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08);
}

.web-system-surface .account-flow-module[data-account-flow="register"] {
    width: min(100%, 52rem);
}

.web-system-surface .account-flow-module .container {
    max-width: none;
    padding-inline: 0;
}

.web-system-surface .account-flow-module .container > .row {
    margin-inline: 0;
}

.web-system-surface .account-flow-module .container > .row > [class*="col-md-"] {
    flex: 0 0 100%;
    max-width: 100%;
}

/* Menu landing marka hiyerarşisi: yapı ve görseller modül verisinden gelir. */
.menu-landing-module--brand {
    --menu-landing-accent: var(--web-primary, #0d5bd7);
    --menu-landing-border: var(--web-border, #d6e3f7);
    --menu-landing-heading: var(--web-text, #082b63);
    --menu-landing-muted: var(--web-muted, #697586);
}

.menu-landing-brand-hierarchy {
    align-items: center;
    display: grid;
    gap: clamp(1rem, 2vw, 1.75rem);
}

.menu-landing-brand-node {
    background: var(--web-surface, #fff);
    border: 1px solid var(--menu-landing-border);
    border-radius: var(--web-radius, 1.1rem);
    box-shadow: 0 .65rem 1.6rem rgba(8, 43, 99, .08);
    justify-self: center;
    overflow: hidden;
    width: min(100%, 22rem);
}

.menu-landing-brand-node--root {
    width: min(100%, 17rem);
}

.menu-landing-brand-node__link,
.menu-landing-brand-card__link {
    color: inherit;
    display: grid;
    height: 100%;
    text-decoration: none;
}

.menu-landing-brand-node__link {
    min-height: 7.5rem;
    padding: 1.25rem;
    place-items: center;
}

.menu-landing-brand-node__link:focus-visible,
.menu-landing-brand-card__link:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--menu-landing-accent) 38%, transparent);
    outline-offset: -3px;
}

.menu-landing-brand-node img,
.menu-landing-brand-card__mark img {
    display: block;
    height: auto;
    max-height: 5.4rem;
    max-width: min(100%, 15rem);
    object-fit: contain;
    width: 100%;
}

.menu-landing-brand-node__name,
.menu-landing-brand-card__name {
    color: var(--menu-landing-heading);
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: -.02em;
    text-align: center;
}

.menu-landing-brand-grid {
    display: grid;
    gap: clamp(.9rem, 1.5vw, 1.25rem);
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.5rem), 1fr));
    width: 100%;
}

.menu-landing-brand-card {
    background: var(--web-surface, #fff);
    border: 1px solid var(--menu-landing-border);
    border-radius: var(--web-radius, 1.1rem);
    box-shadow: 0 .45rem 1.25rem rgba(8, 43, 99, .06);
    min-height: 10.5rem;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.menu-landing-brand-card:hover {
    border-color: color-mix(in srgb, var(--menu-landing-accent) 42%, var(--menu-landing-border));
    box-shadow: 0 .85rem 1.6rem rgba(8, 43, 99, .12);
    transform: translateY(-.18rem);
}

.menu-landing-brand-card__link {
    align-content: space-between;
    gap: .8rem;
    padding: 1.1rem 1.2rem;
}

.menu-landing-brand-card__mark {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 5.25rem;
}

.menu-landing-brand-card--compact-mark .menu-landing-brand-card__mark img {
    max-height: 3.65rem;
    max-width: 4.2rem;
}

.menu-landing-brand-card small {
    color: var(--menu-landing-muted);
    font-size: .78rem;
    font-weight: 650;
    letter-spacing: .035em;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 36rem) {
    .menu-landing-brand-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .menu-landing-brand-card {
        transition: none;
    }
}

/* ---------------------------------------------------------------------------
   Sistem yuzeyi (hesap / profil / rezervasyon) duğme ve kontrolleri

   NEDEN VAR: hesap ekranlari .button.btn_blue / .btn_gold (duğme ve baglanti) ile btn-outline-dark kullanir. Site.css'te
   .button.btn_blue kurali yorum satiridir, yani duğme hicbir sitede stillenmemisti (tarayici
   varsayilani, gri + outset kenarlik); btn-outline-dark ise Bootstrap'in sabit koyu rengidir,
   koyu temada okunmaz. Renkler tema koprusu (--web-*) uzerinden okunur; koprusu olmayan
   tema eski acik gorunume duser. Vurgu uzeri metin --web-surface'tir: acik vurguda koyu,
   koyu vurguda acik yuzey rengi olur, ek token gerekmez. Kapsam yalniz .web-system-surface.
   --------------------------------------------------------------------------- */

.web-system-surface button.button.btn_blue,
.web-system-surface input.button.btn_blue,
.web-system-surface a.button.btn_blue,
.web-system-surface button.button.btn_gold,
.web-system-surface input.button.btn_gold,
.web-system-surface a.button.btn_gold {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin: 0 .5rem .5rem 0;
    padding: .6rem 1.1rem;
    border: 1px solid var(--web-primary, #0d5bd7);
    border-radius: var(--web-radius, .375rem);
    background-color: var(--web-primary, #0d5bd7);
    color: var(--web-surface, #fff);
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
    cursor: pointer;
}

/* Ikincil eylem (Sifremi unuttum vb.): dolu vurgu yerine cerceveli duğme; dis giris duğmesiyle ayni dil.
   Kenarlik --web-muted: --web-border koyu temada zeminden ayirt edilemeyecek kadar soluk kaliyor. */
.web-system-surface button.button.btn_gold,
.web-system-surface input.button.btn_gold,
.web-system-surface a.button.btn_gold {
    border-color: var(--web-muted, #6c757d);
    background-color: transparent;
    color: var(--web-text, #343a40);
}

.web-system-surface button.button.btn_blue:hover,
.web-system-surface input.button.btn_blue:hover,
.web-system-surface a.button.btn_blue:hover {
    color: var(--web-surface, #fff);
    filter: brightness(1.08);
}

.web-system-surface button.button.btn_gold:hover,
.web-system-surface input.button.btn_gold:hover,
.web-system-surface a.button.btn_gold:hover {
    border-color: var(--web-text, #343a40);
    background-color: var(--web-text, #343a40);
    color: var(--web-surface, #fff);
}

.web-system-surface button.button.btn_blue:focus-visible,
.web-system-surface input.button.btn_blue:focus-visible,
.web-system-surface a.button.btn_blue:focus-visible,
.web-system-surface button.button.btn_gold:focus-visible,
.web-system-surface input.button.btn_gold:focus-visible,
.web-system-surface a.button.btn_gold:focus-visible,
.web-system-surface .external-login-button:focus-visible {
    outline: 2px solid var(--web-primary, #0d5bd7);
    outline-offset: 2px;
}

.web-system-surface .external-login-button {
    border-color: var(--web-muted, #6c757d);
    color: var(--web-text, #343a40);
}

.web-system-surface .external-login-button:hover {
    border-color: var(--web-text, #343a40);
    background-color: var(--web-text, #343a40);
    color: var(--web-surface, #fff);
}

/* ============================================================
   Hesabim katmani (WEBUI_HESABIM_KATMANI_PLANI H0): baslik hesap girisi ve
   bolum gezinmesi. Renkler tema koprusu token'larindan (--web-*); token yoksa
   acik varsayilan. Mantiksal ozellikler (inline) RTL kulturlerde aynalanir.
   ============================================================ */
.web-account-bar {
    flex: 0 0 100%;
    width: 100%;
    background: var(--web-surface, #fff);
    color: var(--web-text, #343a40);
    border-bottom: 1px solid var(--web-border, #dee2e6);
    font-size: .875rem;
    line-height: 1.25;
}

.web-account-bar__inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .4rem 1rem;
}

.web-account-bar__social {
    min-width: 0;
    margin-inline-end: auto;
}

.web-account-bar__social[data-web-module-key="SocialLinks"] .social-links-module {
    padding: 0 !important;
    text-align: start;
}

.web-account-bar__social[data-web-module-key="SocialLinks"] .social-icons {
    justify-content: flex-start;
    gap: .2rem;
}

.web-account-bar__social[data-web-module-key="SocialLinks"] .social-icons__link--plain {
    color: var(--web-text, #343a40) !important;
}

.web-account-bar__social[data-web-module-key="SocialLinks"] .social-icons__link--plain:hover,
.web-account-bar__social[data-web-module-key="SocialLinks"] .social-icons__link--plain:focus-visible {
    background: var(--web-border, #dee2e6);
}

.web-account-bar__brand {
    display: inline-flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
    margin-inline-end: auto;
    border-radius: var(--web-radius, .375rem);
    background: #fff;
}

.web-account-bar__brand img {
    display: block;
    width: auto;
    max-width: min(100%, 168px);
    height: 32px;
    object-fit: contain;
}

.web-account-bar__brand:focus-visible {
    outline: 2px solid var(--web-primary, #0d5bd7);
    outline-offset: 2px;
}

.web-account-bar__theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid var(--web-border, #dee2e6);
    border-radius: 50%;
    color: var(--web-text, #343a40);
    background: var(--web-surface, #fff);
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

.web-account-bar__theme-toggle:hover {
    border-color: var(--web-primary, #0d5bd7);
    color: var(--web-primary, #0d5bd7);
}

.web-account-bar__theme-toggle:focus-visible {
    outline: 2px solid var(--web-primary, #0d5bd7);
    outline-offset: 2px;
}

.web-account-bar__theme-icon--moon,
html[data-theme="light"] .web-account-bar__theme-icon--sun { display: none; }

html[data-theme="light"] .web-account-bar__theme-icon--moon { display: block; }

.web-account-bar__link,
.web-account-menu__toggle {
    display: inline-flex;
    align-items: center;
    padding: .3rem .8rem;
    border: 1px solid transparent;
    border-radius: var(--web-radius, .375rem);
    color: var(--web-text, #343a40);
    background: transparent;
    text-decoration: none;
    cursor: pointer;
}

.web-account-bar__link:hover,
.web-account-menu__toggle:hover {
    border-color: var(--web-muted, #6c757d);
    color: var(--web-text, #343a40);
}

.web-account-bar__link--primary {
    border-color: var(--web-primary, #0d5bd7);
    background: var(--web-primary, #0d5bd7);
    color: var(--web-surface, #fff);
}

.web-account-bar__link--primary:hover {
    border-color: var(--web-primary, #0d5bd7);
    color: var(--web-surface, #fff);
    filter: brightness(1.08);
}

.web-account-bar__link:focus-visible,
.web-account-menu__toggle:focus-visible,
.web-account-menu__item:focus-visible,
.menu-module .menu-module__more-list .nav-link:focus-visible,
.web-account-nav__item:focus-visible {
    outline: 2px solid var(--web-primary, #0d5bd7);
    outline-offset: 2px;
}

/* Ust seritteki sepet ikonu (site duzeyi yerlesim = topbar; menu modulundeki .menu-module__cart ile ayni isaret):
   giris/kayit dugmelerinin sagindaki rozetli baglanti. Rozet gorunumu web-commerce.css'te; burada yalniz yerlesim var. */
.web-account-bar__cart {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    color: inherit;
    text-decoration: none;
}

.web-account-bar__cart:hover,
.web-account-bar__cart:focus-visible {
    color: inherit;
    text-decoration: none;
}

.web-account-bar__cart:focus-visible {
    outline: 2px solid var(--web-primary, #0d5bd7);
    outline-offset: 2px;
    border-radius: var(--web-radius, .375rem);
}

.web-account-bar__cart .web-commerce-cart-badge {
    position: absolute;
    top: 0;
    inset-inline-end: -.15rem;
    min-width: 1.2rem;
    padding: .2rem .3rem;
    font-size: .65rem;
    pointer-events: none;
}

.web-account-menu {
    position: relative;
}

.web-account-menu__toggle {
    list-style: none;
    gap: .4rem;
    border-color: var(--web-border, #dee2e6);
}

.web-account-menu__toggle::-webkit-details-marker {
    display: none;
}

.web-account-menu__toggle::after {
    content: "";
    width: .4rem;
    height: .4rem;
    border-inline-end: 2px solid currentColor;
    border-block-end: 2px solid currentColor;
    transform: translateY(-.1rem) rotate(45deg);
}

.web-account-menu[open] > .web-account-menu__toggle::after {
    transform: translateY(.1rem) rotate(225deg);
}

.web-account-menu__panel,
.menu-module__more-list {
    position: absolute;
    inset-block-start: calc(100% + .35rem);
    inset-inline-end: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    min-width: 14rem;
    max-width: calc(100vw - 2rem);
    padding: .35rem;
    background: var(--web-surface, #fff);
    color: var(--web-text, #343a40);
    border: 1px solid var(--web-border, #dee2e6);
    border-radius: var(--web-radius, .5rem);
    box-shadow: 0 .5rem 1.25rem rgba(15, 23, 42, .18);
}

.web-account-menu__who {
    padding: .4rem .65rem .5rem;
    margin-block-end: .25rem;
    border-block-end: 1px solid var(--web-border, #dee2e6);
    color: var(--web-muted, #6c757d);
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.web-account-menu__item,
.menu-module .menu-module__more-list .nav-link {
    padding: .5rem .65rem;
    border-radius: calc(var(--web-radius, .5rem) * .6);
    color: var(--web-text, #343a40);
    text-decoration: none;
}

.web-account-menu__item:hover,
.web-account-menu__item.is-current,
.menu-module .menu-module__more-list .nav-link:hover {
    background: color-mix(in srgb, var(--web-primary, #0d5bd7) 12%, transparent);
    color: var(--web-text, #343a40);
}

.web-account-menu__item--logout {
    margin-block-start: .25rem;
    border-block-start: 1px solid var(--web-border, #dee2e6);
    border-radius: 0 0 calc(var(--web-radius, .5rem) * .6) calc(var(--web-radius, .5rem) * .6);
}

.web-account-nav {
    display: flex;
    gap: .25rem;
    margin-block-end: -.5rem;
    border-bottom: 1px solid var(--web-border, #dee2e6);
    overflow-x: auto;
    scrollbar-width: thin;
}

.web-account-nav__item {
    flex: 0 0 auto;
    padding: .55rem .9rem;
    border-block-end: 2px solid transparent;
    color: var(--web-muted, #6c757d);
    text-decoration: none;
    white-space: nowrap;
}

.web-account-nav__item:hover {
    color: var(--web-text, #343a40);
}

.web-account-nav__item.is-current {
    border-block-end-color: var(--web-primary, #0d5bd7);
    color: var(--web-text, #343a40);
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .web-account-bar__inner {
        padding-inline: .75rem;
    }

    .web-account-bar__brand {
        flex: 0 0 34px;
        width: 34px;
        overflow: hidden;
    }

    .web-account-bar__brand img {
        max-width: none;
    }
}

/* Menu modulunun sagindaki hesap girisi (menu modulu accountEntry = menu | both): serit degil, menu satirinda.
   Genis ekranda menu ve giris tek satirda; dar ekranda katlanan menunun sonunda yigilir. */
.web-account-inline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

@media (min-width: 992px) {
    .menu-module--account.nav-horizontal .menu-module__collapse.collapse {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .web-account-inline {
        flex-wrap: nowrap;
        margin-inline-start: .5rem;
        white-space: nowrap;
    }
}

@media (max-width: 991.98px) {
    .web-account-inline {
        padding: .75rem .25rem;
    }
}

/* Menu modulunun sepet ikonu (menu modulu cartIcon = true): sepet menu ogesi degil, menunun sagindaki rozetli baglanti.
   Rozet gorunumu web-commerce.css'te (.web-commerce-cart-badge); burada yalniz ikon yerlesimi ve rozet konumu var.
   Genis ekranda menunun sagina oturur; dar ekranda hamburger'in soluna (acik/koyu anahtari varsa onun da soluna),
   katlanan listenin disinda ve ayni hizada durur. */
.menu-module__cart {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    color: inherit;
    text-decoration: none;
}

.menu-module__cart:hover,
.menu-module__cart:focus-visible {
    color: inherit;
    text-decoration: none;
}

.menu-module__cart:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
    border-radius: .5rem;
}

.menu-module__cart .web-commerce-cart-badge {
    position: absolute;
    top: 0;
    inset-inline-end: -.15rem;
    min-width: 1.2rem;
    padding: .2rem .3rem;
    font-size: .65rem;
    pointer-events: none;
}

@media (min-width: 992px) {
    .menu-module--cart.nav-horizontal {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: .75rem;
    }
}

@media (max-width: 991.98px) {
    .menu-module--cart.nav-horizontal .menu-module__cart {
        position: absolute;
        top: calc(.75rem + 3px);
        right: calc(1rem + 44px + .5rem);
        z-index: 2;
        width: 44px;
        height: 44px;
    }

    .menu-module--cart.menu-module--theme-toggle.nav-horizontal .menu-module__cart {
        right: calc(1rem + 2 * (44px + .5rem));
    }
}

/* Baslik menusu sigdirma (_MenuModule data-menu-fit, web-module-runtime.js): menu genis ekranda tek satira sigmazsa
   once bosluklar daralir (menu-module--compact), sonra misafir giris/kayit tek dugmede toplanir
   (menu-module--account-compact), en son sondaki ogeler "Daha fazla" listesine tasinir. Sigan menude ve dar ekranda
   bu ogeler gizlidir, gorunum degismez. Acilir liste hesap menusunun panel ve oge gorunumunu paylasir (yukarida). */
.web-account-inline__compact,
.menu-module__more[hidden] {
    display: none;
}

.menu-module__more-menu {
    position: relative;
}

/* Ozet (summary) baglanti degildir; menu ogeleriyle ayni gorunsun diye temalarin baglanti rengini
   (a { color: var(--kt-accent) }) ayni token'dan alir. */
.menu-module__more-toggle {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--kt-accent, var(--web-primary, currentColor));
    list-style: none;
    cursor: pointer;
}

.menu-module__more-toggle:hover {
    color: var(--kt-accent-strong, var(--kt-accent, var(--web-primary, currentColor)));
}

.menu-module__more-toggle::-webkit-details-marker {
    display: none;
}

.menu-module__more-caret {
    width: .4rem;
    height: .4rem;
    border-inline-end: 2px solid currentColor;
    border-block-end: 2px solid currentColor;
    transform: translateY(-.1rem) rotate(45deg);
}

.menu-module__more-menu[open] .menu-module__more-caret {
    transform: translateY(.1rem) rotate(225deg);
}

.menu-module__more-list {
    margin: 0;
    list-style: none;
}

/* Tasinan ogeler tema ogesi sinifini korur (geri tasinabilsin diye); panelde temanin cerceve, dolgu ve alt cizgisi
   uygulanmaz. Baslik baglantisini !important ile boyayan tema (or. news acik modu) panel yuzeyinde okunur kalir. */
.menu-module .menu-module__more-list .nav-link {
    display: block;
    border: 0;
    background: transparent;
    opacity: 1;
    white-space: nowrap;
}

.menu-module .menu-module__more-list .nav-link::after {
    display: none;
}

.region-header-region .menu-module .menu-module__more-menu .menu-module__more-list .nav-link {
    color: var(--web-text, #343a40) !important;
}

.menu-module .menu-module__more-list .submenu {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding-inline-start: .75rem;
}

@media (min-width: 992px) {
    .menu-module--account-compact .web-account-inline > :not(.web-account-inline__compact) {
        display: none;
    }

    .menu-module--account-compact .web-account-inline__compact {
        display: block;
    }

    .menu-module--compact.nav-horizontal {
        gap: .5rem;
    }

    .menu-module--compact.menu-module--account.nav-horizontal .menu-module__collapse.collapse {
        gap: .5rem;
    }

    .menu-module--compact .web-account-inline {
        margin-inline-start: 0;
    }
}

/* Account surfaces share the active theme's text and surface tokens. */
.account-shell .account-page-title {
    color: var(--web-text, #13324a);
}

/* Parola göster/gizle: web-module-runtime.js input'u bu sarmalayıcıya alıp buton ekler (data-web-password-toggle). */
.web-password-field {
    position: relative;
    display: block;
}

.web-password-field > input {
    padding-right: 2.75rem;
}

.web-password-field__toggle {
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--web-text, #6c757d);
    opacity: .65;
    cursor: pointer;
}

.web-password-field__toggle:hover,
.web-password-field__toggle:focus {
    opacity: 1;
    color: var(--web-primary, #0d6efd);
}