/* PV.5.15 — Yalnız canlı yayın paketinde (tools/release-config.mjs → add; yerel önizleme bu
   dosyayı yüklemez). styles.css'ten sonra yüklenir; ortak tokenlar oradan gelir. */

/* Footer: links to the legal pages */
.footer-legal a { transition: color .2s ease; }
.footer-legal a:hover, .footer-legal a[aria-current="page"] { color: var(--an-text); }
.footer-legal a:hover { text-decoration: underline; text-decoration-color: var(--blue-2); text-underline-offset: 3px; }

/* Contact page without the form: the details use the full width — the four cards on the left,
   the opening hours on the right; one column below 1050 px (contact.css). This file loads before
   contact.css, so the layout rule needs the stronger selector. */
.cp-layout.cp-layout-info { grid-template-columns: minmax(0, 1fr); }
.cp-layout-info .cp-info { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px 32px; align-items: start; }
.cp-layout-info .cp-info:has(> .cp-hours[hidden]) { grid-template-columns: minmax(0, 1fr); }
.cp-layout-info .cp-hours { margin-top: 0; }
.cp-layout-info .cp-social { grid-column: 1 / -1; margin-top: 0; }

/* Legal pages (kvkk.html, gizlilik.html, cerez-politikasi.html): the corporate page's title band
   and type (corporate.css), a short page list on the left and the text on the right. */
.legal-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); gap: 72px; align-items: start; }
.legal-aside { position: sticky; top: 120px; }
.legal-nav { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--line-light); }
.legal-nav a { display: block; padding: 13px 0 13px 14px; color: var(--text-body); border-top: 1px solid var(--line-light); border-left: 2px solid transparent; font-size: .92rem; font-weight: 600; transition: color .2s ease; }
.legal-nav a:hover { color: var(--blue-deep); }
.legal-nav a[aria-current="page"] { color: var(--text); border-left-color: var(--blue-deep); font-weight: 800; }
.legal-updated { margin: 18px 0 0; color: var(--text-soft); font-size: .8rem; }
.legal-text { max-width: 760px; }
.legal-page .legal-text h2 { max-width: none; margin: 52px 0 14px; font-size: clamp(1.3rem, 2vw, 1.6rem); font-weight: 700; line-height: 1.25; letter-spacing: -.01em; }
.legal-page .legal-text h2:first-child { margin-top: 0; }
.legal-text p, .legal-text li, .legal-text dd { color: var(--text-body); font-size: 1rem; line-height: 1.8; }
.legal-text p { margin: 0 0 16px; }
.legal-text ul, .legal-text ol { margin: 0 0 18px; padding-left: 22px; }
.legal-text li { margin: 0 0 8px; padding-left: 4px; }
.legal-text a { color: var(--blue-deep); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-text a:hover { color: var(--text); }
.legal-text code { padding: 1px 6px; background: var(--paper-2); font-size: .9em; }
.legal-lead { font-size: 1.08rem; }
.legal-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 10px 28px; margin: 0 0 18px; padding: 22px 24px; background: var(--paper); border-left: 2px solid var(--blue-deep); }
.legal-facts dt { color: var(--text); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; line-height: 1.8; }
.legal-facts dd { margin: 0; overflow-wrap: anywhere; }
.legal-facts a { color: var(--text-body); text-decoration: none; }
.legal-facts a:hover { color: var(--blue-deep); text-decoration: underline; }

@media (max-width: 1050px) {
  .cp-layout-info .cp-info { grid-template-columns: minmax(0, 1fr); }
  .legal-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .legal-aside { position: static; }
}

@media (max-width: 560px) {
  .footer-legal a { display: inline-block; padding: 6px 0; }
  .legal-facts { grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 18px; }
  .legal-facts dd + dt { margin-top: 10px; }
}