/* ==========================================================================
   تنظیمات نمایش سایت: حالت روز/شب + اندازه محتوا (دسترسی‌پذیری)
   این فایل به‌صورت مستقل و پس از style.css بارگذاری می‌شود تا هیچ‌کدام از
   استایل‌های اصلی سایت را overwrite/خراب نکند؛ فقط قابلیت جدید را اضافه می‌کند.
   ========================================================================== */

/* --------------------------------------------------------------------
   1) دکمه‌ی باز کردن پنل (کنار شماره تماس در دسکتاپ / کنار آیکون تماس در موبایل)
   -------------------------------------------------------------------- */
.header-a11y-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:var(--br-50pct);
    background:rgba(255,255,255,25%);
    color:#0000009e;
    flex-shrink:0;
    cursor:pointer;
    transition:all var(--tr-200) ease-in-out;
    margin-right:6px;
}
.header-a11y-btn:hover,
.header-a11y-btn.is-active{
    color:#000;
    background:rgba(255,255,255,45%);
}
.header-a11y-btn svg{
    width:19px;
    height:19px;
}

.a11y-responsive-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:48px;
    min-height:48px;
}
.a11y-responsive-icon button{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:48px;
    min-height:48px;
    background:none;
    color:#000;
    cursor:pointer;
}
.a11y-responsive-icon svg{
    width:26px;
    height:26px;
}

/* --------------------------------------------------------------------
   2) لایه‌ی نامرئیِ تشخیص «کلیک بیرون از پنل» — دیگر پس‌زمینه‌ی تیره/بلور روی
   کل صفحه ندارد (که حس یک پاپ‌آپ مسدودکننده می‌داد)؛ فقط برای بستن پنل با
   کلیک بیرون از آن استفاده می‌شود و کاملاً نامرئی و بدون مسدودسازی بصری است.
   -------------------------------------------------------------------- */
.a11y-panel-overlay{
    position:fixed;
    inset:0;
    background:transparent;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:99995;
}
.a11y-panel-overlay.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

/* --------------------------------------------------------------------
   3) پنل — دیگر یک پاپ‌آپ وسط صفحه نیست؛ درست مثل زیرمنوهای هدر
   (.navbar-nav .sub-menu) به‌صورت یک باکس شیشه‌ای کوچک، درست کنار همان آیکونی
   که کلیک شده باز می‌شود. موقعیت top/left آن به‌صورت داینامیک توسط
   accessibility.js و بر اساس محل واقعی دکمه تنظیم می‌شود؛ اینجا فقط ظاهر آن
   (هم‌سو با استایل .navbar-nav .sub-menu در style.css) تعریف شده.
   -------------------------------------------------------------------- */
.a11y-panel{
    position:fixed !important;
    top:70px;
    left:16px;
    right:auto !important;
    width:320px;
    max-width:92vw;
    max-height:80vh;
    overflow-y:auto;
    background:rgb(255 255 255 / 0.7);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    border:1px solid rgb(255 255 255 / 0.55);
    border-radius:var(--br-15px);
    box-shadow:0 8px 32px 0 rgb(31 38 135 / 0.15);
    padding:16px;
    z-index:99996;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    /* طبق درخواست: پنل از گوشه‌ی بالا-چپ (که دقیقاً زیر لبه‌ی چپ دکمه قرار می‌گیرد)
       باز می‌شود و به سمت پایین/راست گسترش پیدا می‌کند */
    transform-origin:top left !important;
    transform:scale(0.35);
    transition:opacity var(--tr-300) cubic-bezier(0.19,1,0.22,1),
               transform var(--tr-300) cubic-bezier(0.19,1,0.22,1),
               visibility var(--tr-300) ease;
    direction:rtl;
    text-align:right;
}
.a11y-panel.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:scale(1);
}

.a11y-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
    padding-bottom:12px;
    border-bottom:1px solid rgb(0 0 0 / 0.08);
}
.a11y-panel-title{
    font-weight:700;
    font-size:var(--fs-17px);
    color:#000;
}
.a11y-panel-close{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:var(--br-50pct);
    background:rgb(0 0 0 / 0.06);
    color:#000;
    cursor:pointer;
    flex-shrink:0;
}
.a11y-panel-close:hover{
    background:rgb(0 0 0 / 0.12);
}
.a11y-panel-close svg{
    width:13px;
    height:13px;
    fill:currentColor;
}

.a11y-panel-section{
    margin-bottom:16px;
}
.a11y-panel-section:last-of-type{
    margin-bottom:14px;
}
.a11y-section-label{
    display:block;
    font-size:var(--fs-13px);
    font-weight:600;
    color:#3a3a3a;
    margin-bottom:8px;
}

.a11y-btn-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.a11y-mode-row .a11y-opt-btn{
    flex:1 1 calc(50% - 4px);
}
.a11y-size-row .a11y-opt-btn{
    flex:1 1 calc(33.33% - 6px);
}

.a11y-opt-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:9px 8px;
    border-radius:var(--br-15px);
    background:rgb(255 255 255 / 0.6);
    border:1px solid rgb(0 0 0 / 0.08);
    color:#222;
    font-size:var(--fs-13-5px);
    font-weight:600;
    cursor:pointer;
    transition:all var(--tr-200) ease-in-out;
}
.a11y-opt-btn:hover{
    background:#fff;
    border-color:var(--c-1);
}
.a11y-opt-btn.is-active{
    background:var(--c-1);
    border-color:var(--c-1);
    color:#fff;
}

.a11y-reset-btn{
    width:100%;
    text-align:center;
    padding:9px 8px;
    border-radius:var(--br-15px);
    background:transparent;
    border:1px dashed rgb(0 0 0 / 0.2);
    color:#555;
    font-size:var(--fs-13px);
    cursor:pointer;
    transition:all var(--tr-200) ease-in-out;
}
.a11y-reset-btn:hover{
    border-color:var(--c-1);
    color:var(--c-1);
}

@media (max-width:480px){
    .a11y-panel{
        top:88px;
        width:92vw;
        padding:16px;
    }
    .a11y-mode-row .a11y-opt-btn{
        flex:1 1 calc(50% - 4px);
    }
    .a11y-size-row .a11y-opt-btn{
        flex:1 1 calc(33.33% - 6px);
    }
}

/* --------------------------------------------------------------------
   4) اندازه محتوا — سه حالت: کوچک / نرمال / بزرگ.
   دیگر از zoom روی html استفاده نمی‌شود (zoom کل کانتینر، عرض صفحه و چیدمان
   را هم بزرگ/کوچک می‌کرد و باعث به‌هم‌ریختن سایت و اسکرول افقی ناخواسته
   می‌شد). این حالت فقط اندازه‌ی متغیر --a11y-fs-scale را عوض می‌کند؛ این
   متغیر در style.css در تعریف تمام متغیرهای --fs-*px (سایز فونت‌ها در سراسر
   سایت) ضرب شده، بنابراین با تغییر آن فقط اندازه‌ی نوشته‌ها تغییر می‌کند،
   ولی عرض کانتینرها/گرید‌ها و چیدمان کلی سایت ثابت می‌ماند.
   -------------------------------------------------------------------- */
html.cyber-size-small{
    --a11y-fs-scale:0.92;
}
html.cyber-size-large{
    --a11y-fs-scale:1.15;
}

/* --------------------------------------------------------------------
   4-b) رفع باگ «بیرون زدن متن از کادر» در حالت بزرگ.
   چند باکس در قالب دارای height ثابت (به‌جای min-height) همراه با متنی
   بودند که سایزش به --a11y-fs-scale وابسته است؛ در حالت بزرگ محتوا از کادر
   ثابت بیرون می‌زد. اینجا فقط برای همین موارد شناسایی‌شده، height را به
   min-height تبدیل می‌کنیم (یا اجازه‌ی رشد ارتفاع می‌دهیم) تا کادر با متن
   بزرگ‌تر هم‌رشد کند و چیزی از آن بیرون نزند؛ چیدمان و عرض دست‌نخورده می‌ماند.
   -------------------------------------------------------------------- */
html.cyber-size-large .hero .hero-image .text{
    height:auto;
    min-height:130px;
}
html.cyber-size-large .comment-form input:not([type="submit"]):not([type="checkbox"]),
html.cyber-size-large .comment-form textarea{
    height:auto;
    min-height:55px;
}
html.cyber-size-large #more-less-toggle{
    height:auto;
    min-height:40px;
}
html.cyber-size-large .about-wrapper .about-team-content .about-team-text{
    height:auto;
    min-height:180px;
}
html.cyber-size-large .about-team-content .team-contour{
    height:auto;
    min-height:150px;
}
html.cyber-size-large .main-pages-grid .main-pages-card .card-title{
    height:auto;
    min-height:100px;
}
html.cyber-size-large .blog-categories a{
    height:auto;
    min-height:80px;
}
html.cyber-size-large .contact-wrapper .contact-meta .address{
    height:auto;
    min-height:200px;
}
html.cyber-size-large .fp-speed-btn,
html.cyber-size-large .faq-icon,
html.cyber-size-large .main-table-of-content .icon{
    height:auto;
    min-height:26px;
    padding-top:6px;
    padding-bottom:6px;
}

/* --------------------------------------------------------------------
   5) حالت شب — یک پالت رنگی واقعی و مستقل (نه فیلتر invert روی کل صفحه).
   فیلتر invert قبلی هرگونه رنگی (از جمله عکس‌ها، گرادینت‌ها و سایه‌ها) را
   کورکورانه معکوس می‌کرد و نتیجه‌اش ترکیب رنگی نامنظم و ناخوانا بود. اینجا
   به‌جای آن، برای پس‌زمینه‌ی سایت و برای تک‌تک بخش‌های روشن/تیره‌ی قالب، رنگ
   استاندارد و از پیش تعریف‌شده جایگزین می‌شود تا متن‌ها همیشه خوانا و
   کنتراست مناسب داشته باشند. تصاویر و ویدیوها دیگر invert نمی‌شوند و رنگ
   طبیعی خودشان را حفظ می‌کنند (که رفتار درست یک حالت شب حرفه‌ای است).
   -------------------------------------------------------------------- */
html.cyber-dark-mode{
    color-scheme:dark;
    background:#1B1B1B;
    --c-2:#aab3c9;
}
html.cyber-dark-mode body{
    background:#1B1B1B;
}

/* لوگو در حالت شب باید کاملاً سفید نمایش داده شود (صرف‌نظر از رنگ اصلی‌اش) */
html.cyber-dark-mode .cyberisho-logo a{
    filter:brightness(0) invert(1);
}
html.cyber-dark-mode .progress-scroll-top svg .progress-ring__track{stroke: #000;}
/* پنل تنظیمات نمایش سایت خودش هم باید در حالت شب خوانا باشد */
html.cyber-dark-mode .a11y-panel{
    background:rgb(9 21 64 / 0.85);
    border-color:rgb(255 255 255 / 0.12);
    box-shadow:0 8px 32px 0 rgb(0 0 0 / 0.45);
}
html.cyber-dark-mode .a11y-panel-head{
    border-bottom-color:rgb(255 255 255 / 0.1);
}
html.cyber-dark-mode .a11y-panel-title{
    color:#e8ecf6;
}
html.cyber-dark-mode .a11y-panel-close{
    background:rgb(255 255 255 / 0.08);
    color:#e8ecf6;
}
html.cyber-dark-mode .a11y-panel-close:hover{
    background:rgb(255 255 255 / 0.16);
}
html.cyber-dark-mode .a11y-section-label{
    color:#aab3c9;
}
html.cyber-dark-mode .a11y-opt-btn{
    background:rgb(255 255 255 / 0.06);
    border-color:rgb(255 255 255 / 0.1);
    color:#e8ecf6;
}
html.cyber-dark-mode .a11y-opt-btn:hover{
    background:rgb(255 255 255 / 0.12);
}
html.cyber-dark-mode .a11y-opt-btn.is-active{
    background:var(--c-1);
    border-color:var(--c-1);
    color:#fff;
}
html.cyber-dark-mode .a11y-reset-btn{
    border-color:rgb(255 255 255 / 0.2);
    color:#aab3c9;
}
html.cyber-dark-mode .header-a11y-btn{
    background:rgb(255 255 255 / 0.1);
    color:#e8ecf6;
}
html.cyber-dark-mode .header-a11y-btn:hover,
html.cyber-dark-mode .header-a11y-btn.is-active{
    color:#fff;
    background:rgb(255 255 255 / 0.2);
}
html.cyber-dark-mode .a11y-responsive-icon button{
    color:#e8ecf6;
}

/* ==== خودکارسازی‌شده: بازتولید تک‌تک پس‌زمینه‌ها/متن‌ها/بوردرهای روشن قالب
   با معادل تیره‌ی استاندارد خودشان (رنگ‌های برند و استریپ‌های تیره‌ی داخلی
   بدون تغییر می‌مانند تا هویت بصری سایت حفظ شود). ==== */
/* ==== style.css ==== */
html.cyber-dark-mode body{color:#e8ecf6 !important}
html.cyber-dark-mode a{color:#e8ecf6 !important}
html.cyber-dark-mode form input, html.cyber-dark-mode form select, html.cyber-dark-mode form button, html.cyber-dark-mode form textarea{border:1px solid rgba(75,112,245,0.35) !important;color:#e8ecf6 !important;background-color:rgb(21 21 21 / 73%) !important}
html.cyber-dark-mode form select{border:1px solid #33415f !important}
html.cyber-dark-mode q{background:rgba(14,28,77,0.1) !important}
html.cyber-dark-mode cite{background:rgba(14,28,77,0.1) !important}
html.cyber-dark-mode code, html.cyber-dark-mode tt{background:rgba(14,28,77,0.1) !important}
html.cyber-dark-mode address{border:1px dashed rgba(51,65,95,0.3) !important}
html.cyber-dark-mode input::placeholder, html.cyber-dark-mode textarea::placeholder{color:#aab3c9 !important}
html.cyber-dark-mode input:disabled{background-color:#1B1B1B !important}
html.cyber-dark-mode hr{background-color:#33415f !important}
html.cyber-dark-mode .cyberisho-table td{border-top:1px solid #33415f !important;border-bottom:1px solid #33415f !important}
html.cyber-dark-mode .cyberisho-table td:first-child{border-right:1px solid #33415f !important}
html.cyber-dark-mode .cyberisho-table td:last-child{border-left:1px solid #33415f !important}
html.cyber-dark-mode .cyberisho-table tr:nth-child(2n) td{background-color:#0e1c4d !important}
html.cyber-dark-mode .cyberisho-table thead{background-color:rgba(14,28,77,0.1) !important}
html.cyber-dark-mode kbd{background:#0e1c4d !important}
html.cyber-dark-mode dl{border:3px double rgba(51,65,95,0.3) !important}
html.cyber-dark-mode dd{border-bottom:1px solid rgba(51,65,95,0.2) !important}
html.cyber-dark-mode .image-border{background:rgba(14,28,77,0.529) !important}
html.cyber-dark-mode .arrow-s2{border:solid #33415f !important}
html.cyber-dark-mode .swiper-3d .swiper-slide-shadow{background:rgba(51,65,95,0.15) !important}
html.cyber-dark-mode .swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#33415f) !important}
html.cyber-dark-mode .swiper-pagination-progressbar{background:rgba(51,65,95,0.25) !important}
html.cyber-dark-mode .swiper-scrollbar{background:rgba(51,65,95,0.1) !important}
html.cyber-dark-mode .swiper-scrollbar-drag{background:rgba(51,65,95,0.5) !important}
html.cyber-dark-mode .swiper-cube .swiper-cube-shadow:before{background:#33415f !important}
html.cyber-dark-mode .custom-scrollbar-thumb{background:rgba(14,28,77,0.25) !important}
/* مسیر (track) اسکرول‌بار سفارشی هم در حالت شب دیده نمی‌شد چون رنگ پایه‌اش
   rgba(0,0,0,0.06) بود که روی پس‌زمینه‌ی تیره‌ی #1B1B1B عملاً نامرئی است */
html.cyber-dark-mode .custom-scrollbar-track{background:rgba(255,255,255,0.12) !important}
html.cyber-dark-mode .btn.has-bg .position-aware-bg{background-color:#000000 !important;}
html.cyber-dark-mode .btn.has-bg:hover{border-color:#33415f !important;background-color:#0e1c4d !important}
html.cyber-dark-mode .header .header-entry::before{background:rgba(14,28,77,0.522) !important;border:2px solid rgba(51,65,95,0.4) !important}
html.cyber-dark-mode .header .header-tel{background:rgb(255 255 255 / 0.1) !important}
html.cyber-dark-mode .header .header-search{background:rgb(255 255 255 / 0.1) !important}
html.cyber-dark-mode .header .header-search::placeholder{color:#e8ecf6 !important}
html.cyber-dark-mode .header-search-wrapper .header-search::placeholder, html.cyber-dark-mode .header .header-tel{color:rgba(232,236,246,0.62) !important}
html.cyber-dark-mode .header .header-tel:hover, html.cyber-dark-mode .header-search-wrapper .header-search:focus::placeholder{color:#e8ecf6 !important}
html.cyber-dark-mode .header-search-wrapper .header-search:focus{background:rgb(255 255 255 / 0.2) !important}
html.cyber-dark-mode .navbar-nav .sub-menu{background:rgba(14,28,77,0.6) !important;border:1px solid rgba(51,65,95,0.5) !important;box-shadow:0 8px 32px 0 rgba(9,21,64,0.15) !important}
html.cyber-dark-mode .navbar-nav .sub-menu li a{color:#aab3c9 !important;border-bottom:1px solid rgba(51,65,95,0.05) !important}
html.cyber-dark-mode .navbar-nav .sub-menu li a:hover{background:rgba(14,28,77,0.8) !important}
html.cyber-dark-mode .search-spinner{border:2px solid #33415f !important}
html.cyber-dark-mode .ajax-search-results{border:1px solid rgba(51,65,95,0.5) !important;background:rgba(14,28,77,0.6) !important;box-shadow:0 8px 32px 0 rgba(9,21,64,0.15) !important}
html.cyber-dark-mode .ajax-scroll-wrapper::-webkit-scrollbar-track{background:rgba(51,65,95,0.05) !important}
html.cyber-dark-mode .search-result-item:hover{background-color:#0e1c4d !important}
html.cyber-dark-mode .search-result-title{color:#aab3c9 !important}
html.cyber-dark-mode .search-no-result{color:#aab3c9 !important}
html.cyber-dark-mode .rank-math-breadcrumb p::-webkit-scrollbar-track{background:rgba(51,65,95,0.06) !important}
html.cyber-dark-mode .rank-math-breadcrumb p::-webkit-scrollbar-thumb{border:1px solid rgba(51,65,95,0.7) !important}
html.cyber-dark-mode .rank-math-breadcrumb p a:first-child{filter:brightness(0) invert(1) !important}
html.cyber-dark-mode .hero .hero-image .text{background:rgba(14,28,77,0.314) !important;border:1px solid rgba(51,65,95,0.4) !important;color:#fff !important}
html.cyber-dark-mode .section-title{color:#e8ecf6 !important}
html.cyber-dark-mode .audio-play.active{background-color:rgba(14,28,77,0.239) !important}
html.cyber-dark-mode .audio-play.style-2{background-color:#33415f !important}
html.cyber-dark-mode .audio-play.style-2 .audio-play-entry{background-color:#0e1c4d !important;color: #fff;}
html.cyber-dark-mode #customer-images::before{box-shadow:0 -20px 115px 170px rgba(75,112,245,0.35) !important;left:50% !important;transform:translateX(-50%) !important;}
html.cyber-dark-mode .customer-images .swiper-slide.swiper-slide-active .customer-image{border-color:#1B1B1B !important}
html.cyber-dark-mode .about-us .about-image .about-image-entry::after{box-shadow:0 0 90px 94px rgba(75,112,245,0.35) !important}
html.cyber-dark-mode .about-us .about-image .about-image-entry::before{background-color:#33415f !important}
html.cyber-dark-mode .service-item .description{color:#e8ecf6 !important}
html.cyber-dark-mode .mitting-action::after{box-shadow:4px 0 200px 180px rgba(75,112,245,0.3) !important;background-color:#1B1B1B !important}
html.cyber-dark-mode .mitting-action::before{box-shadow:4px 0 208px 220px rgba(75,112,245,0.3) !important;background-color:#1B1B1B !important}
html.cyber-dark-mode .mitting-action .action-info .call-action svg{fill:#fff !important;color:#fff !important}
html.cyber-dark-mode .mitting-action .action-text{background:rgba(14,28,77,0.71) !important}
html.cyber-dark-mode .mitting-action .action-info > div{background:rgba(14,28,77,0.71) !important}
html.cyber-dark-mode .home .portfolio-item{border:1.5px solid #33415f !important;color:#aab3c9 !important}
html.cyber-dark-mode .home .portfolio-item:hover{border-color:#33415f !important}
html.cyber-dark-mode .faq-item{border:1px solid #33415f !important}
html.cyber-dark-mode .faq-item.active .faq-question{border-color:#33415f !important}
html.cyber-dark-mode .faq-icon{color:#aab3c9 !important;border:1px solid #33415f !important}
html.cyber-dark-mode .faq-answer-body{color:#aab3c9 !important}
html.cyber-dark-mode .hero-blog-entry .post.style-3 .swiper-button-next, html.cyber-dark-mode .hero-blog-entry .post.style-3 .swiper-button-prev{background:#1B1B1B !important}
html.cyber-dark-mode .hero-blog-entry .post.style-3 .swiper-button-next:after, html.cyber-dark-mode .hero-blog-entry .post.style-3 .swiper-button-prev:after, html.cyber-dark-mode .related-slider-wrapper .swiper-button-next:after, html.cyber-dark-mode .related-slider-wrapper .swiper-button-prev:after{color:#aab3c9 !important}
html.cyber-dark-mode .post.style-1 .info span:first-of-type{background:#0e1c4d !important}
html.cyber-dark-mode .post.style-1 .title{background:rgba(14,28,77,0.314) !important}
html.cyber-dark-mode .post.style-2 .post-info span:last-of-type{background:#0e1c4d !important}
/* .post.style-3 چون background-color:#1B1B1B (هم‌رنگ خودِ body) داشت، عملاً کارت
   دیده نمی‌شد؛ به رنگ کارت‌های دیگر (هم‌رنگ سایر کارت‌های حالت شب سایت) تغییر کرد */
html.cyber-dark-mode .post.style-3{background-color:#0e1c4d !important}
html.cyber-dark-mode .post.style-3 .thumbnail .cats a, html.cyber-dark-mode .main-single-post .thumbnail .cats a{background-color:#0e1c4d !important}
html.cyber-dark-mode .blog-categories{background-color:#0e1c4d !important}
html.cyber-dark-mode .blog .approximate-time, html.cyber-dark-mode .single .approximate-time{border:1px solid #33415f !important}
html.cyber-dark-mode .blog-news-section .ticker-wrap{border:1px solid #33415f !important}
html.cyber-dark-mode .blog-news-section .live-indicator{background-color:#0e1c4d !important}
html.cyber-dark-mode .blog-news-section .live-indicator span{border:3px solid #33415f !important}
/* طبق درخواست: رنگ متن/آیتم‌های .three-banner-section نباید در حالت شب اصلاً
   تغییر کند (قانون قبلی که رنگ strong را عوض می‌کرد حذف شد) */
html.cyber-dark-mode .post.style-4 .post-s4-entry{background-color:#0e1c4d !important}
html.cyber-dark-mode .post.style-4 .info{color:#aab3c9 !important}
html.cyber-dark-mode .pagination a:hover{background-color:#0e1c4d !important}
html.cyber-dark-mode .pagination .current{background-color:#1B1B1B !important}
html.cyber-dark-mode .footer .container:before{background:#1B1B1B !important;box-shadow:-1px -30px 158px 250px rgba(75,112,245,0.3) !important}
html.cyber-dark-mode .footer .footer-entry{background:rgba(14,28,77,0.314) !important;border:1px solid #33415f !important}
html.cyber-dark-mode .footer .contact-info{background:rgba(14,28,77,0.314) !important;border:1px solid #33415f !important}
html.cyber-dark-mode .footer .footer-entry hr{background-color:rgba(232,236,246,0.15) !important}
html.cyber-dark-mode .main-single-post .hero-single-blog-entry .post-info{box-shadow:9px 4px 24px -18px rgba(75,112,245,0.35) !important;background-color:rgba(14,28,77,0.541) !important}
html.cyber-dark-mode article.content .post-introduction{border:1px solid #33415f !important;background:#0e1c4d !important}
html.cyber-dark-mode .social-hover-btn .count-num{color:#aab3c9 !important}
html.cyber-dark-mode article .main-table-of-content a{color:#e8ecf6 !important}
html.cyber-dark-mode article .main-table-of-content strong{color:#e8ecf6 !important}
html.cyber-dark-mode .main-table-of-content.is-sticky{background:rgba(9,21,64,0.949) !important}
html.cyber-dark-mode .like-dislike{color:#aab3c9 !important}
html.cyber-dark-mode .like-dislike .like-button, html.cyber-dark-mode .like-dislike .dislike-button{fill:#aab3c9 !important}
html.cyber-dark-mode .like-dislike span.count-num.num-dislike{color:#aab3c9 !important}
html.cyber-dark-mode .like-dislike span.count-num.num-like{color:#aab3c9 !important}
html.cyber-dark-mode .copy-link-notification > div i{background-color:#0e1c4d !important}
html.cyber-dark-mode .main-table-of-content{background:#0e1c4d !important}
html.cyber-dark-mode .main-table-of-content li::after{background:#0e1c4d !important}
html.cyber-dark-mode .main-table-of-content::after{background:#0e1c4d !important;box-shadow:0 0 40px 64px #0e1c4d !important}
html.cyber-dark-mode .main-table-of-content .icon{color:#e8ecf6 !important;background:#0e1c4d !important}
html.cyber-dark-mode .comments-area{color:#aab3c9 !important}
html.cyber-dark-mode .comment-form::before{box-shadow:0 0 120px 120px rgba(75,112,245,0.3) !important}
html.cyber-dark-mode .comment-form input:not([type="submit"]):not([type="checkbox"]), html.cyber-dark-mode .comment-form textarea{border:1px solid #33415f !important;background-color:rgb(21 21 21 / 73%) !important;color:#e8ecf6 !important}
html.cyber-dark-mode .comment-form input:focus, html.cyber-dark-mode .comment-form textarea:focus{background-color:#0e1c4d !important}
html.cyber-dark-mode .comment-form .floating-label{color:#aab3c9 !important}
html.cyber-dark-mode .comment-form .form-submit .submit:hover{background-color:#0e1c4d !important}
html.cyber-dark-mode .comment-list li{background-color:#0e1c4d !important}
html.cyber-dark-mode .comment-list li ul.children .comment-body{background-color:#1B1B1B !important}
html.cyber-dark-mode .comment-author .icon.avatar{background-color:#0e1c4d !important}
html.cyber-dark-mode .comment-reply-link{background-color:#1B1B1B !important;color:#aab3c9 !important}
html.cyber-dark-mode .comment-reply-link:hover{background-color:#0e1c4d !important}
html.cyber-dark-mode .checkbox-wrapper .checkbox{border:1px solid #33415f !important}
html.cyber-dark-mode .checkbox-wrapper .checkbox:after{border-right:2px solid #33415f !important;border-bottom:2px solid #33415f !important}
html.cyber-dark-mode .glassy-content .content-entry{background:rgba(14,28,77,0.678) !important;border:1px solid #33415f !important}
html.cyber-dark-mode .glassy-content .content-entry:not(.open)::after{background:linear-gradient(to bottom, rgba(14,28,77,0) 25%, rgba(9,21,64,0.92) 85%) !important}
html.cyber-dark-mode .sublanding-pill{border:1.5px solid rgba(51,65,95,0.6) !important;box-shadow:inset 0px 4px 6px rgba(255,255,255,0.08),inset 0px -3px 5px rgba(0,0,0,0.25),0px 6px 12px rgba(0,0,0,0.35) !important}
html.cyber-dark-mode .sublanding-pill:hover{box-shadow:inset 0px 5px 10px rgba(255,255,255,0.12),inset 0px -3px 5px rgba(0,0,0,0.3),0px 12px 20px rgba(0,0,0,0.4) !important}
html.cyber-dark-mode .sublanding-pill.c1{background:rgba(36,52,88,0.88) !important;color:#a3bdff !important}
html.cyber-dark-mode .sublanding-pill.c2{background:rgba(34,88,58,0.88) !important;color:#8ce8b5 !important}
html.cyber-dark-mode .sublanding-pill.c3{background:rgba(88,74,34,0.88) !important;color:#e8d38c !important}
html.cyber-dark-mode .sublanding-pill.c4{background:rgba(64,34,88,0.88) !important;color:#d5a8e8 !important}
html.cyber-dark-mode .sublanding-pill.c5{background:rgba(34,88,88,0.88) !important;color:#85ffe6 !important}
html.cyber-dark-mode .sublanding-pill.c6{background:rgba(88,58,34,0.88) !important;color:#e8b58c !important}
html.cyber-dark-mode .sublanding-pill.c7{background:rgba(88,34,34,0.88) !important;color:#e89696 !important}
html.cyber-dark-mode .whyus-grid .whyus-card{background:rgba(14,28,77,0.251) !important;border:1px solid #33415f !important}
html.cyber-dark-mode .theme-lightblue .note-num{color:#8fa8ff !important}
html.cyber-dark-mode .theme-orange .note-num{color:#e0a06f !important}
html.cyber-dark-mode .theme-purple .note-num{color:#c98fe0 !important}
html.cyber-dark-mode .theme-red .note-num{color:#e07a7a !important}
html.cyber-dark-mode #slider-landing-customer-2 .swiper-slide.swiper-slide span{color:#e8ecf6 !important}
html.cyber-dark-mode #slider-landing-customer-2 .portfolio-thumbnail{border:21px solid #33415f !important;background-color:#0e1c4d !important}
html.cyber-dark-mode .fp-card{background:rgba(14,28,77,0.95) !important;border:1px solid rgba(51,65,95,0.7) !important}
html.cyber-dark-mode .fp-title{color:#e8ecf6 !important}
html.cyber-dark-mode .fp-time{color:#aab3c9 !important}
html.cyber-dark-mode .fp-seek-bar{background:rgba(51,65,95,0.1) !important}
html.cyber-dark-mode .fp-left-actions{border-right:1px solid rgba(51,65,95,0.08) !important}
html.cyber-dark-mode .fp-close-btn{background:#1B1B1B !important}
html.cyber-dark-mode .fp-speed-btn{border:1px solid rgba(51,65,95,0.08) !important;background:#1B1B1B !important;color:#aab3c9 !important}
html.cyber-dark-mode .fp-speed-panel{background:#0e1c4d !important;border:1px solid rgba(51,65,95,0.08) !important}
html.cyber-dark-mode .fp-speed-option{color:#aab3c9 !important}
html.cyber-dark-mode .fp-speed-option:hover{background:rgba(51,65,95,0.05) !important}
html.cyber-dark-mode .about-team-content .team-contour{background:rgba(14,28,77,0.522) !important}
html.cyber-dark-mode .main.portfolio .portfolio-item-right{background:rgba(14,28,77,0.522) !important}
html.cyber-dark-mode .main.portfolio .portfolio-item-left::after{background-color:#1B1B1B !important}
html.cyber-dark-mode .main.portfolio .portfolio-item-left .view-btn{border-left:2px dashed rgba(51,65,95,0.522) !important}
html.cyber-dark-mode .main.portfolio .portfolio-item-left .view-btn:hover .view-btn-entry{background-color:rgba(14,28,77,0.251) !important}
html.cyber-dark-mode .portfolio-modal .modal-overlay{background:rgba(9,21,64,0.8) !important}
html.cyber-dark-mode .portfolio-modal .modal-close{background:#1B1B1B !important}
html.cyber-dark-mode .portfolio-modal .modal-close:hover{background:rgba(14,28,77,0.502) !important}
html.cyber-dark-mode .portfolio-modal .modal-logo-wrap{background-color:#0e1c4d !important}
html.cyber-dark-mode .portfolio-modal .modal-logo-wrap::before{box-shadow:-14px 0 0 0 #0e1c4d !important}
html.cyber-dark-mode .portfolio-modal .modal-logo-wrap::after{box-shadow:14px 0 0 0 #0e1c4d !important}
html.cyber-dark-mode .portfolio-modal .modal-content{background:#33415f !important}
/* بوردر modal-image-wrapper باید هم‌رنگ modal-logo-wrap::before شود (که #0e1c4d است) */
html.cyber-dark-mode .portfolio-modal .modal-image-wrapper{border:8px solid #0e1c4d !important}
html.cyber-dark-mode .portfolio-scrollbar{background-color:rgba(14,28,77,0.188) !important}
html.cyber-dark-mode .portfolio-scrollbar .scroll-thumb{background-color:#0e1c4d !important}
html.cyber-dark-mode .main-pages-grid .main-pages-card{border:1px solid #33415f !important}
html.cyber-dark-mode .main-pages-grid .main-pages-card .card-title{background:#1B1B1B !important}
html.cyber-dark-mode .main-pages-grid .main-pages-card:hover .card-title{background-color:rgba(23,20,61,0.612) !important}
html.cyber-dark-mode .glossary .copy-text-btn{color:#aab3c9 !important}
html.cyber-dark-mode .glossary .copy-text-btn svg{fill:#e8ecf6 !important}
html.cyber-dark-mode .map .map-links a{background:rgba(14,28,77,0.522) !important;background-color:rgba(14,28,77,0.412) !important;color:#e8ecf6 !important}
html.cyber-dark-mode .map .map-links a:hover{background-color:#1B1B1B !important}
html.cyber-dark-mode .employment-wrapper .conditions .condition-text{background:rgba(14,28,77,0.522) !important}
html.cyber-dark-mode .progress-scroll-top{background:rgba(14,28,77,0.565) !important}
html.cyber-dark-mode .progress-scroll-top:hover{background:#0e1c4d !important}
html.cyber-dark-mode #cyber-page-loader{background-color:#0e1c4d !important}
html.cyber-dark-mode body.pt-leaving::before{background:rgba(51,65,95,0.35) !important}
html.cyber-dark-mode .partner-card{border:1px solid #33415f !important}
html.cyber-dark-mode .impact-content::before{background:rgba(51,65,95,0.2) !important}
html.cyber-dark-mode .impact-overlay{background:rgba(51,65,95,0.75) !important}
html.cyber-dark-mode .header-account-btn{background:rgba(14,28,77,0.25) !important;color:rgba(232,236,246,0.62) !important}
html.cyber-dark-mode .header-account-btn:hover{color:#e8ecf6 !important}
html.cyber-dark-mode .floating-account-btn{background:var(--c-1) !important;box-shadow:0 4px 15px rgb(0 0 0 / 0.45) !important}
@media (max-width: 1024px){
html.cyber-dark-mode .mobile-menu-toggle span{background:#33415f !important}
html.cyber-dark-mode .header.open-menu nav > div{background-color:#1B1B1B !important;background-image:none !important}
html.cyber-dark-mode .header.open-menu nav .navbar-nav::-webkit-scrollbar-track{background:rgba(14,28,77,0.1) !important}
/* پس‌زمینه‌ی نوار لوگو در منوی موبایل باز، در بخش ۵-۲ پایین‌تر با جزئیات بیشتر
   (همراه با رنگ بوردر) یک‌جا تعریف شده تا دو قانون متناقض !important برای همین
   انتخابگر وجود نداشته باشد */
html.cyber-dark-mode .header.open-menu nav ul li a{color:#e8ecf6 !important}
html.cyber-dark-mode .header.open-menu .mobile-menu-toggle span{background:#fff !important}
html.cyber-dark-mode .header.open-menu .mobile-menu-footer-item{color:#e8ecf6 !important}
html.cyber-dark-mode .floating-sidebar-left .like-dislike span.count-num.num-dislike, html.cyber-dark-mode .floating-sidebar-left .like-dislike span.count-num.num-like, html.cyber-dark-mode .social-hover-btn .count-num{color:#e8ecf6 !important}
html.cyber-dark-mode .floating-sidebar-left .like-dislike span.count-num::after, html.cyber-dark-mode .social-hover-btn .count-num::after{background:#0e1c4d !important}
html.cyber-dark-mode .mobile-submenu-toggle{color:#e8ecf6 !important}
html.cyber-dark-mode .header.open-menu .sub-menu li a{color:#e8ecf6 !important}
}
@media (max-width: 768px){
html.cyber-dark-mode .footer .container:before{box-shadow:-1px -30px 74px 99px #1B1B1B !important}
html.cyber-dark-mode .header-search-wrapper .header-search:focus{background:rgba(14,28,77,0.52) !important}
html.cyber-dark-mode .why-us .why-us-items .why-us-item, html.cyber-dark-mode .why-us .why-us-items .left .why-us-item{background:rgba(14,28,77,0.561) !important}
html.cyber-dark-mode .footer .footer-nav{border-top:1px solid #33415f !important}
html.cyber-dark-mode .footer .footer-nav::-webkit-scrollbar-track{background-color:#0e1c4d !important}
html.cyber-dark-mode .footer .footer-nav li a::before{background-color:#33415f !important}
html.cyber-dark-mode .post.style-4::-webkit-scrollbar-track{background:rgba(51,65,95,0.05) !important}
html.cyber-dark-mode #customer-images::before{box-shadow:0 -20px 100px 126px #1B1B1B !important;left:50% !important;transform:translateX(-50%) !important;}
html.cyber-dark-mode .header .header-search{background:rgba(14,28,77,0.52) !important}
html.cyber-dark-mode .header .header-search::placeholder{color:#aab3c9 !important}
}

/* ==== assets/css/archive.min.css ==== */
html.cyber-dark-mode .blog-categories-ul::-webkit-scrollbar-track{background:#0e1c4d !important}
html.cyber-dark-mode .blog-categories a{background-color:#1B1B1B !important}
html.cyber-dark-mode .blog-filters, html.cyber-dark-mode .blog-filters a{color:#aab3c9 !important}
html.cyber-dark-mode .blog-filters .sort-by-wrapper span{color:#e8ecf6 !important}
html.cyber-dark-mode .hero-search-entry .search-simple-card a{background:#1B1B1B !important}
@media (max-width: 768px){
html.cyber-dark-mode .filter-dropdown-summary{background:#0e1c4d !important;border:1px solid #33415f !important}
html.cyber-dark-mode .filter-dropdown-mobile[open]{background:#0e1c4d !important}
html.cyber-dark-mode .filter-dropdown-mobile[open] a{border-bottom:1px solid #33415f !important;color:#aab3c9 !important;background:#0e1c4d !important}
}

/* ==== assets/css/blog-hub.min.css ==== */
html.cyber-dark-mode .google-updates-listing .google-update-card{background:#1B1B1B !important}
html.cyber-dark-mode .google-algorithm-stats .gas-item{background:#0e1c4d !important;border:1px solid rgba(51,65,95,0.05) !important;box-shadow:0 10px 26px rgba(51,65,95,0.07) !important}
html.cyber-dark-mode .google-algorithm-stats .gas-item:hover{box-shadow:0 16px 34px rgba(51,65,95,0.12) !important}
html.cyber-dark-mode .google-algorithm-stats .gas-label{color:#e8ecf6 !important}
html.cyber-dark-mode .google-algorithm-stats .gas-sub{color:#aab3c9 !important}
html.cyber-dark-mode .google-algorithms-listing .google-algorithm-timeline-list::before{background:#33415f !important}
html.cyber-dark-mode .google-algorithms-listing .google-algorithm-timeline-tracker{background:#0e1c4d !important}
html.cyber-dark-mode .google-algorithms-listing .google-algorithm-timeline-card{background:#0e1c4d !important;border:1px solid #33415f !important;box-shadow:0 1px 2px rgba(51,65,95,0.04) !important}
html.cyber-dark-mode .google-algorithms-listing .gat-title{color:#e8ecf6 !important}
html.cyber-dark-mode .google-algorithms-listing .gat-status-badge.rollout{background:#3d1914 !important}
html.cyber-dark-mode .google-algorithms-listing .gat-status-badge.done{box-shadow:0 4px 10px -4px rgba(25,77,44,0.55) !important}
html.cyber-dark-mode .google-algorithms-listing .gat-focus-tag{border:1px solid #33415f !important}
html.cyber-dark-mode .google-algorithms-listing .gat-desc{color:#aab3c9 !important}
html.cyber-dark-mode .google-algorithms-listing .gat-meta{border-right:1px solid #33415f !important}
html.cyber-dark-mode .google-algorithms-listing .gat-icon-wrap .icon{color:#aab3c9 !important}
html.cyber-dark-mode .google-algorithms-listing .gat-meta-label{color:#aab3c9 !important}
html.cyber-dark-mode .google-algorithms-listing .gat-meta-value{color:#e8ecf6 !important}
html.cyber-dark-mode .google-algorithms-listing .google-algorithms-empty, html.cyber-dark-mode .google-updates-listing .google-updates-empty{color:#aab3c9 !important}
html.cyber-dark-mode .checklists-listing .checklist-card{background:#0e1c4d !important;border:1px solid #33415f !important;box-shadow:0 1px 2px rgba(51,65,95,0.04) !important}
html.cyber-dark-mode .checklists-listing .checklist-card:hover{box-shadow:0 12px 28px rgba(51,65,95,0.1) !important}
html.cyber-dark-mode .checklists-listing .cl-icon{background:color-mix(in srgb,var(--cl-color) 12%,#0e1c4d) !important}
html.cyber-dark-mode .checklists-listing .cl-title{color:#e8ecf6 !important}
html.cyber-dark-mode .checklists-listing .cl-desc{color:#aab3c9 !important}
html.cyber-dark-mode .checklists-listing .cl-tag-c1{background:#26143d !important}
html.cyber-dark-mode .checklists-listing .cl-tag-c2{background:#14273d !important}
html.cyber-dark-mode .checklists-listing .cl-tag-c3{background:#143d2b !important}
html.cyber-dark-mode .checklists-listing .cl-tag-c4{background:#3d2c14 !important}
html.cyber-dark-mode .checklists-listing .cl-tag-c5{background:#3d1422 !important}
html.cyber-dark-mode .checklists-listing .cl-tag-c6{background:#14383d !important}
html.cyber-dark-mode .checklists-listing .cl-date{color:#aab3c9 !important}
html.cyber-dark-mode .checklists-listing .cl-date-icon .icon{color:#aab3c9 !important}
html.cyber-dark-mode .checklists-listing .cl-meta{border-right:1px solid #33415f !important}
html.cyber-dark-mode .checklists-listing .cl-steps-label{color:#aab3c9 !important}
html.cyber-dark-mode .checklists-listing .checklists-empty{color:#aab3c9 !important}
html.cyber-dark-mode .checklists-listing .cl-share-btn{border:1px solid #33415f !important;background:#0e1c4d !important;color:#aab3c9 !important}
html.cyber-dark-mode .checklists-listing .cl-share-tooltip{background:#33415f !important}
html.cyber-dark-mode .cl-featured-title{color:#e8ecf6 !important}
html.cyber-dark-mode .cl-featured-nav .swiper-button-prev, html.cyber-dark-mode .cl-featured-nav .swiper-button-next{border:1px solid #33415f !important;background:#0e1c4d !important}
html.cyber-dark-mode .cl-featured-nav .swiper-button-prev:hover, html.cyber-dark-mode .cl-featured-nav .swiper-button-next:hover{border-color:#33415f !important;box-shadow:0 4px 10px -4px rgba(51,65,95,0.25) !important}
html.cyber-dark-mode .clf-card{border:1px solid color-mix(in srgb,var(--cl-color) 22%,#33415f) !important}
html.cyber-dark-mode .clf-icon{background:#0e1c4d !important}
html.cyber-dark-mode .clf-title{color:#e8ecf6 !important}
html.cyber-dark-mode .clf-desc{color:#aab3c9 !important}
html.cyber-dark-mode .clf-steps{color:#e8ecf6 !important}
html.cyber-dark-mode .clf-btn.btn{border-color:color-mix(in srgb,var(--cl-color) 35%,#33415f) !important}
html.cyber-dark-mode .clf-card.tool-card{background-color:#0e1c4d !important;box-shadow:0 10px 30px rgba(51,65,95,0.06) !important}
html.cyber-dark-mode .clf-card.tool-card:hover{box-shadow:0 16px 34px rgba(51,65,95,0.1) !important}
html.cyber-dark-mode .tool-card .clf-title{color:#e8ecf6 !important}
html.cyber-dark-mode .partner-image{border:3px solid #33415f !important}
html.cyber-dark-mode .partner-name{color:#e8ecf6 !important}
html.cyber-dark-mode .main-helping-section .banner-heading h2{color:#e8ecf6 !important}
html.cyber-dark-mode .main-helping-section .banner-heading h3{color:#aab3c9 !important}
html.cyber-dark-mode .main-helping-section .icon{background-color:#0e1c4d !important}
html.cyber-dark-mode .main-helping-section .feature-item p{color:#aab3c9 !important}
html.cyber-dark-mode .impact-stat-item{border-left:1px solid rgba(51,65,95,0.2) !important}
html.cyber-dark-mode .sr-cta-box{background-color:#0e1c4d !important;box-shadow:0 14px 36px rgba(51,65,95,0.07) !important}
html.cyber-dark-mode .sr-cta-icon{background-color:#0e1c4d !important}
html.cyber-dark-mode .sr-cta-title{color:#e8ecf6 !important}
html.cyber-dark-mode .sr-cta-desc{color:#aab3c9 !important}
html.cyber-dark-mode .accessibility-support-section .acc-title{color:#e8ecf6 !important}
html.cyber-dark-mode .accessibility-support-section .acc-item{background:#0e1c4d !important;border:1px solid #33415f !important}
html.cyber-dark-mode .accessibility-support-section .acc-item-body h4{color:#e8ecf6 !important}
html.cyber-dark-mode .accessibility-support-section .acc-item-body p{color:#aab3c9 !important}
html.cyber-dark-mode .sr-cta-offers li{color:#e8ecf6 !important}
html.cyber-dark-mode .sr-assist-modal-overlay{background:rgba(51,65,95,0.55) !important}
html.cyber-dark-mode .sr-assist-modal-box{background:#0e1c4d !important}
html.cyber-dark-mode .sr-assist-modal-close:hover{background:#1B1B1B !important}
html.cyber-dark-mode .sr-assist-modal-title{color:#e8ecf6 !important}
html.cyber-dark-mode .cl-stats-band .cls-item{background:#0e1c4d !important;border:1px solid #33415f !important}
html.cyber-dark-mode .cl-stats-band .cls-icon{background:#1d2235 !important;color:var(--cls-c1,#aab3c9) !important;fill:var(--cls-c1,#aab3c9) !important}
html.cyber-dark-mode .cl-stats-band .cls-value{color:#e8ecf6 !important}
html.cyber-dark-mode .cl-stats-band .cls-label{color:#aab3c9 !important}
html.cyber-dark-mode .cl-stats-band .cls-sub{color:#aab3c9 !important}
html.cyber-dark-mode .cl-search-wrap .cl-search-icon{color:#aab3c9 !important}
html.cyber-dark-mode .cl-search-wrap .cl-search-input{border:1px solid #33415f !important;background:rgb(21 21 21 / 73%) !important;color:#e8ecf6 !important;box-shadow:0 6px 18px -12px rgba(51,65,95,0.15) !important}
html.cyber-dark-mode .cl-search-wrap .search-loading{border:2px solid #33415f !important}
html.cyber-dark-mode .checklists-listing-title{color:#e8ecf6 !important}
html.cyber-dark-mode .pen-categories-section .pen-cat-card, html.cyber-dark-mode #tools-categories .tool-card, html.cyber-dark-mode #gf-categories .gf-cat-card, html.cyber-dark-mode #sh-history .sh-history-card{background-color:#0e1c4d !important;border:1px solid color-mix(in srgb, var(--cl-color) 20%, #33415f) !important;box-shadow:0 8px 24px rgba(51,65,95,0.05) !important}
html.cyber-dark-mode .pen-categories-section .pen-cat-card .clf-icon, html.cyber-dark-mode #tools-categories .tool-card .clf-icon, html.cyber-dark-mode #gf-categories .gf-cat-card .clf-icon, html.cyber-dark-mode #sh-history .sh-history-card .clf-icon{background:color-mix(in srgb, var(--cl-color) 14%, #0e1c4d) !important}
html.cyber-dark-mode .err-cat-subs li{color:#aab3c9 !important;border-bottom:1px solid #33415f !important}
html.cyber-dark-mode .err-cat-subs li a{color:#aab3c9 !important}
html.cyber-dark-mode .err-cat-empty{color:#aab3c9 !important}
html.cyber-dark-mode .err-table-title{color:#e8ecf6 !important}
html.cyber-dark-mode .err-table-wrap{background:#0e1c4d !important;border:1px solid #33415f !important;box-shadow:0 6px 22px rgba(51,65,95,0.04) !important}
html.cyber-dark-mode .err-table thead th{color:#aab3c9 !important;background:#1B1B1B !important;border-bottom:1px solid #33415f !important}
html.cyber-dark-mode .err-table tbody td{border-bottom:1px solid #33415f !important;color:#aab3c9 !important}
html.cyber-dark-mode .err-table tbody tr.err-row:nth-child(even){background:#1B1B1B !important}
html.cyber-dark-mode .err-table tbody tr.err-row:hover{background:#1B1B1B !important}
html.cyber-dark-mode .err-col-date{color:#aab3c9 !important}
html.cyber-dark-mode .err-cat-pill.c1{background:rgba(20,33,61,0.88) !important}
html.cyber-dark-mode .err-cat-pill.c2{background:rgba(20,61,38,0.88) !important}
html.cyber-dark-mode .err-cat-pill.c3{background:rgba(61,50,20,0.88) !important}
html.cyber-dark-mode .err-cat-pill.c4{background:rgba(44,20,61,0.88) !important}
html.cyber-dark-mode .err-cat-pill.c5{background:rgba(20,61,61,0.88) !important}
html.cyber-dark-mode .err-cat-pill.c6{background:rgba(61,39,20,0.88) !important}
html.cyber-dark-mode .err-cat-pill.c7{background:rgba(61,20,20,0.88) !important}
html.cyber-dark-mode .err-sev-pill.sev-critical{background:#3d1414 !important;border-color:#33415f !important}
html.cyber-dark-mode .err-sev-pill.sev-high{background:#3d2414 !important;border-color:#33415f !important}
html.cyber-dark-mode .err-sev-pill.sev-medium{background:#3d3114 !important;border-color:#33415f !important}
html.cyber-dark-mode .err-sev-pill.sev-low{background:#143d22 !important;border-color:#33415f !important}
html.cyber-dark-mode .err-view-btn{color:#aab3c9 !important;background:#1B1B1B !important}
html.cyber-dark-mode .err-view-btn:hover{background:#1B1B1B !important}
html.cyber-dark-mode .err-empty{color:#aab3c9 !important;background:#0e1c4d !important;border:1px dashed #33415f !important}
html.cyber-dark-mode .ai-categories-section .ai-category-card.clf-card.tool-card{background-color:#0e1c4d !important;border:1px solid color-mix(in srgb, var(--cl-color) 20%, #33415f) !important;box-shadow:0 8px 24px rgba(51,65,95,0.05) !important}
html.cyber-dark-mode .ai-categories-section .ai-category-card .clf-icon{background:color-mix(in srgb, var(--cl-color) 14%, #0e1c4d) !important}
html.cyber-dark-mode .ai-categories-section .ai-category-card .clf-desc{color:#aab3c9 !important}
html.cyber-dark-mode .ai-categories-section .ai-category-card .ai-category-count{background:color-mix(in srgb, var(--cl-color) 12%, #0e1c4d) !important}
html.cyber-dark-mode .ai-card-badges .gat-focus-tag{border:1px solid #33415f !important}
html.cyber-dark-mode .ai-prompts-section .ai-prompt-card .ai-prompt-preview{color:#aab3c9 !important;background:#1B1B1B !important;border:1px dashed #33415f !important}
html.cyber-dark-mode .ai-hub-page .cl-featured-title{color:#e8ecf6 !important}
html.cyber-dark-mode .ai-copy-toast{background:#33415f !important}
html.cyber-dark-mode .ai-category-archive-empty{color:#aab3c9 !important}
html.cyber-dark-mode .keyword-card{background:#0e1c4d !important;border:1px solid rgba(51,65,95,0.06) !important;box-shadow:0 10px 26px rgba(51,65,95,0.06) !important}
html.cyber-dark-mode .keyword-card:hover{box-shadow:0 16px 34px rgba(51,65,95,0.12) !important}
html.cyber-dark-mode .keyword-card-icon{background:#0e1c4d !important;background:color-mix(in srgb, var(--kw-accent) 12%, #0e1c4d) !important}
html.cyber-dark-mode .keyword-card-title{color:#e8ecf6 !important}
html.cyber-dark-mode .keyword-card-sublabel{color:#aab3c9 !important}
html.cyber-dark-mode .keyword-card-total{color:#e8ecf6 !important}
html.cyber-dark-mode .keyword-card-demand-bar{background:#1B1B1B !important}
html.cyber-dark-mode .keyword-card-demand-label{color:#aab3c9 !important}
html.cyber-dark-mode .keyword-card-table{border-top:1px solid #33415f !important}
html.cyber-dark-mode .keyword-card-row{border-bottom:1px solid #33415f !important}
html.cyber-dark-mode .keyword-card-row-head{color:#aab3c9 !important}
html.cyber-dark-mode .keyword-card-row .kw-num{color:#aab3c9 !important}
html.cyber-dark-mode .keyword-card-foot{border-top:1px solid #33415f !important}
html.cyber-dark-mode .keyword-card-foot-note{color:#aab3c9 !important}
html.cyber-dark-mode .keyword-single-demand-bar{background:#1B1B1B !important}
html.cyber-dark-mode .keyword-single-demand-label{color:#aab3c9 !important}
html.cyber-dark-mode .kw-diff-bar{background:#1B1B1B !important}
html.cyber-dark-mode .kw-diff-bar span{background:var(--diff-color,#194d2c) !important}
html.cyber-dark-mode .keyword-stat-card{background:#0e1c4d !important;border:1px solid rgba(51,65,95,0.06) !important;box-shadow:0 8px 22px rgba(51,65,95,0.05) !important}
html.cyber-dark-mode .keyword-stat-icon{background:color-mix(in srgb, var(--kw-accent) 12%, #0e1c4d) !important}
html.cyber-dark-mode .keyword-stat-label{color:#aab3c9 !important}
html.cyber-dark-mode .keyword-stat-value{color:#e8ecf6 !important}
html.cyber-dark-mode .keyword-stat-bar{background:#1B1B1B !important}
html.cyber-dark-mode .keyword-stat-card:hover{box-shadow:0 14px 30px rgba(51,65,95,0.1) !important}
html.cyber-dark-mode .kw-related-card{background:#0e1c4d !important;border:1px solid rgba(51,65,95,0.06) !important;box-shadow:0 10px 26px rgba(51,65,95,0.06) !important}
html.cyber-dark-mode .kw-related-card:hover{box-shadow:0 16px 34px rgba(51,65,95,0.12) !important}
html.cyber-dark-mode .kw-related-icon{background:color-mix(in srgb, var(--kw-accent) 12%, #0e1c4d) !important}
html.cyber-dark-mode .kw-related-title{color:#e8ecf6 !important}
html.cyber-dark-mode .kw-related-updated{color:#aab3c9 !important}
html.cyber-dark-mode .kw-related-demand-bar{background:#1B1B1B !important}
html.cyber-dark-mode .kw-related-demand-label{color:#aab3c9 !important}
html.cyber-dark-mode .kw-related-chip{background:color-mix(in srgb, var(--kw-accent) 10%, #0e1c4d) !important;border:1px solid color-mix(in srgb, var(--kw-accent) 22%, #33415f) !important}
html.cyber-dark-mode .kw-related-foot{border-top:1px solid #33415f !important}
html.cyber-dark-mode .kw-related-total{color:#aab3c9 !important}
html.cyber-dark-mode .kw-related-total strong{color:#e8ecf6 !important}
html.cyber-dark-mode .tools-empty{color:#aab3c9 !important;background:#1B1B1B !important;border:1px dashed #33415f !important}
html.cyber-dark-mode .gf-sub-impact{color:#aab3c9 !important}
html.cyber-dark-mode .gf-cat-group-icon{background:color-mix(in srgb, var(--gf-color,#4285F4) 14%, #0e1c4d) !important}
html.cyber-dark-mode .gf-cat-group-title{color:#e8ecf6 !important}
html.cyber-dark-mode .gf-cat-group-count{background:#1B1B1B !important;color:#aab3c9 !important}
html.cyber-dark-mode .gf-cat-empty{color:#aab3c9 !important;background:#1B1B1B !important;border:1px dashed #33415f !important}
html.cyber-dark-mode .gf-impact-label{color:#aab3c9 !important}
html.cyber-dark-mode .google-updates-listing .google-algorithm-timeline-list::before{background:#33415f !important}
html.cyber-dark-mode .google-updates-listing .google-algorithm-timeline-tracker{background:#0e1c4d !important}
html.cyber-dark-mode .google-updates-listing .google-algorithm-timeline-card{background:#0e1c4d !important;border:1px solid #33415f !important;box-shadow:0 1px 2px rgba(51,65,95,0.04) !important}
html.cyber-dark-mode .google-updates-listing .gat-title{color:#e8ecf6 !important}
html.cyber-dark-mode .google-updates-listing .gat-status-badge.rollout{background:#3d1914 !important}
html.cyber-dark-mode .google-updates-listing .gat-status-badge.done{box-shadow:0 4px 10px -4px rgba(25,77,44,0.55) !important}
html.cyber-dark-mode .google-updates-listing .gat-desc{color:#aab3c9 !important}
html.cyber-dark-mode .google-updates-listing .gat-meta{border-right:1px solid #33415f !important}
html.cyber-dark-mode .google-updates-listing .gat-icon-wrap .icon{color:#aab3c9 !important}
html.cyber-dark-mode .google-updates-listing .gat-meta-label{color:#aab3c9 !important}
html.cyber-dark-mode .google-updates-listing .gat-meta-value{color:#e8ecf6 !important}
html.cyber-dark-mode .google-updates-empty{color:#aab3c9 !important;background:#1B1B1B !important;border:1px dashed #33415f !important}
html.cyber-dark-mode .gu-progress-label{color:#aab3c9 !important}
html.cyber-dark-mode .gu-progress-track{background:#1B1B1B !important}
html.cyber-dark-mode .pen-empty{color:#aab3c9 !important;background:#1B1B1B !important;border:1px dashed #33415f !important}
@media (max-width: 560px){
html.cyber-dark-mode .google-algorithms-listing .gat-meta{border-top:1px solid #33415f !important}
html.cyber-dark-mode .checklists-listing .cl-meta{border-top:1px solid #33415f !important}
html.cyber-dark-mode .google-updates-listing .gat-meta{border-top:1px solid #33415f !important}
}
@media (max-width: 768px){
html.cyber-dark-mode .impact-stat-item{border-bottom:1px solid rgba(51,65,95,0.2) !important}
}
@media (max-width:520px){
html.cyber-dark-mode .err-cats-grid::-webkit-scrollbar-thumb{background:#1B1B1B !important}
}

/* ==== assets/css/landing-fixes.css ==== */


/* ==== assets/css/landing-single.min.css ==== */
html.cyber-dark-mode .main-single-post .hero-single-blog-entry .post-info span b{color:#aab3c9 !important}
html.cyber-dark-mode .main-single-post .hero-single-blog-entry .post-info span.bg-white{background:#0e1c4d !important}
html.cyber-dark-mode .sidebar-like-box .like-dislike button{color:#aab3c9 !important}
html.cyber-dark-mode .sidebar-like-box .like-dislike button svg{fill:#aab3c9 !important}
html.cyber-dark-mode .social-hover-btn .icon-part svg{fill:#aab3c9 !important}
html.cyber-dark-mode .single-line{border-bottom:1px dashed #33415f !important}
html.cyber-dark-mode .main.landing-page-v2 article.content{color:#e8ecf6 !important}
html.cyber-dark-mode .landing-radio-player .rp-brand-name{color:#e8ecf6 !important}
html.cyber-dark-mode .landing-radio-player .rp-brand-name svg.icon{fill:#e8ecf6 !important}
html.cyber-dark-mode .landing-radio-player .rp-brand-slogan{color:rgba(232,236,246,0.55) !important}
html.cyber-dark-mode .landing-radio-player .rp-brand-subtitle{color:#aab3c9 !important}
/* رنگ خط‌های نواری پخش‌کننده‌ی رادیویی (waveform) در حالت شب واضح‌تر شد: خط‌های
   پخش‌نشده با یک خاکستری-آبی روشن‌تر (به‌جای رنگ خیلی تیره‌ی قبلی که کم‌کنتراست
   بود) و خط‌های پخش‌شده (played) که قبلاً اصلاً override نشده بودند و چون از
   var(--c-1) استفاده می‌کردند (که در شب سرمه‌ای خیلی تیره می‌شود) روی پس‌زمینه‌ی
   تیره تقریباً نامرئی بودند، الان با همان آبی روشنِ حالت شب جایگزین شدند */
html.cyber-dark-mode .landing-radio-player .rp-bar{background-color:rgba(170,179,201,0.35) !important}
html.cyber-dark-mode .landing-radio-player .rp-bar.played{background-color:#8fa8ff !important;opacity:1 !important}
html.cyber-dark-mode .landing-radio-player .rp-btn:hover{background-color:rgba(51,65,95,0.06) !important}
html.cyber-dark-mode .landing-radio-player .rp-btn svg.icon{fill:#e8ecf6 !important}
html.cyber-dark-mode .landing-radio-player .rp-btn-play svg.icon{fill:#e8ecf6 !important}
/* «انتخاب» (rp-accent-word) هم همین باگ را داشت: color:var(--c-1) در شب سرمه‌ای
   تیره و روی پس‌زمینه‌ی تیره تقریباً غیرقابل‌خواندن بود */
html.cyber-dark-mode .landing-radio-player .rp-accent-word{color:#8fa8ff !important}
html.cyber-dark-mode .landing-radio-player .rp-dot{background-color:#0e1c4d !important;border:3px solid rgba(51,65,95,0.85) !important;box-shadow:0 0 0 1.5px rgba(51,65,95,0.06) !important}
html.cyber-dark-mode .landing-radio-player .rp-item:hover .rp-dot{background-color:rgba(51,65,95,0.55) !important}
html.cyber-dark-mode .landing-radio-player .rp-label{color:rgba(232,236,246,0.55) !important}
html.cyber-dark-mode .landing-radio-player .rp-item.active .rp-label{color:#e8ecf6 !important}
html.cyber-dark-mode .landing-customer .customer-image{background:rgba(14,28,77,0.522) !important}
html.cyber-dark-mode .landing-testimonials .testimonial-card{background:rgba(14,28,77,0.522) !important;border:1px solid #33415f !important;color: #fff;}
/* نقل‌قول‌های ادیتور (blockquote) هم در حالت شب هم‌رنگ همین کارت نظرات شوند.
   نکته: به‌جای var(--c-1) (که در شب به سرمه‌ای خیلی تیره تغییر می‌کند و روی
   پس‌زمینه‌ی تیره‌ی خودِ کارت تقریباً نامرئی می‌شد)، از همان آبی روشنِ حالت شب
   استفاده شد که در بقیه‌ی جاهای سایت هم برای این منظور به‌کار رفته */
html.cyber-dark-mode blockquote{background:rgba(14,28,77,0.522);border-color:#33415f;color:#fff;}
html.cyber-dark-mode blockquote::before{color:#8fa8ff;}
html.cyber-dark-mode blockquote cite{color:#e8ecf6;}
html.cyber-dark-mode .landing-testimonials .landing-testimonials-inside:after{box-shadow:0 0 120px 120px #1B1B1B !important}
html.cyber-dark-mode .landing-contact:after{box-shadow:0 0 300px 244px #1B1B1B !important}
html.cyber-dark-mode .main.landing-page-v2 .glassy-content:after{box-shadow:0 0 120px 120px #1B1B1B !important}
html.cyber-dark-mode .cyber-linear-player .clp-track{background-color:rgba(51,65,95,0.55) !important}
html.cyber-dark-mode #app .swiper-3d .swiper-slide-shadow{background:rgba(51,65,95,0.15) !important}
html.cyber-dark-mode #app .swiper-cards-stack .swiper-slide-shadow{background-color:rgba(51,65,95,0.251) !important}
html.cyber-dark-mode .swing-body{background:rgba(14,28,77,0.35) !important;border:1px solid rgba(51,65,95,0.45) !important;box-shadow:0 8px 32px rgba(9,21,64,0.12) !important}
html.cyber-dark-mode .note-title{color:#e8ecf6 !important}
html.cyber-dark-mode .note-desc{color:#aab3c9 !important}
html.cyber-dark-mode .theme-orange .inner-card{background:rgba(61,42,20,0.45) !important}
html.cyber-dark-mode .theme-lightblue .inner-card{background:rgba(75,112,245,0.14) !important}
html.cyber-dark-mode .theme-purple .inner-card{background:rgba(43,20,61,0.45) !important}
html.cyber-dark-mode .theme-red .inner-card{background:rgba(61,25,20,0.45) !important}
html.cyber-dark-mode .sublanding-search-box{background:transparent !important;border:1px solid #fff !important}
html.cyber-dark-mode .sublanding-search-icon{color:#aab3c9 !important}
html.cyber-dark-mode .sublanding-search-input{color:#e8ecf6 !important}
html.cyber-dark-mode .sublanding-search-input::placeholder{color:#aab3c9 !important}
html.cyber-dark-mode .sublanding-search-empty{color:#aab3c9 !important}
html.cyber-dark-mode .landing-radio-player .rp-dot, html.cyber-dark-mode .rp-dot{background-color:#1B1B1B !important;border:2px solid rgba(51,65,95,0.9) !important}
html.cyber-dark-mode .landing-radio-player .rp-item-num, html.cyber-dark-mode .rp-item-num{color:#aab3c9 !important}
html.cyber-dark-mode .plan-pricing-back{background:#1B1B1B !important}
html.cyber-dark-mode .plan-pricing-content .package-name{background:rgba(14,28,77,0.12) !important}
html.cyber-dark-mode .plan-pricing-content .balance-number{text-shadow:0 4px 10px rgba(232,236,246,0.3) !important}
html.cyber-dark-mode .plan-pricing-content .delivery-time{background:rgba(51,65,95,0.15) !important}
html.cyber-dark-mode .plan-pricing-content .feature-item{border-bottom:1px solid rgba(51,65,95,0.08) !important}
html.cyber-dark-mode .plan-pricing-card{border:1px solid rgba(51,65,95,0.4) !important}
html.cyber-dark-mode .plan-pricing-card.std{color:#e8ecf6 !important;border-color:rgba(51,65,95,0.5) !important}
html.cyber-dark-mode .pricing-factor-title{color:#e8ecf6 !important}
html.cyber-dark-mode .pricing-factor-body p{color:var(--c-2,#aab3c9) !important}
@media (max-width: 1024px){
html.cyber-dark-mode .social-hover-btn .icon-part svg{fill:#e8ecf6 !important}
html.cyber-dark-mode .sidebar-like-box .like-dislike button svg{fill:#e8ecf6 !important}
html.cyber-dark-mode .sticky-inner-content{background:rgba(14,28,77,0.6) !important}
}
@media (max-width: 768px){
html.cyber-dark-mode .landing-contact:after{box-shadow:0 0 200px 204px #1B1B1B !important}
}

/* ==== assets/css/pages.min.css ==== */
html.cyber-dark-mode .about-wrapper .history-text p:last-child{background:rgba(14,28,77,0.522) !important;border:1px solid rgba(51,65,95,0.2) !important;color:#e8ecf6 !important}
html.cyber-dark-mode .about-wrapper .chart-svg .point{fill:#fff !important}
html.cyber-dark-mode .about-team-content .team-contour .contour-item p{color:#e8ecf6 !important}
html.cyber-dark-mode .about-tab{background:rgba(14,28,77,0.412) !important}
html.cyber-dark-mode .about-tab .tab-menu-item:hover{background-color:rgba(14,28,77,0.522) !important}
html.cyber-dark-mode .glossary-search-wrap .glossary-search{border-color:#33415f !important}
html.cyber-dark-mode .contact-wrapper .contact-meta .card{background:rgba(14,28,77,0.522) !important}
html.cyber-dark-mode .contact-wrapper .contact-meta .contact-socile{background:rgba(14,28,77,0.522) !important}
html.cyber-dark-mode .employment-wrapper .conditions .condition-text .text{color:#aab3c9 !important}
html.cyber-dark-mode .employment-wrapper .employment-cta .cta-img .shadow-shape.left{box-shadow:0 0 459px 380px #1B1B1B !important}
html.cyber-dark-mode .employment-wrapper .employment-cta .job-items li{background:rgba(14,28,77,0.522) !important;border:1px solid #33415f !important}
@media (max-width: 768px){
html.cyber-dark-mode .about-tab .tab-menu::-webkit-scrollbar-track{background:rgba(51,65,95,0.05) !important}
}
@media (max-width: 480px){
html.cyber-dark-mode .contact-wrapper .contact-meta .card .text{color:#e8ecf6 !important}
}

/* ==== assets/css/quote-builder.css ==== */
html.cyber-dark-mode .qb-step-dot .num{background:#0e1c4d !important;color:#aab3c9 !important;border:2px solid #33415f !important}
html.cyber-dark-mode .qb-step-dot .label{color:#aab3c9 !important}
html.cyber-dark-mode .qb-step-line{background:#33415f !important}
html.cyber-dark-mode .qb-card{background:#0e1c4d !important;box-shadow:0 10px 40px rgba(9,21,64,0.08) !important;border:1px solid #33415f !important}
html.cyber-dark-mode .qb-step-title{color:#e8ecf6 !important}
html.cyber-dark-mode .qb-step-desc{color:var(--c-2, #aab3c9) !important}
html.cyber-dark-mode .qb-choice label{border:1.5px solid #33415f !important;background:#1B1B1B !important}
html.cyber-dark-mode .qb-choice label:hover{background:#1B1B1B !important}
html.cyber-dark-mode .qb-choice input:checked + label{background:#1B1B1B !important}
/* پس‌زمینه‌ی آیکون گزینه‌های qb-choice چون هم‌رنگ background سایت (#1B1B1B) بود و
   خودِ آیکون هم با var(--c-1) (که در شب سرمه‌ای تیره است) رنگ می‌گرفت، در حالت
   غیرفعال (تیک‌نخورده) عملاً نامرئی می‌شد — فقط حالت فعال (که رنگش سفید است) دیده
   می‌شد. اینجا هم پس‌زمینه هم رنگ آیکون به پالت روشنِ حالت شب تغییر کرد. */
html.cyber-dark-mode .qb-choice .icon{background:#0e1c4d !important;color:#8fa8ff !important;fill:#8fa8ff !important}
html.cyber-dark-mode .qb-choice .text .title{color:#e8ecf6 !important}
html.cyber-dark-mode .qb-choice .text .price-hint{color:var(--c-2, #aab3c9) !important}
/* طبق درخواست نهایی: چون تابع cyberisho_split_highlight_around_links()
   (در includes/helper.php) هر لینک داخل هایلایت را کاملاً از تگ هایلایت
   بیرون می‌آورد (نه فقط بی‌رنگ می‌کند)، دیگر هیچ CSS مخصوصی برای لینک داخل
   .has-text-bg لازم نیست — لینک همیشه واقعاً بیرون از این کلاس است و طبق
   استایل عمومی article.content a رندر می‌شود. هر تکه‌ی هایلایت هم چون یک
   span مستقل است، border-radius طبیعی خودش را در هر دو طرف دارد.
   در حالت شب، رنگ inline انتخابی نویسنده (--bg-color) نادیده گرفته می‌شود و
   همه‌ی هایلایت‌ها، بدون استثنا، یک رنگ ثابت واحد می‌گیرند؛ متن هم سفید است.
   این قانون برای محافظت در برابر حذف خودکار «Unused CSS» در همین فایل
   (که از بهینه‌سازی LiteSpeed معاف است) نگه داشته شده؛ به style.css منتقل نکنید. */
span.has-text-bg{transition:all var(--tr-300) ease;background:linear-gradient(to bottom,transparent 25%,var(--bg-color) 25%,var(--bg-color) 75%,transparent 75% );padding:0 4px;border-radius:var(--br-50px);-webkit-box-decoration-break:clone;box-decoration-break:clone}
html.cyber-dark-mode span.has-text-bg{
    background:linear-gradient(to bottom, transparent 25%, #595eff 25%, #595eff 75%, transparent 75%) !important;
    color:#fff !important;
}
html.cyber-dark-mode .qb-choice .check-mark{border:1.5px solid #33415f !important}
html.cyber-dark-mode .qb-choice input:checked + label .check-mark::after{background:#0e1c4d !important}
html.cyber-dark-mode .qb-choice.checkbox input:checked + label .check-mark::after{border:2px solid #33415f !important}
html.cyber-dark-mode .qb-subsection-title{color:#e8ecf6 !important}
html.cyber-dark-mode .qb-field label{color:#e8ecf6 !important}
html.cyber-dark-mode .qb-field input, html.cyber-dark-mode .qb-field textarea, html.cyber-dark-mode .qb-field select{border:1.5px solid #33415f !important;background:rgb(21 21 21 / 73%) !important}
html.cyber-dark-mode .qb-field input:focus, html.cyber-dark-mode .qb-field textarea:focus, html.cyber-dark-mode .qb-field select:focus{background:#0e1c4d !important}
html.cyber-dark-mode .qb-field-hint{color:var(--c-2, #aab3c9) !important}
html.cyber-dark-mode .qb-summary{background:#1B1B1B !important}
html.cyber-dark-mode .qb-summary-row{border-bottom:1px dashed #33415f !important}
html.cyber-dark-mode .qb-summary-row .k{color:var(--c-2, #aab3c9) !important}
html.cyber-dark-mode .qb-summary-row .v{color:#e8ecf6 !important}
html.cyber-dark-mode .qb-btn-primary::before{background:#0e1c4d !important}
html.cyber-dark-mode .qb-btn-primary:hover{border-color:#33415f !important}
html.cyber-dark-mode .qb-btn-outline{color:var(--c-2, #aab3c9) !important;border:1.5px solid #33415f !important}
/* دکمه‌ی «مشاهده بیشتر» چون background:transparent + color:var(--c-1) دارد و var(--c-1)
   در حالت شب به آبی سرمه‌ای تیره (#152895) تغییر می‌کند، روی پس‌زمینه‌ی تیره‌ی کارت
   عملاً نامرئی می‌شد؛ اینجا رنگ روشنی که در بقیه‌ی سایت برای حالت شب استفاده می‌شود
   (#8fa8ff) جایگزین شد */
html.cyber-dark-mode .qb-show-more.qb-btn-primary{color:#8fa8ff !important;border-color:#8fa8ff !important}
html.cyber-dark-mode .qb-show-more.qb-btn-primary::before{background:#8fa8ff !important}
html.cyber-dark-mode .qb-show-more.qb-btn-primary:hover{color:#0e1c4d !important}
html.cyber-dark-mode .qb-live-price{background:#0e1c4d !important;border:1.5px solid #33415f !important;color:var(--c-2, #aab3c9) !important;box-shadow:0 6px 24px rgba(9,21,64,0.06) !important}
html.cyber-dark-mode .qb-live-price strong{color:#fff !important}
html.cyber-dark-mode .qb-success .qb-success-icon{background:#143d28 !important}
html.cyber-dark-mode .qb-success h3{color:#e8ecf6 !important}
html.cyber-dark-mode .qb-success p{color:var(--c-2, #aab3c9) !important}
html.cyber-dark-mode .qb-spinner{border:2px solid rgba(51,65,95,0.4) !important;border-top-color:#33415f !important}

/* گرادیان روشن پشت بخش هیرو (تصویر/متن بالای صفحه‌ی اصلی) */
html.cyber-dark-mode .hero{
    background:
        linear-gradient(to bottom, rgba(9,21,64,0) 55%, #1B1B1B 100%),
        radial-gradient(ellipse at top left, rgba(75,112,245,0.22) 15%, transparent 60%),
        radial-gradient(ellipse at bottom left, rgba(51,65,95,0.22) 40%, transparent 60%),
        radial-gradient(ellipse at top right, rgba(51,65,95,0.18) 15%, transparent 60%),
        radial-gradient(ellipse at bottom right, transparent 15%, transparent 60%) !important;
}

/* گرادیان روشن پشت کل بخش فوتر (نه فقط کارت‌های داخلش) */
html.cyber-dark-mode .footer{
    background:
        linear-gradient(to top, rgba(9,21,64,0) 85%, #1B1B1B 100%),
        radial-gradient(ellipse at top left, rgba(14,28,77,0.4) 0%, transparent 58%),
        radial-gradient(ellipse at top right, rgba(75,112,245,0.16) 10%, transparent 50%),
        radial-gradient(ellipse at center right, rgba(51,65,95,0.22) 20%, transparent 90%),
        radial-gradient(ellipse at bottom right, rgba(51,65,95,0.18) 15%, transparent 50%),
        radial-gradient(ellipse at center center, #1B1B1B 20%, transparent 100%),
        radial-gradient(ellipse at bottom left, rgba(51,65,95,0.18) 15%, transparent 60%),
        radial-gradient(ellipse at center left, rgba(51,65,95,0.18) 0, transparent 10%) !important;
}

html.cyber-dark-mode .hero .hero-text .text{
    color:#aab3c9 !important;
}

/* ==== assets/css/scroll-fx.css ==== */
/* (این فایل فقط انیمیشن‌های ورود/بلور را دارد و نیازی به رنگ حالت شب ندارد) */

/* --------------------------------------------------------------------
   6) تکمیل حالت شب — بخش‌هایی که رنگشان از style.css اصلی می‌آید و در
   نسخه‌ی قبلی این فایل ناقص مانده بود (پس‌زمینه‌ی گرادیانی landing-why،
   سایه‌ی بالای page-header، و آیکون/محتوای کارت‌های why-us). همه‌ی این
   رنگ‌ها معادل تیره‌ی همان گرادیان‌های روشن هستند، نه فیلتر یا invert.
   -------------------------------------------------------------------- */

/* سایه/گرادیان پشت بخش «چرا ما» */
html.cyber-dark-mode .landing-why{
    background:
        linear-gradient(to bottom, rgba(9,21,64,0) 60%, #1B1B1B 100%),
        radial-gradient(ellipse at center right, rgba(40,67,218,0.18) 0%, transparent 40%),
        radial-gradient(ellipse at center left, rgba(51,65,95,0.28) 0%, transparent 50%) !important;
}

/* آیکون و متن داخل کارت‌های why-us */
html.cyber-dark-mode .whyus-grid .whyus-card .icon{
    color:#63fddf !important;
}
html.cyber-dark-mode .whyus-grid .whyus-card .icon svg{
    fill:#63fddf !important;
}
/* آیکون‌هایی که با stroke رسم شده‌اند فقط دورشان رنگ بگیرد، نه کل فضای داخلی‌شان
   (تا آن آیکونی که کلش پر می‌شد فیروزه‌ای، مثل بقیه فقط حالت خط‌دور بگیرد) */
html.cyber-dark-mode .whyus-grid .whyus-card .icon svg *[stroke]{
    stroke:#63fddf !important;
    fill:none !important;
}
html.cyber-dark-mode .whyus-grid .whyus-card .icon svg *:not([stroke]){
    fill:#63fddf !important;
}
html.cyber-dark-mode .whyus-grid .whyus-card .icon img{
    filter:brightness(0) saturate(100%) invert(85%) sepia(46%) saturate(571%) hue-rotate(101deg) brightness(101%) contrast(101%) !important;
    opacity:0.9;
}
html.cyber-dark-mode .whyus-grid .whyus-card .content .title{
    color:#e8ecf6 !important;
}
html.cyber-dark-mode .whyus-grid .whyus-card .content .text{
    color:#e8ecf6 !important;
}
/* طبق درخواست: این سایه‌ی فیروزه‌ای پشت تصویر باید کمی (خیلی جزئی) کم‌رنگ‌تر شود */
html.cyber-dark-mode .whyus-visual-wrap::after{
    opacity:0.85 !important;
}
@media (max-width:768px){
    html.cyber-dark-mode .whyus-visual-wrap::after{
        opacity:0.5 !important;
    }
}

/* سایه/گرادیان بالای page-header (هدر صفحات لندینگ/داخلی) */
html.cyber-dark-mode .page-header::after{
    background:
        linear-gradient(to bottom, rgba(9,21,64,0) 40%, #1B1B1B 100%),
        radial-gradient(ellipse at top left, rgba(40,67,218,0.22) -5%, transparent 63%),
        radial-gradient(ellipse at center left, rgba(51,65,95,0.22) 8%, transparent 30%),
        radial-gradient(ellipse at bottom left, rgba(51,65,95,0.18) 13%, transparent 24%),
        radial-gradient(ellipse at center center, rgba(14,28,77,0.35) 33%, rgba(9,21,64,0.55) 100%) !important;
}
@media (max-width: 768px){
html.cyber-dark-mode .page-header::after{
    background:
        linear-gradient(to bottom, rgba(9,21,64,0) 40%, #1B1B1B 100%),
        radial-gradient(ellipse at top left, rgba(40,67,218,0.22) 0, transparent 55%),
        radial-gradient(ellipse at center left, rgba(51,65,95,0.2) 0, transparent 0),
        radial-gradient(ellipse at bottom left, rgba(51,65,95,0.18) 27%, transparent 43%),
        radial-gradient(ellipse at center center, rgba(14,28,77,0.35) 52%, rgba(9,21,64,0.55) 100%) !important;
    background-size:100% 23% !important;
    background-repeat:no-repeat !important;
}
}

/* --------------------------------------------------------------------
   7) رفع باگ ترکیب «حالت شب» + «سایز بزرگ» در باکس متن روی تصویر هرو
   (.hero .hero-image .text). این باکس position:absolute با width/height
   ثابت دارد؛ در حالت بزرگ (که فقط height به auto تبدیل شده بود) عرض
   ثابت 160px با فونت بزرگ‌تر باعث می‌شد کلمات به هم فشرده/بیرون‌زده شوند
   و چون در حالت شب پس‌زمینه‌ی این باکس شفاف‌تر است (rgba تیره)، این
   بیرون‌زدگی محسوس‌تر به چشم می‌آمد. اینجا هم عرض را در حالت بزرگ آزاد
   می‌کنیم و هم مطمئن می‌شویم پس‌زمینه/بوردر حالت شب روی همین قوانین
   جدید هم اعمال بماند.
   -------------------------------------------------------------------- */
html.cyber-size-large .hero .hero-image .text{
    width:auto !important;
    min-width:160px;
    max-width:220px;
    height:auto;
    min-height:130px;
    box-sizing:border-box;
}
html.cyber-size-small .hero .hero-image .text{
    height:auto;
    min-height:110px;
    box-sizing:border-box;
}
html.cyber-dark-mode.cyber-size-large .hero .hero-image .text,
html.cyber-dark-mode.cyber-size-small .hero .hero-image .text{
    background:rgba(14,28,77,0.314) !important;
    border:1px solid rgba(51,65,95,0.4) !important;
}

/* --------------------------------------------------------------------
   8) دور دوم اصلاحات حالت شب (طبق درخواست جدید کاربر) — همه‌ی این قوانین
   فقط زیر html.cyber-dark-mode فعال هستند و روی حالت روز هیچ اثری ندارند.
   -------------------------------------------------------------------- */

/* رنگ‌های پایه‌ی برند در حالت شب: var(--c-1) دیگر رنگ روز (آبی برند) نیست
   و var(--c-5) به فیروزه‌ای تیره‌تر تغییر می‌کند؛ همه‌جایی که این دو متغیر
   استفاده شده‌اند (دکمه‌ها، اسکرول‌بارها، خط‌چین‌ها، سایه‌ی فوتر و ...)
   به‌صورت خودکار این رنگ‌های جدید را می‌گیرند. */
html.cyber-dark-mode{
    --c-1:#152895;
    --c-5:#004848;
    
}

/* جاهایی که var(--c-1) برای متن/آیکون استفاده شده (نه پس‌زمینه)، باید روشن بماند
   چون خود متغیر در شب تیره شد */
html.cyber-dark-mode .header nav ul li a:hover{color:#8fa8ff !important}
html.cyber-dark-mode .navbar-nav .sub-menu li a:hover{color:#8fa8ff !important}
html.cyber-dark-mode .btn .button-text{color:#fff !important}
html.cyber-dark-mode .btn.has-bg .button-text{color:#fff !important}
html.cyber-dark-mode .btn.has-bg:hover .button-text{color:#fff !important}
html.cyber-dark-mode .hero-search-entry .search-simple-card a:hover .search-title,
html.cyber-dark-mode .post.style-4 .post-s4-entry:hover .title a{color:#8fa8ff !important}
html.cyber-dark-mode .social-hover-btn:hover .icon-part svg{fill:#8fa8ff !important}
html.cyber-dark-mode .faq-item.active .faq-question{color:#8fa8ff !important}
html.cyber-dark-mode .faq-item.active .faq-icon{color:#8fa8ff !important;border-color:#8fa8ff !important}
html.cyber-dark-mode .post.style-3 .thumbnail .cats a, html.cyber-dark-mode .main-single-post .thumbnail .cats a{color:#8fa8ff !important}
html.cyber-dark-mode .header.open-menu .mobile-menu-socials-wrapper a svg{fill:#8fa8ff !important}

/* خط‌های همبرگری منوی موبایل در حالت شب باید روی هدر تیره دیده شوند */
@media (max-width: 1024px){
html.cyber-dark-mode .mobile-menu-toggle span{
    background:#ede5d8 !important;
}
}

/* دکمه‌ی «بیشتر/کمتر» در حالت شب */
html.cyber-dark-mode #more-less-toggle{
    color:#e8ecf6 !important;
}
html.cyber-dark-mode #more-less-toggle:hover{
    color:#63fddf !important;
}

/* خط جداکننده‌ی داخل فوتر که در حالت شب دیده نمی‌شد */
html.cyber-dark-mode .footer .footer-nav li a::before{
    background-color:rgb(49 108 255) !important;
}

/* گرادیان محو بالای کارت‌های شیشه‌ای (glassy-content) که در حالت روشن سفید
   بود و روی پس‌زمینه‌ی تیره عجیب دیده می‌شد */
html.cyber-dark-mode .main.landing-page-v2 .glassy-content .content-entry:not(.open)::after{
    background:linear-gradient(to bottom, rgba(14,28,77,0) 25%, rgba(9,21,64,0.92) 85%) !important;
}

/* سایه‌ی فیروزه‌ای بالای فوتر: طبق درخواست، مقدار box-shadow و opacity
   مشخص و کمتر می‌شود (رنگش از همان var(--c-5) تیره‌ی بالا می‌آید) */
html.cyber-dark-mode .footer .container:after{
    width:130px;
    height:1px;
    background:var(--c-5) !important;
    box-shadow:0 -1px 36px 42px var(--c-5) !important;
    opacity:0.2 !important;
    top:-96px;
}

/* کاهش کلی opacity سایه‌های فیروزه‌ای دیگر که از همین متغیر استفاده می‌کنند */
html.cyber-dark-mode .why-us .why-us-text::before{
    opacity:0.45 !important;
}
html.cyber-dark-mode .hero-blog .shadow-shape{
    opacity:0.45 !important;
}

/* --------------------------------------------------------------------
   9) دور سوم اصلاحات حالت شب
   -------------------------------------------------------------------- */

/* آیکون‌های تماس/جستجو در هدر اکنون از currentColor استفاده می‌کنند
   (منبع آیکون در includes/class-icon.php اصلاح شد) پس فقط کافیست رنگ را ست کنیم.
   نکته: طبق درخواست، ".header .header-entry svg" از این گروه حذف شد چون این
   انتخابگر خیلی کلی است و به آیکون‌های داخل header-entry هم fill سفید تحمیل
   می‌کرد که ظاهرشان را خراب می‌کرد؛ آیکون‌های واقعی موردنظر (موبایل/تماس/سرچ)
   با انتخابگرهای اختصاصی‌تر زیر پوشش داده می‌شوند. */
html.cyber-dark-mode .header .mobile-icons svg,
html.cyber-dark-mode .header-account-btn svg,
html.cyber-dark-mode .header .tel-wrapper svg,
html.cyber-dark-mode .header nav .search-responsive-icon svg,
html.cyber-dark-mode .search-responsive-icon a,
html.cyber-dark-mode .tel-responsive-icon a{
    color:#fff !important;
    fill:#fff !important;
}

/* بخش نظرات مشتریان: پس‌زمینه‌ی آبی تیره هم‌رنگ با شکل تزئینی پایین آن */
html.cyber-dark-mode .customer-comments{
    background-color:var(--c-1) !important;
}
html.cyber-dark-mode .customer-comments::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3894 1694'%3E%3Cpath fill='%23152895' d='M -0.5,0.5 C -0.5,0.166667 -0.5,-0.166667 -0.5,-0.5C 18.1667,-0.5 36.8333,-0.5 55.5,-0.5C 1334.67,1.08315 2614,2.08315 3893.5,2.5C 3893.5,2.83333 3893.5,3.16667 3893.5,3.5C 3801.44,11.4799 3712.1,31.6465 3625.5,64C 3497.47,111.991 3379.47,176.991 3271.5,259C 3151.88,350.948 3046.72,457.115 2956,577.5C 2937.28,602.554 2918.95,627.887 2901,653.5C 2716.33,920.167 2531.67,1186.83 2347,1453.5C 2270.74,1563.06 2168.57,1637.23 2040.5,1676C 2006.25,1685.21 1971.58,1691.04 1936.5,1693.5C 1919.17,1693.5 1901.83,1693.5 1884.5,1693.5C 1806.98,1687.87 1733.31,1667.7 1663.5,1633C 1608.38,1606.13 1557.71,1572.8 1511.5,1533C 1475.58,1500.43 1444.08,1464.27 1417,1424.5C 1208.67,1112.5 1000.33,800.5 792,488.5C 765.176,450.329 734.676,415.162 700.5,383C 608.19,302.532 510.857,228.865 408.5,162C 350.338,124.576 289.671,91.2425 226.5,62C 165.931,33.69 102.598,14.3566 36.5,4C 24.134,2.56309 11.8007,1.39642 -0.5,0.5 Z'%3E%3C/path%3E%3C/svg%3E") !important;
}
html.cyber-dark-mode .customer-comments .customer-comment{
    background:linear-gradient(180deg, rgba(14,28,77,0.55) 0%, rgba(9,21,64,0.35) 60%) !important;
    border:1px solid rgba(51,65,95,0.4) !important;
}
html.cyber-dark-mode .customer-comments .customer-name{color:#e8ecf6 !important}
html.cyber-dark-mode .customer-comments .text{color:#aab3c9 !important}

/* اتصال کارت‌های «چرا ما» (why-us-item) به شکل کوچک گوشه‌اش هم‌رنگ شود */
html.cyber-dark-mode .why-us .why-us-items .why-us-item::after{
    box-shadow:24px 0 0 0 rgba(14,28,77,0.85) !important;
}
html.cyber-dark-mode .why-us .why-us-items .left .why-us-item::after{
    box-shadow:-25px 0 0 0 rgba(14,28,77,0.85) !important;
}

/* شکل تزئینی بالای فوتر: پس‌زمینه‌ی توپر حذف شود، فقط سایه‌ی محو (که روشن‌تر
   شده) باقی بماند تا یک مستطیل تخت و اشتباه دیده نشود */
html.cyber-dark-mode .footer .container:before{
    background:rgb(75 112 245 / .3) !important;
    box-shadow:-1px -30px 158px 250px rgba(75,112,245,0.3) !important;
}

/* --------------------------------------------------------------------
   10) دور چهارم اصلاحات حالت شب (طبق درخواست جدید کاربر)
   -------------------------------------------------------------------- */

/* پس‌زمینه‌ی آیکون دکمه‌ی پخش صدا باید هم‌رنگ پس‌زمینه‌ی والدش شود */
html.cyber-dark-mode .audio-play .icons{
    background-color:#112177 !important;
}


/* فلش اسکرول به بالا با var(--c-1) رنگ می‌گرفت که در شب تیره شده و دیده نمی‌شد */
html.cyber-dark-mode .progress-scroll-top .scroll-icon{
    color:#8fa8ff !important;
}

/* آیکون‌های بخش «چرا ما» (پورتفولیو) و آیکون تماس فوتر هم از var(--c-1) استفاده
   می‌کردند و در حالت شب دیده نمی‌شدند */
html.cyber-dark-mode .footer .contact-info .contact-item svg{
    fill:#8fa8ff !important;
}
html.cyber-dark-mode .main.portfolio .portfolio-item-right .icon svg{
    fill:#8fa8ff !important;
}
html.cyber-dark-mode .main.portfolio .portfolio-item-right .portfolio-header-text{
    color:#e8ecf6 !important;
}
html.cyber-dark-mode .blog-news-section .ticker-item:hover{
    color:#8fa8ff !important;
}

/* گرادیان کارت‌های «چرا ما»: طبق درخواست، فیروزه‌ای واضح‌تر با درصدهای جدید */
html.cyber-dark-mode .why-us .why-us-items .why-us-item{
    background:linear-gradient(90deg, #3b9590 40%, #00ffef1c 50%) !important;
}
html.cyber-dark-mode .why-us .why-us-items .left .why-us-item{
    background:linear-gradient(90deg, #00ffef1c 50%, #3b9590 60%) !important;
}
html.cyber-dark-mode .why-us .why-us-items .why-us-item::after{
    box-shadow:24px 0 0 0 #3b9590 !important;
}
html.cyber-dark-mode .why-us .why-us-items .left .why-us-item::after{
    box-shadow:-25px 0 0 0 #3b9590 !important;
}

/* موبایل: کارت‌های «چرا ما» باید تک‌رنگ باشند (مثل حالت روز) نه گرادیان،
   و سایه‌ی گوشه (after) هم باید دقیقاً هم‌رنگ همان پس‌زمینه‌ی تک‌رنگ شود */
@media (max-width: 768px){
html.cyber-dark-mode .why-us .why-us-items .why-us-item,
html.cyber-dark-mode .why-us .why-us-items .left .why-us-item{
    background:#0e1c4d !important;
}
html.cyber-dark-mode .why-us .why-us-items .why-us-item::after{
    box-shadow:24px 0 0 0 #0e1c4d !important;
}
html.cyber-dark-mode .why-us .why-us-items .left .why-us-item::after{
    box-shadow:-25px 0 0 0 #0e1c4d !important;
}
}

/* ==========================================================================
   ۵) درخواست‌های جدید تکمیلی
   ========================================================================== */

/* 5-۱) پاپ‌آپ‌های کشویی سبک آی‌فون: زیرمنوی هدر و نتایج جستجوی آنی هم مثل
   پنل تنظیمات نمایش، از بالا-چپ باز می‌شوند (عرض/ارتفاع از صفر به کامل می‌رسد) */
.navbar-nav .sub-menu{
    transform-origin:top right;
    transform:scale(0.35);
    transition:opacity var(--tr-300) cubic-bezier(0.19,1,0.22,1),
               transform var(--tr-300) cubic-bezier(0.19,1,0.22,1),
               visibility var(--tr-300) ease;
}
.navbar-nav .menu-item-has-children:hover > .sub-menu,
.navbar-nav .menu-item-has-children.is-active-submenu > .sub-menu{
    transform:scale(1);
}
/* نتایج جستجوی آنی: به‌جای display:none/fadeIn جی‌کوئری، همیشه در DOM با
   display:block است و باز/بسته‌شدنش فقط با کلاس is-open و ترنزیشن CSS
   (اسکیل از بالا-راست، دقیقاً مثل پنل تنظیمات نمایش) کنترل می‌شود */
.ajax-search-results{
    display:block;
    transform-origin:top right;
    transform:scale(0.35);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity var(--tr-300) cubic-bezier(0.19,1,0.22,1),
               transform var(--tr-300) cubic-bezier(0.19,1,0.22,1),
               visibility var(--tr-300) ease;
}
.ajax-search-results.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:scale(1);
}

/* 5-۲) رفع باگ: لوگو در منوی موبایل باز (open-menu) در حالت شب اصلاً دیده
   نمی‌شد. علت واقعی: filter (برای سفید کردن لوگو) روی همان <a>ـی گذاشته شده
   بود که پس‌زمینه‌ی نوار هم روی خودش بود؛ چون filter کل باکس عنصر (هم
   پس‌زمینه، هم تصویر لوگو) را با هم پردازش می‌کند، پس‌زمینه‌ی تیره هم توسط
   invert به سفید تبدیل می‌شد (تیره→brightness(0)→سیاه→invert→سفید).
   راه‌حل: پس‌زمینه‌ی تیره را به عنصر پدر (li، که اصلاً filter ندارد) منتقل
   می‌کنیم و خودِ <a> در حالت شب پس‌زمینه‌ای ندارد؛ اینطوری filter فقط روی
   تصویر لوگو اثر می‌گذارد و پس‌زمینه‌ی پدر دست‌نخورده و تیره می‌ماند. */
html.cyber-dark-mode .header.open-menu nav li.cyberisho-logo{
    background-color:#0e1c4d !important;
    border-bottom:1px solid rgb(255 255 255 / 0.1) !important;
}
html.cyber-dark-mode .header.open-menu nav li.cyberisho-logo a{
    background-color:transparent !important;
    border-bottom-color:transparent !important;
}

/* 5-۳) دکمه‌ی همبرگری موبایل باید در حالت شب سفید باشد */
html.cyber-dark-mode .mobile-menu-toggle span{
    background:#fff !important;
}

/* 5-۴) شدو/دودهای تزئینی پس‌زمینه (mitting-action و مشابه آن) در حالت شب:
   رنگ background باید هم‌رنگ خود باکس شدو (box-shadow) شود تا با تم تیره
   هماهنگ باشد، نه رنگ‌های روشن حالت روز */
html.cyber-dark-mode .mitting-action::after{
    background-color:rgb(75 112 245 / .3) !important;
    box-shadow:4px 0 200px 180px rgb(75 112 245 / .3) !important;
}
html.cyber-dark-mode .mitting-action::before{
    background-color:rgb(75 112 245 / .3) !important;
    box-shadow:4px 0 208px 220px rgb(75 112 245 / .3) !important;
}
html.cyber-dark-mode .about-image-entry::after{
    box-shadow:0 0 90px 94px rgb(75 112 245 / .3) !important;
}
html.cyber-dark-mode .comment-form::after{
    box-shadow:0 0 45px 25px rgb(75 112 245 / .3) !important;
}
html.cyber-dark-mode .comment-form::before{
    box-shadow:0 0 120px 120px rgb(75 112 245 / .3) !important;
}
html.cyber-dark-mode .main-table-of-content::after{
    background:#0e1c4d !important;
    box-shadow:0 0 40px 64px #0e1c4d !important;
}
html.cyber-dark-mode .view-btn-entry::after{
    box-shadow:0 0 25px 20px rgb(75 112 245 / .3) !important;
}