/**
 * 4SIX Legal Pages — shared styles
 * Pages: Privacy Policy, Terms & Conditions, Rules & Regulations, Responsible Gaming
 */

/* ── Base ── */
body.legal-page { background:#06060f!important; color:#e2e8f0; }
body.legal-page .elementor { display:none!important; }
body.legal-page article.page { display:none!important; }
body.legal-page #fourSixWelcomeModal { display:none!important; }

body.legal-page .notout-site-content { background:#06060f!important; }
body.legal-page .container { max-width:100%!important; padding:0!important; }
body.legal-page .row { margin:0!important; }
body.legal-page .col-md-12 { padding:0!important; }

.lp-wrap {
    max-width:980px;
    margin:0 auto;
    padding:48px 24px 120px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans Bengali',sans-serif;
}

/* ── Hero Banner ── */
.lp-hero {
    position:relative;
    border-radius:20px;
    overflow:hidden;
    padding:72px 56px;
    margin-bottom:40px;
    background:linear-gradient(135deg,#080e20 0%,#06060f 55%,#0d0620 100%);
    border:1px solid rgba(255,255,255,.07);
    box-shadow:0 0 80px rgba(59,130,246,.05),0 40px 80px rgba(0,0,0,.4);
}
.lp-hero-glow {
    position:absolute;inset:0;pointer-events:none;
    background:
        radial-gradient(ellipse 70% 80% at -10% 50%,rgba(59,130,246,.14) 0%,transparent 55%),
        radial-gradient(ellipse 50% 60% at 110% 10%,rgba(139,92,246,.1) 0%,transparent 50%),
        radial-gradient(ellipse 40% 40% at 50% 110%,rgba(34,197,94,.05) 0%,transparent 60%);
}
.lp-hero-grid {
    position:absolute;inset:0;pointer-events:none;
    background-image:
        linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 20%,transparent 100%);
}
.lp-hero-inner { position:relative;z-index:1; }
.lp-hero-brand {
    display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;
}
.lp-hero-brand img { height:32px;width:auto;filter:drop-shadow(0 0 10px rgba(59,130,246,.4)); }
.lp-hero-badge {
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);
    border-radius:999px;padding:5px 16px;
    font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;
    color:#60a5fa;margin-bottom:18px;
}
.lp-hero-badge-dot {
    width:7px;height:7px;border-radius:50%;
    background:#3b82f6;
    box-shadow:0 0 8px rgba(59,130,246,.8);
    animation:lp-pulse 1.8s ease-in-out infinite;
}
@keyframes lp-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}
.lp-hero-title {
    font-size:clamp(30px,4.5vw,56px);
    font-weight:900;letter-spacing:-2px;
    line-height:1.05;color:#fff;margin:0 0 16px;
}
.lp-hero-title span {
    background:linear-gradient(90deg,#60a5fa 0%,#818cf8 60%,#a78bfa 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.lp-hero-sub {
    font-size:15px;color:rgba(255,255,255,.42);
    line-height:1.75;max-width:600px;margin:0 0 28px;
}
.lp-hero-meta {
    display:flex;align-items:center;gap:24px;flex-wrap:wrap;
}
.lp-meta-item {
    display:flex;align-items:center;gap:7px;
    font-size:12px;color:rgba(255,255,255,.3);
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    border-radius:8px;padding:6px 12px;
}
.lp-meta-item svg { flex-shrink:0;opacity:.5; }

/* ── TOC (Table of Contents) ── */
.lp-toc {
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.07);
    border-radius:16px;
    padding:24px 28px;
    margin-bottom:40px;
}
.lp-toc-title {
    font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
    color:rgba(255,255,255,.35);margin-bottom:14px;
}
.lp-toc-list {
    list-style:none;padding:0;margin:0;
    columns:2;column-gap:24px;
}
.lp-toc-list li { break-inside:avoid;margin-bottom:8px; }
.lp-toc-list a {
    font-size:13px;color:rgba(255,255,255,.55);text-decoration:none;
    display:flex;align-items:center;gap:8px;
    transition:color .2s;
}
.lp-toc-list a:hover { color:#60a5fa; }
.lp-toc-num {
    display:inline-flex;align-items:center;justify-content:center;
    width:20px;height:20px;border-radius:6px;
    background:rgba(59,130,246,.12);
    font-size:10px;font-weight:800;color:#60a5fa;
    flex-shrink:0;
}

/* ── Progress bar ── */
.lp-progress {
    position:fixed;top:0;left:0;right:0;z-index:9999;
    height:3px;background:rgba(255,255,255,.06);
}
.lp-progress-fill {
    height:100%;
    background:linear-gradient(90deg,#3b82f6,#818cf8,#a78bfa);
    width:0%;
    transition:width .1s linear;
    box-shadow:0 0 10px rgba(99,102,241,.6);
}

/* ── Back to top ── */
.lp-back-top {
    position:fixed;bottom:32px;right:28px;z-index:999;
    width:42px;height:42px;border-radius:12px;
    background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);
    color:#60a5fa;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    font-size:18px;
    opacity:0;pointer-events:none;
    transition:opacity .3s,transform .3s,background .2s;
    transform:translateY(10px);
}
.lp-back-top.visible { opacity:1;pointer-events:auto;transform:translateY(0); }
.lp-back-top:hover { background:rgba(59,130,246,.25);border-color:rgba(59,130,246,.5); }

/* ── Content Sections ── */
.lp-section {
    margin-bottom:32px;
    background:rgba(255,255,255,.02);
    border:1px solid rgba(255,255,255,.07);
    border-radius:18px;
    overflow:hidden;
    transition:border-color .25s;
}
.lp-section:hover { border-color:rgba(255,255,255,.12); }
.lp-section-head {
    display:flex;align-items:center;gap:14px;
    padding:20px 28px;
    border-bottom:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.025);
}
.lp-section-num {
    display:inline-flex;align-items:center;justify-content:center;
    width:38px;height:38px;border-radius:11px;
    font-size:15px;font-weight:900;
    flex-shrink:0;
}
.lp-section-num--blue { background:rgba(59,130,246,.15);color:#60a5fa;box-shadow:0 0 16px rgba(59,130,246,.1); }
.lp-section-num--purple { background:rgba(139,92,246,.15);color:#a78bfa;box-shadow:0 0 16px rgba(139,92,246,.1); }
.lp-section-num--green { background:rgba(16,185,129,.15);color:#34d399;box-shadow:0 0 16px rgba(16,185,129,.1); }
.lp-section-num--gold { background:rgba(245,158,11,.15);color:#fbbf24;box-shadow:0 0 16px rgba(245,158,11,.1); }
.lp-section-num--red { background:rgba(239,68,68,.15);color:#f87171;box-shadow:0 0 16px rgba(239,68,68,.1); }
.lp-section-num--teal { background:rgba(20,184,166,.15);color:#2dd4bf;box-shadow:0 0 16px rgba(20,184,166,.1); }
.lp-section-num--pink { background:rgba(236,72,153,.15);color:#f472b6;box-shadow:0 0 16px rgba(236,72,153,.1); }
.lp-section-num--indigo { background:rgba(99,102,241,.15);color:#818cf8;box-shadow:0 0 16px rgba(99,102,241,.1); }

.lp-section-title {
    font-size:16px;font-weight:800;color:#f1f5f9;
    letter-spacing:-.2px;
}
.lp-section-body {
    padding:24px 28px;
}
.lp-section-body p {
    font-size:14px;color:rgba(255,255,255,.5);
    line-height:1.85;margin:0 0 14px;
}
.lp-section-body p:last-child { margin-bottom:0; }
.lp-section-body ul, .lp-section-body ol {
    padding-left:0;margin:0 0 14px;list-style:none;
}
.lp-section-body li {
    font-size:14px;color:rgba(255,255,255,.48);
    line-height:1.85;padding:7px 0 7px 24px;
    position:relative;
    border-bottom:1px solid rgba(255,255,255,.04);
}
.lp-section-body li:last-child { border-bottom:none; }
.lp-section-body li::before {
    content:'›';
    position:absolute;left:4px;top:7px;
    color:#60a5fa;font-size:16px;font-weight:700;
}
.lp-section-body strong { color:rgba(255,255,255,.82);font-weight:700; }
.lp-section-body a { color:#60a5fa;text-decoration:none; }
.lp-section-body a:hover { color:#93c5fd;text-decoration:underline; }

/* ── Highlight box ── */
.lp-highlight {
    background:rgba(59,130,246,.07);
    border:1px solid rgba(59,130,246,.18);
    border-radius:12px;
    padding:18px 20px;
    margin:16px 0;
    font-size:14px;color:rgba(255,255,255,.65);
    line-height:1.7;
}
.lp-highlight--gold {
    background:rgba(245,158,11,.07);
    border-color:rgba(245,158,11,.2);
}
.lp-highlight--green {
    background:rgba(16,185,129,.07);
    border-color:rgba(16,185,129,.2);
}
.lp-highlight--red {
    background:rgba(239,68,68,.07);
    border-color:rgba(239,68,68,.2);
}
.lp-highlight-ico { font-size:18px;margin-right:8px; }

/* ── Info grid (for RG resources etc.) ── */
.lp-info-grid {
    display:grid;grid-template-columns:repeat(2,1fr);gap:14px;
    margin:16px 0;
}
.lp-info-card {
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;padding:20px;
}
.lp-info-card-ico { font-size:28px;margin-bottom:10px;display:block; }
.lp-info-card-title { font-size:14px;font-weight:800;color:#fff;margin-bottom:5px; }
.lp-info-card-text { font-size:12px;color:rgba(255,255,255,.4);line-height:1.6; }

/* ── Footer note ── */
.lp-footer-note {
    text-align:center;
    padding:32px 24px;
    background:rgba(255,255,255,.02);
    border:1px solid rgba(255,255,255,.06);
    border-radius:20px;
    margin-top:48px;
}
.lp-footer-note-title { font-size:18px;font-weight:800;color:#fff;margin-bottom:8px; }
.lp-footer-note-sub { font-size:13px;color:rgba(255,255,255,.35);line-height:1.7;max-width:560px;margin:0 auto 20px; }
.lp-footer-note-links { display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap; }
.lp-footer-note-links a {
    font-size:13px;color:#60a5fa;text-decoration:none;
    padding:8px 18px;border-radius:8px;
    border:1px solid rgba(59,130,246,.25);
    transition:border-color .2s,background .2s;
}
.lp-footer-note-links a:hover { background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.5); }

/* ── Responsible Gaming specific ── */
.lp-rg-tools {
    display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
    margin:16px 0;
}
.lp-rg-tool {
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;padding:20px 16px;text-align:center;
    transition:border-color .2s,background .2s;
}
.lp-rg-tool:hover { background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14); }
.lp-rg-tool-ico { font-size:30px;margin-bottom:10px;display:block; }
.lp-rg-tool-name { font-size:13px;font-weight:800;color:#fff;margin-bottom:5px; }
.lp-rg-tool-desc { font-size:11px;color:rgba(255,255,255,.35);line-height:1.5; }

/* ── Responsive ── */
@media(max-width:768px){
    .lp-wrap { padding:24px 16px 70px; }
    .lp-hero { padding:40px 24px; }
    .lp-hero-title { letter-spacing:-.5px; }
    .lp-toc-list { columns:1; }
    .lp-section-head { padding:18px 20px; }
    .lp-section-body { padding:18px 20px; }
    .lp-info-grid { grid-template-columns:1fr; }
    .lp-rg-tools { grid-template-columns:1fr 1fr; }
}
@media(max-width:480px){
    .lp-rg-tools { grid-template-columns:1fr; }
}
@media(max-width:390px){
    .lp-wrap { padding:16px 12px 60px; }
    .lp-hero { padding:28px 16px; }
    .lp-hero-title { font-size:clamp(20px,6vw,26px); letter-spacing:-.5px; }
    .lp-hero-sub { font-size:13px; }
    .lp-section-head { padding:14px 16px; }
    .lp-section-body { padding:14px 16px; }
    .lp-section-body p,
    .lp-section-body li { font-size:13px; }
    .lp-toc-list { columns:1; }
    .lp-rg-tools { gap:10px; }
    .lp-rg-tool { padding:16px 12px; }
    .lp-rg-tool-ico { font-size:24px; }
    .lp-rg-tool-name { font-size:12px; }
}