/* Çerez bildirimi (system/consent.php, js/cookie-notice.js): karartılmış sayfanın altında beyaz bant.
   Yapı ibc.org.tr css/components/consent.css ile aynıdır. İşaretlemede gizli; açılınca alttan kayarak gelir. */
:root{--consent-navy:#062a44;--consent-blue:#335a98;--consent-line:#d9dfe8;--consent-muted:#5b6675;}
.cookie-notice{position:fixed;inset:0;z-index:2147483645;font-family:var(--base-font);}
.cookie-notice[hidden]{display:none;}
.cookie-notice__scrim{position:absolute;inset:0;background:rgb(6 42 68 / .55);opacity:0;transition:opacity .3s ease;}
.cookie-notice__bar{position:absolute;right:0;bottom:0;left:0;border-top:4px solid var(--consent-blue);background:#fff;color:#1f2937;box-shadow:0 -12px 32px rgb(6 42 68 / .2);transform:translateY(100%);transition:transform .38s cubic-bezier(.25,.46,.45,.94);}
.cookie-notice.is-open .cookie-notice__scrim{opacity:1;}
.cookie-notice.is-open .cookie-notice__bar{transform:none;}
.cookie-notice__inner{position:relative;display:flex;align-items:center;gap:12px 24px;padding-top:20px;padding-bottom:20px;}
.cookie-notice__text{flex:1 1 auto;max-width:62em;margin:0;font-size:15px;line-height:1.6;color:#1f2937;}
.cookie-notice__text a{color:var(--consent-blue);font-weight:600;text-decoration:underline;}
.cookie-notice__text a:hover{color:var(--consent-navy);}
.cookie-notice__actions{display:flex;flex:none;gap:12px;}
.cookie-notice__accept,.cookie-notice__reject{min-height:44px;padding:8px 26px;border:2px solid var(--consent-navy);border-radius:22px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s;}
.cookie-notice__accept{background:var(--consent-navy);color:#fff;}
.cookie-notice__accept:hover{border-color:var(--consent-blue);background:var(--consent-blue);}
.cookie-notice__reject{background:#fff;color:var(--consent-navy);}
.cookie-notice__reject:hover{background:var(--consent-navy);color:#fff;}
.cookie-notice__close{display:grid;flex:none;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:#6b7280;cursor:pointer;}
.cookie-notice__close:hover{color:var(--consent-navy);}
.cookie-notice :focus-visible{outline:3px solid var(--consent-blue);outline-offset:2px;}
@media (max-width:767px){
    .cookie-notice__bar{max-height:100%;overflow-y:auto;}
    .cookie-notice__inner{flex-direction:column;align-items:stretch;padding-top:20px;padding-bottom:16px;}
    .cookie-notice__text{padding-right:36px;font-size:14px;}
    .cookie-notice__actions{flex-direction:column-reverse;}
    .cookie-notice__accept,.cookie-notice__reject{width:100%;}
    .cookie-notice__close{position:absolute;top:6px;right:6px;}
}
@media (prefers-reduced-motion:reduce){
    .cookie-notice__scrim,.cookie-notice__bar{transition:none;}
}

/* Çerez politikası sayfasının sonundaki çerez listesi ve "Çerez tercihimi değiştir" */
.cookie-section{margin-top:32px;container-type:inline-size;}
.cookie-section h2{font-size:22px;color:var(--consent-navy);}
.cookie-table-wrap{overflow-x:auto;}
.cookie-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;}
.cookie-table th,.cookie-table td{overflow-wrap:normal;word-break:normal;}
.cookie-table td:nth-child(2){min-width:12em;}
.cookie-table__caption{padding:0 8px 12px;caption-side:top;text-align:left;font-size:14px;color:var(--consent-muted);}
.cookie-table th,.cookie-table td{padding:10px 10px 10px 6px;border-top:1px solid var(--consent-line);text-align:left;vertical-align:top;}
.cookie-table thead th{border-top:0;border-bottom:2px solid var(--consent-navy);font-weight:700;color:var(--consent-navy);}
.cookie-table tbody th{font-weight:700;overflow-wrap:break-word;}
.cookie-table__status{display:inline-block;padding:2px 10px;border-radius:999px;background:#eceff4;color:#4b5563;font-size:13px;font-weight:700;white-space:nowrap;}
.cookie-table__status--on{background:#e0eaf7;color:#1f4277;}
.cookie-reset{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:20px 0 8px;}
.cookie-reset[hidden]{display:none;}
.cookie-reset__button{min-height:44px;padding:8px 24px;border:2px solid var(--consent-navy);border-radius:22px;background:transparent;color:var(--consent-navy);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s;}
.cookie-reset__button:hover{background:var(--consent-navy);color:#fff;}
.cookie-reset__done{color:var(--consent-navy);font-size:15px;font-weight:600;}
/* Dar sütunda her çerez bir kart olur: sayfa genişliğine değil, bölümün kendi genişliğine bakılır (yan sütunlu sayfa) */
@container (max-width:860px){
    .cookie-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
    .cookie-table,.cookie-table caption,.cookie-table tbody,.cookie-table tr,.cookie-table th,.cookie-table td{display:block;}
    .cookie-table__caption{padding-left:0;padding-right:0;}
    .cookie-table tbody tr{margin-bottom:16px;padding:12px;border:1px solid var(--consent-line);border-radius:8px;}
    .cookie-table tbody th,.cookie-table td{padding:0;border:0;}
    .cookie-table tbody th{padding-bottom:6px;font-size:17px;}
    .cookie-table td{padding-top:8px;}
    .cookie-table td:nth-child(2){min-width:0;}
    .cookie-table td::before{content:attr(data-label);display:block;color:#6b7280;font-size:13px;font-weight:700;}
}

/* Yasal metin sayfaları (çerez politikası, aydınlatma metni): yan sütun yok, metin ortada tek sütun */
.article-wrapper.article-wrapper--legal{grid-template-columns:minmax(0,1fr);max-width:1040px;}
.article-wrapper--legal .detail-text h2{margin-top:32px;font-size:22px;color:var(--consent-navy);}
.article-wrapper--legal .detail-text table:not(.cookie-table){width:100%;margin:12px 0 20px;border-collapse:collapse;font-size:14px;line-height:1.5;}
.article-wrapper--legal .detail-text table:not(.cookie-table) th,
.article-wrapper--legal .detail-text table:not(.cookie-table) td{padding:10px 10px 10px 6px;border-top:1px solid var(--consent-line);text-align:left;vertical-align:top;}
.article-wrapper--legal .detail-text table:not(.cookie-table) thead th{border-top:0;border-bottom:2px solid var(--consent-navy);color:var(--consent-navy);}
.article-wrapper--legal .detail-text table:not(.cookie-table) td:first-child{font-weight:700;}
/* Dar ekranda aydınlatma metni tablosu da kartlara dönüşür; sütun adları dile göre başa yazılır */
.article-wrapper--legal .detail-text{container-type:inline-size;}
@container (max-width:640px){
    .article-wrapper--legal .detail-text table:not(.cookie-table) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
    .article-wrapper--legal .detail-text table:not(.cookie-table),
    .article-wrapper--legal .detail-text table:not(.cookie-table) tbody,
    .article-wrapper--legal .detail-text table:not(.cookie-table) tr,
    .article-wrapper--legal .detail-text table:not(.cookie-table) td{display:block;}
    .article-wrapper--legal .detail-text table:not(.cookie-table) tbody tr{margin-bottom:16px;padding:12px;border:1px solid var(--consent-line);border-radius:8px;}
    .article-wrapper--legal .detail-text table:not(.cookie-table) td{padding:8px 0 0;border:0;}
    .article-wrapper--legal .detail-text table:not(.cookie-table) td:first-child{padding-top:0;font-size:17px;}
    .article-wrapper--legal .detail-text table:not(.cookie-table) td:not(:first-child)::before{display:block;color:#6b7280;font-size:13px;font-weight:700;}
    :lang(tr) .article-wrapper--legal .detail-text table:not(.cookie-table) td:nth-child(2)::before{content:"Veriler";}
    :lang(tr) .article-wrapper--legal .detail-text table:not(.cookie-table) td:nth-child(3)::before{content:"Amaç";}
    :lang(tr) .article-wrapper--legal .detail-text table:not(.cookie-table) td:nth-child(4)::before{content:"Hukuki sebep";}
    :lang(en) .article-wrapper--legal .detail-text table:not(.cookie-table) td:nth-child(2)::before{content:"Data";}
    :lang(en) .article-wrapper--legal .detail-text table:not(.cookie-table) td:nth-child(3)::before{content:"Purpose";}
    :lang(en) .article-wrapper--legal .detail-text table:not(.cookie-table) td:nth-child(4)::before{content:"Legal ground";}
}
