/*
 * Yasal doküman sayfaları (/yasal, /legal) — page/legal/{show,index}.blade.php
 *
 * Renk sistemi MOD-BAĞIMSIZDIR: tema karanlık modda body'ye sınıf eklemeden
 * yalnızca dark.min.css yükler; bu yüzden koşullu dark seçicileri yerine
 * her iki zeminde de çalışan nötr yarı saydam renkler kullanılır
 * (arka planlar rgba gri, metin renkleri inherit).
 */

/* --- Belge künye tablosu --- */
.legal-meta-card {
    border: 1px solid rgba(128, 128, 128, 0.35);
    border-radius: 6px;
    padding: 1.4rem 1.8rem;
    margin-bottom: 2.4rem;
    background: rgba(128, 128, 128, 0.08);
    color: inherit;
}

.legal-meta-table {
    width: 100%;
    font-size: 1.3rem;
    border-collapse: collapse;
    color: inherit;
}

.legal-meta-table th {
    text-align: left;
    padding: 0.4rem 1.6rem 0.4rem 0;
    white-space: nowrap;
    font-weight: 600;
    width: 1%;
    vertical-align: top;
    color: inherit;
}

.legal-meta-table td {
    padding: 0.4rem 0;
    color: inherit;
}

/* --- İçindekiler (masaüstü) --- */
.legal-toc-inner {
    position: sticky;
    top: 9rem;
    max-height: calc(100vh - 11rem);
    overflow-y: auto;
    border: 1px solid rgba(128, 128, 128, 0.35);
    border-radius: 6px;
    padding: 1.6rem;
}

.legal-toc-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: inherit;
}

.legal-toc-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
}

.legal-toc-list li {
    margin-bottom: 0.6rem;
    line-height: 1.35;
}

.legal-toc-list li.legal-toc-sub {
    padding-left: 1.4rem;
    font-size: 1.2rem;
}

.legal-toc-list a {
    color: inherit;
}

.legal-toc-list a:hover {
    text-decoration: underline;
    opacity: 0.85;
}

.legal-print-btn {
    margin-top: 1.2rem;
    width: 100%;
}

/* --- İçindekiler (mobil) --- */
.legal-toc-mobile {
    border: 1px solid rgba(128, 128, 128, 0.35);
    border-radius: 6px;
    padding: 1.2rem 1.6rem;
    margin-bottom: 2rem;
}

.legal-toc-mobile summary {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.4rem;
    color: inherit;
}

.legal-toc-mobile .legal-toc-list {
    margin-top: 1.2rem;
}

/* --- Belge gövdesi --- */
.legal-doc {
    text-align: justify;
    font-size: 1.4rem;
    line-height: 1.75;
    max-width: 86rem;
    color: inherit;
}

.legal-doc h2 {
    font-size: 1.9rem;
    margin: 2.8rem 0 1.2rem;
    scroll-margin-top: 9rem;
    color: inherit;
}

.legal-doc h3 {
    font-size: 1.7rem;
    margin: 2.4rem 0 1rem;
    scroll-margin-top: 9rem;
    color: inherit;
}

.legal-doc h4 {
    font-size: 1.5rem;
    margin: 1.8rem 0 0.8rem;
    color: inherit;
}

.legal-doc p,
.legal-doc li {
    margin-bottom: 0.9rem;
}

.legal-doc table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.6rem 0;
    font-size: 1.3rem;
    color: inherit;
}

.legal-doc table th,
.legal-doc table td {
    border: 1px solid rgba(128, 128, 128, 0.35);
    padding: 0.8rem 1rem;
    text-align: left;
    vertical-align: top;
    color: inherit;
}

.legal-doc table th {
    background: rgba(128, 128, 128, 0.12);
}

/* --- Özet kutusu (bağlayıcı olmayan sade özet) --- */
.legal-summary-box {
    border-left: 4px solid #4a86c2;
    background: rgba(74, 134, 194, 0.14);
    border-radius: 0 6px 6px 0;
    padding: 1.4rem 1.8rem;
    margin-bottom: 2.4rem;
    color: inherit;
}

/* --- Bilgilendirme kutusu --- */
.legal-notice-box {
    border: 1px solid rgba(240, 173, 78, 0.55);
    background: rgba(240, 173, 78, 0.15);
    border-radius: 6px;
    padding: 1.2rem 1.6rem;
    margin-bottom: 2rem;
    font-size: 1.3rem;
    color: inherit;
}

/* --- İlgili belgeler --- */
.legal-related {
    margin-top: 3.6rem;
    padding-top: 1.8rem;
    border-top: 1px solid rgba(128, 128, 128, 0.35);
}

.legal-related h4 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: inherit;
}

.legal-related ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
}

.legal-related li {
    margin-bottom: 0.5rem;
}

/* --- Hub --- */
.legal-hub-intro {
    font-size: 1.4rem;
    line-height: 1.7;
    max-width: 76rem;
    margin: 0 auto 2.8rem;
    text-align: center;
    color: inherit;
    opacity: 0.85;
}

.legal-hub-section-title {
    font-size: 1.7rem;
    margin: 2.4rem 0 1.6rem;
    padding-left: 1.2rem;
    border-left: 4px solid #4a86c2;
    color: inherit;
}

.legal-hub-card {
    display: flex;
    gap: 1.4rem;
    align-items: flex-start;
    height: 100%;
    border: 1px solid rgba(128, 128, 128, 0.35);
    border-radius: 8px;
    padding: 1.8rem;
    color: inherit;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.legal-hub-card:hover {
    border-color: #4a86c2;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
    color: inherit;
}

.legal-hub-icon {
    flex: 0 0 auto;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(74, 134, 194, 0.14);
    color: #4a86c2;
    font-size: 1.7rem;
}

.legal-hub-body {
    display: block;
    min-width: 0;
}

.legal-hub-card h3 {
    font-size: 1.5rem;
    margin-bottom: 0.6rem;
    color: inherit;
}

.legal-hub-card p {
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    color: inherit;
    opacity: 0.75;
}

.legal-hub-version {
    font-size: 1.1rem;
    color: inherit;
    opacity: 0.6;
}

/* --- Yazdırma --- */
@media print {
    header,
    footer,
    .breadcrumb-nav,
    .legal-toc,
    .legal-toc-mobile,
    .legal-print-btn,
    .legal-related,
    .cookiealert,
    .sticky-footer,
    .mobile-menu-wrapper,
    .scroll-top,
    .active-merchant-banner,
    .compare-popup,
    .woot-widget-holder,
    .woot--bubble-holder,
    .woot-widget-bubble,
    #tawkchat-container,
    #tawkchat-minified-wrapper,
    iframe[title*="chat" i],
    body > div[class*="widget-visible"] {
        display: none !important;
    }

    .legal-page .page-header {
        background: none;
        padding: 0;
    }

    .legal-doc,
    .legal-meta-card,
    .legal-meta-table,
    .legal-summary-box {
        color: #000 !important;
        background: #fff !important;
    }

    .legal-doc {
        max-width: 100%;
        font-size: 12pt;
    }

    #legalContentCol {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .legal-doc a[href^="http"]:after {
        content: " (" attr(href) ")";
        font-size: 10pt;
    }
}