@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090d15;--surface:#121926;--surface2:#182334;--line:#2b3444;--gold:#eac77f;--text:#f8f5ed;--muted:#b6bdc9;--accent:#d72356;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#252237 0%,transparent 34%),var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;line-height:2;font-size:16px}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input{font:inherit}.skip{position:absolute;top:-100px;right:1rem;background:#fff;color:#000;padding:8px;z-index:50}.skip:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);background:#091a3b}.header-shell{max-width:1260px;margin:auto;min-height:99px;padding:14px 24px;display:flex;align-items:center;gap:38px;justify-content:space-between}.brand{display:block;flex:0 0 178px}.brand img{width:178px;height:auto;display:block}.main-nav{display:flex;gap:27px;flex-wrap:wrap}.main-nav a{color:#f4f1ec;font-weight:700}.iran-time{border:1px solid #3d3441;border-radius:13px;background:#181721;padding:9px 16px;text-align:center;display:flex;flex-direction:column;line-height:1.6;min-width:198px;font-size:12px;color:var(--muted)}#tehran-clock{font-size:18px;letter-spacing:.5px;color:var(--gold);font-weight:800}.page-shell{max-width:1260px;padding:42px 24px 75px;margin:0 auto}.site-grid{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:28px;align-items:start}.article-body{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(21px,4vw,51px);box-shadow:0 20px 90px #0003}.eyebrow{display:inline-block;color:var(--gold);font-size:13px;font-weight:700;background:#eac77f13;border:1px solid #eac77f35;border-radius:30px;padding:4px 13px;margin-bottom:15px}.article-body h1{font-size:clamp(25px,3.4vw,39px);font-weight:800;line-height:1.6;color:#fff;margin:0 0 25px}.article-body h2{font-size:clamp(21px,2.2vw,27px);line-height:1.6;margin:45px 0 15px;color:var(--gold);border-right:4px solid var(--accent);padding-right:14px;scroll-margin-top:20px}.article-body h3{font-size:19px;line-height:1.65;margin:29px 0 10px;color:#f2ebe2}.article-body p{color:#dbe0e7;margin:0 0 17px;text-align:justify}.article-body .faq-question{padding-top:8px;border-top:1px solid #263245}.article-intro{font-size:18px}.featured-figure,.section-figure{margin:27px 0 35px;overflow:hidden;border-radius:17px;border:1px solid #333946;background:#040609}.featured-figure img,.section-figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.table-wrap{overflow-x:auto;border:1px solid #3a4353;border-radius:13px;margin:21px 0 15px}table{width:100%;border-collapse:collapse;min-width:530px;font-size:14px}th,td{padding:12px 16px;text-align:right;border-bottom:1px solid #303a49;vertical-align:top}th{color:#141218;background:var(--gold);font-weight:800}tr:nth-child(even) td{background:#1b2636}.cellbreak{display:block}.sidebar{position:relative}.sidebar-inner{position:sticky;top:24px;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:21px;max-height:calc(100vh - 50px);overflow:auto}.sidebar h2{font-size:18px;color:var(--gold);margin:0 0 12px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{padding:6px 0;border-bottom:1px solid #293342}.sidebar a{font-size:13px;color:#d5dce6;line-height:1.7}.sidebar-note{margin-top:22px;background:#232334;border-radius:12px;padding:13px;font-size:13px;color:#c5c7ce}.sidebar-note strong{color:var(--gold)}.sidebar-note p{margin:7px 0 0}.cta-wrap{text-align:center;margin:4px auto 26px}.cta{display:inline-block;background:linear-gradient(130deg,#ecbf65,#f8d58c);color:#1c1717;border-radius:13px;padding:12px 38px;font-weight:800;box-shadow:0 0 0 0 #eac77f66;animation:gentle-pulse 2.9s ease-in-out infinite}.cta:hover{color:#171219;text-decoration:none;filter:brightness(1.08)}@keyframes gentle-pulse{0%,100%{box-shadow:0 0 0 0 #eac77f44;transform:translateY(0)}50%{box-shadow:0 0 0 7px #eac77f00;transform:translateY(-2px)}}.publish-date{color:var(--muted)!important;font-size:13px}.site-footer{border-top:1px solid var(--line);background:#091a3b}.footer-shell{max-width:1260px;margin:auto;padding:48px 24px;display:grid;grid-template-columns:1.7fr 1fr 1.15fr;gap:52px}.footer-shell>div{display:flex;flex-direction:column;gap:9px}.footer-shell strong,.footer-brand{color:var(--gold);font-weight:800}.footer-shell p{margin:0;color:#b7c1cc;font-size:14px}.footer-shell .risk{border-right:3px solid #cc3651;padding-right:13px;margin-top:7px}.footer-shell a{color:#dce2eb}.footer-shell label{display:block;font-size:13px;color:#cbd2de}.footer-shell input,.search-form input{background:#0a111d;border:1px solid #415066;color:#fff;border-radius:10px;padding:10px 12px;width:100%;min-width:0}.footer-shell button,.search-form button{background:var(--gold);border:0;border-radius:10px;color:#15141a;padding:9px 17px;font-weight:800;cursor:pointer;margin-top:8px}.socials{display:flex;gap:10px;flex-wrap:wrap}.copyright{text-align:center;color:#9fa7b4;padding:17px;border-top:1px solid #252f3c;font-size:13px}.page-heading h1{font-size:38px;margin:0}.page-heading p{color:var(--muted)}.search-form{margin:20px 0 28px;max-width:540px}.search-form label{display:block}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text)}.post-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.post-details{padding:17px}.post-details span{font-size:12px;color:var(--muted)}.post-details h2{margin:10px 0;font-size:18px;line-height:1.7;color:#fff}.post-details p{font-size:13px;color:var(--muted)}.empty-posts{padding:25px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.side-article{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.simple-page{max-width:850px}@media(max-width:990px){.header-shell{gap:15px}.site-grid{grid-template-columns:1fr}.sidebar-inner{position:static;max-height:370px}.footer-shell{grid-template-columns:1fr 1fr}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){body{font-size:15px}.header-shell{padding:15px 16px;flex-wrap:wrap;justify-content:center;gap:13px}.brand{flex:0 0 125px}.brand img{width:125px}.main-nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:11px;font-size:13px;gap:24px}.iran-time{min-width:170px;padding:5px 10px}#tehran-clock{font-size:15px}.page-shell{padding:19px 12px 46px}.article-body{border-radius:15px;padding:20px 15px}.article-body h2{margin-top:36px}.footer-shell{grid-template-columns:1fr;gap:24px;padding:33px 20px}.post-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Social icon placeholders: links activate only after valid HTTPS URLs are provided. */
.socials{display:flex;flex-direction:row!important;align-items:center;gap:12px;margin-top:12px}
.social-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#14274b;border:1px solid #3c4a63;color:#f6f5f0;transition:background .18s ease,border-color .18s ease}
.social-icon svg{width:21px;height:21px;fill:currentColor}
a.social-icon:hover{background:#253c68;border-color:#d5bb79}
.social-pending{opacity:.7;cursor:default}
@media(prefers-reduced-motion:reduce){.social-icon{transition:none}}

/* WiPari - Premium Affiliate CTA Only */

.cta-wrap .cta {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;

    background: linear-gradient(
        110deg,
        #b80f39 0%,
        #f23460 48%,
        #cc1243 100%
    );

    color: #ffffff;
    border: 1px solid #f5c86a;
    border-radius: 15px;
    padding: 14px 38px;
    font-weight: 800;
    text-decoration: none;

    box-shadow:
        0 5px 22px rgba(235, 28, 83, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);

    animation: wepari-cta-glow 3s ease-in-out infinite;
    transition: filter .25s ease, box-shadow .25s ease;
}

.cta-wrap .cta::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        110deg,
        transparent 25%,
        rgba(255, 255, 255, .34) 48%,
        transparent 70%
    );
    transform: translateX(-150%);
    animation: wepari-cta-shine 4.5s ease-in-out infinite;
    pointer-events: none;
}

.cta-wrap .cta:hover {
    color: #ffffff;
    text-decoration: none;
    filter: brightness(1.13);
    box-shadow: 0 7px 28px rgba(244, 41, 96, .48);
}

.cta-wrap .cta:focus-visible {
    outline: 3px solid #f5c86a;
    outline-offset: 4px;
}

@keyframes wepari-cta-glow {
    0%, 100% {
        box-shadow: 0 4px 16px rgba(235, 28, 83, .22);
        transform: translateY(0);
    }
    50% {
        box-shadow: 0 6px 27px rgba(244, 41, 96, .46);
        transform: translateY(-2px);
    }
}

@keyframes wepari-cta-shine {
    0%, 65%, 100% {
        transform: translateX(-150%);
    }
    85% {
        transform: translateX(150%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cta-wrap .cta,
    .cta-wrap .cta::after {
        animation: none !important;
    }
}

/* WiPari - Mobile clock adjustments */
@media (max-width: 680px) {
    .iran-time {
        width: 138px;
        max-width: 138px;
        min-width: 0;
        padding: 5px 7px;
        border-radius: 10px;
        line-height: 1.35;
    }

    .iran-time .clock-label {
        display: none !important;
    }

    .iran-time #tehran-clock {
        font-size: 14px;
    }

    .iran-time #tehran-date {
        font-size: 9px;
    }
}

/* WiPari - Final Compact Mobile Clock */
@media screen and (max-width: 680px) {

    .site-header .iran-time {
        width: 132px !important;
        min-width: 0 !important;
        max-width: 132px !important;
        padding: 5px 8px !important;
        border-radius: 10px !important;
        gap: 2px !important;
        line-height: 1.35 !important;
    }

    .site-header .iran-time .clock-label {
        display: none !important;
    }

    .site-header .iran-time #tehran-clock {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .site-header .iran-time #tehran-date {
        font-size: 10px !important;
        line-height: 1.4 !important;
        white-space: nowrap;
    }
}