/* inflo marrony — içerik sayfaları. Yasal/kurumsal sayfa: MARRONY mesafeli-satis-sozlesmesi.php satır içi stilinden (body.legal-page). */
/* ============ Mesafeli Satış Sözleşmesi — Light Content + Dark Header/Footer ============ */
body.legal-page{ background:#f7f8fa !important; color:#1a1d23; -webkit-font-smoothing:antialiased }

body.legal-page .site-header{
    background:rgba(8,8,8,.95) !important;backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(var(--gold-rgb),.15)
}
body.legal-page .site-header .logo img{
    filter:invert(1) brightness(2) drop-shadow(2px 2px 0 rgba(0,0,0,.25)) !important
}
body.legal-page .site-header .logo-text{ color:#fff !important }
body.legal-page .site-footer{
    background:linear-gradient(180deg,#080808 0%,#050505 100%) !important
}

/* Light content scope */
body.legal-page main.legal-page-wrap{
    --primary:#1f3a1a; --accent:#8B7355;
    --panel:#fff; --text:#1a1d23; --soft:#4a4a48; --muted:#8a8a85;
    --border:#e3e6ec;

    max-width:900px;margin:0 auto;padding:124px 28px 80px
}
@media(max-width:768px){ body.legal-page main.legal-page-wrap{padding-top:90px} }
body.legal-page main.legal-page-wrap a{ color:var(--primary); text-decoration:none }

/* Toolbar */
.legal-toolbar{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
    margin-bottom:16px
}
.legal-toolbar .crumb{
    color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px
}
.legal-toolbar .crumb i{font-size:8px;opacity:.6}
.legal-toolbar .crumb a{color:var(--soft)}
.legal-toolbar .actions{display:flex;gap:8px;flex-wrap:wrap}
.legal-toolbar .actions a, .legal-toolbar .actions button{
    background:#fff;border:1px solid var(--border);color:var(--soft);
    padding:9px 14px;border-radius:9px;font-size:13px;font-weight:600;
    text-decoration:none;cursor:pointer;
    display:inline-flex;align-items:center;gap:6px;
    transition:.2s
}
.legal-toolbar .actions a:hover, .legal-toolbar .actions button:hover{
    border-color:var(--primary);color:var(--primary)
}
.legal-toolbar .actions .primary{
    background:linear-gradient(135deg,var(--primary),#0e2410);color:#fff !important;border-color:var(--primary)
}

/* Doc */
.doc{
    background:#fff;border:1px solid var(--border);border-radius:14px;
    padding:48px 56px;
    box-shadow:0 8px 24px -8px rgba(0,0,0,0.05)
}
.doc h1{
    font-size:24px;margin:0 0 4px;font-weight:700;letter-spacing:-0.01em;
    display:flex;align-items:center;gap:12px;color:#0a0a0a
}
.doc .sub-info{color:var(--muted);font-size:13px;margin-bottom:32px}

.doc h2{
    font-size:14px;text-transform:uppercase;letter-spacing:0.1em;
    color:var(--primary);margin:32px 0 12px;
    padding-bottom:8px;border-bottom:2px solid var(--primary)
}
.doc h3{font-size:14px;font-weight:700;color:var(--text);margin:20px 0 8px}
.doc p{font-size:14px;line-height:1.75;color:var(--soft);margin:0 0 12px;text-align:justify}
.doc strong{color:var(--text);font-weight:600}
.doc ul, .doc ol{padding-left:22px;margin:8px 0 14px}
.doc li{font-size:14px;line-height:1.75;color:var(--soft);margin:4px 0}

.info-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:14px;
    background:#fafaf8;border:1px solid var(--border);border-radius:10px;
    padding:18px;margin:14px 0;
    font-size:13px;color:var(--soft);line-height:1.6
}
.info-grid .blk strong{
    display:block;color:var(--text);font-size:11px;
    text-transform:uppercase;letter-spacing:0.08em;margin-bottom:4px;font-weight:700
}
@media(max-width:640px){
    .info-grid{grid-template-columns:1fr}
    .doc{padding:28px 22px}
}

.signature-row{
    margin-top:48px;padding-top:24px;border-top:2px dashed var(--border);
    display:flex;justify-content:space-between;gap:32px;font-size:13px;color:var(--soft)
}
.signature-row .col{flex:1;text-align:center}
.signature-row .col strong{display:block;color:var(--text);margin-bottom:6px}

@media print{
    body.legal-page .site-header, body.legal-page .site-footer,
    .legal-toolbar{display:none !important}
    body.legal-page{background:#fff}
    body.legal-page main.legal-page-wrap{padding:0;margin:0;max-width:100%}
    .doc{border:0;box-shadow:none;padding:0}
}

@media(min-width:769px){body.has-campaign.legal-page main.legal-page-wrap{padding-top:168px}}
.doc .doc-body img{max-width:100%;height:auto;border-radius:10px}
.doc .doc-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13.5px}
.doc .doc-body td,.doc .doc-body th{border:1px solid var(--border);padding:8px 10px}
.doc .doc-body h2:first-child{margin-top:0}

/* ── Mağazalar (MARRONY bayiler-ve-servisler.php satır içi bölge filtresi stili) ── */
/* === Bölge filtresi (sidebar) === */
.loc-region-section{ margin-top:14px; padding-top:14px; border-top:1px solid rgba(160,136,80,.18) }
.loc-region-label{
    display:flex; align-items:center; gap:7px;
    font-size:11.5px; font-weight:700; color:#475569;
    text-transform:uppercase; letter-spacing:.12em; margin-bottom:8px
}
.loc-region-label i{ color:#a08850 }
.loc-region-grid{
    display:flex; flex-direction:column; gap:6px;
}
.region-chip{
    display:flex; align-items:center; gap:9px;
    width:100%; padding:9px 12px; border-radius:9px;
    background:#fff; border:1px solid #e6e6e1;
    font-size:12.5px; font-weight:600; color:#1c2a18;
    font-family:inherit; cursor:pointer; transition:.18s; text-align:left
}
.region-chip:hover{ background:#fafaf8; border-color:#a08850; transform:translateY(-1px) }
.region-chip.active{
    background:#1c2a18; color:#fff; border-color:#1c2a18;
    box-shadow:0 4px 10px rgba(28,42,24,.18)
}
.region-chip.active .rcnt{ background:#a08850; color:#fff }
.region-chip .rdot{
    width:10px; height:10px; border-radius:50%; flex-shrink:0;
    box-shadow:0 0 0 2px #fff
}
.region-chip .rdot[data-region="marmara"]{    background:#0369a1 }
.region-chip .rdot[data-region="ege"]{        background:#0d9488 }
.region-chip .rdot[data-region="akdeniz"]{    background:#ea580c }
.region-chip .rdot[data-region="ic_anadolu"]{ background:#a16207 }
.region-chip .rdot[data-region="karadeniz"]{  background:#15803d }
.region-chip .rdot[data-region="dogu"]{       background:#1e40af }
.region-chip .rdot[data-region="guneydogu"]{  background:#b91c1c }
.region-chip .rname{ flex:1 }
.region-chip .rcnt{
    background:#f1f5f9; color:#475569;
    font-size:11px; font-weight:700;
    padding:2px 8px; border-radius:999px;
    font-family:'Space Grotesk','Inter',sans-serif;
    min-width:24px; text-align:center
}
.region-chip[data-empty="1"]:not(.active){ opacity:.55 }


/* inflo ekleri: harita iframe'i, nokta ayrıntısı, duyuru bandı ofseti */
@media(min-width:769px){body.has-campaign.locations-page main.loc-wrap{padding-top:134px}}
@media(max-width:768px){body.locations-page main.loc-wrap{padding-top:64px}}
body.locations-page .mr-loc-frame{display:block;width:100%;height:100%;min-height:600px;border:0}
body.locations-page .mr-loc-nomap{min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#78716c;font-size:14px;text-align:center;padding:30px}
body.locations-page .mr-loc-nomap i{font-size:3rem;color:#a08850;opacity:.6}
body.locations-page .loc-result[hidden]{display:none}
body.locations-page .mr-loc-detail{display:none;margin-top:10px;padding-top:10px;border-top:1px dashed #ece5d3;font-size:12.5px;color:#57534e;line-height:1.55}
body.locations-page .loc-result.active .mr-loc-detail,body.locations-page .loc-results:not(:has(.loc-result.active)) .loc-result .mr-loc-detail{display:block}
body.locations-page .mr-loc-detail p{margin:0 0 6px;font-size:12.5px;color:#57534e;line-height:1.55}
body.locations-page .mr-loc-hours{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:6px 0}
body.locations-page .mr-loc-hours strong{color:#0a0a0a;font-weight:600}
body.locations-page .mr-loc-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
body.locations-page .mr-loc-links a{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;border:1px solid #e6e6e1;background:#fff;color:#1c2a18;text-decoration:none;font-weight:600;font-size:12px}
body.locations-page .mr-loc-links a:hover{border-color:#a08850;color:#a08850}
body.locations-page .mr-loc-links .mr-loc-dir{background:#1c2a18;color:#fff;border-color:#1c2a18}
body.locations-page .mr-loc-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:90px 20px}
@media(max-width:880px){body.locations-page .mr-loc-frame,body.locations-page .mr-loc-nomap{min-height:380px}}
