/* _content/ArjanEnergy/Components/App.razor.rz.scp.css */
@font-face {
    font-family: 'MyMixedFont';
    src: url('fonts/vazirmatn/Vazirmatn-Light.woff2') format('woff2');
    unicode-range: U+0600-06FF; /* حروف فارسی */
}

@font-face {
    font-family: 'TimesNewRoman';
    src: url('fonts/TimesNewRoman/Times New Roman.woff2') format('woff2');
}

@font-face {
    font-family: 'IRANSansX';
    src: url('/fonts/IranSansX/IRANSansXFaNum-Regular.woff2') format('woff2'), url('/fonts/IranSansX/IRANSansXFaNum-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
body[b-xcnqq2pfr0] {
    font-family: 'MyMixedFont', 'TimesNewRoman';
    font-size: 16px;
}
/* _content/ArjanEnergy/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-rcw7gv4538] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-rcw7gv4538] {
    flex: 1;
}

.sidebar[b-rcw7gv4538] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-rcw7gv4538] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-rcw7gv4538]  a, .top-row[b-rcw7gv4538]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-rcw7gv4538]  a:hover, .top-row[b-rcw7gv4538]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-rcw7gv4538]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-rcw7gv4538] {
        justify-content: space-between;
    }

        .top-row[b-rcw7gv4538]  a, .top-row[b-rcw7gv4538]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-rcw7gv4538] {
        flex-direction: row;
    }

    .sidebar[b-rcw7gv4538] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-rcw7gv4538] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-rcw7gv4538]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-rcw7gv4538], article[b-rcw7gv4538] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-rcw7gv4538] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-rcw7gv4538] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

    /*کدجدید*/

html[b-rcw7gv4538], body[b-rcw7gv4538] {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* جلوگیری از اسکرول افقی */
}
.page[b-rcw7gv4538] {
    overflow-x: hidden;
}
#hero[b-rcw7gv4538] {
    width: 100%;
    height: 80vh;
    background: url('/images/13312412_665.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
    overflow: hidden; /* حفظ محتوا داخل hero */
    transition: height 0.4s ease, transform 0.4s ease, opacity 0.4s ease;
}

#hero-overlay[b-rcw7gv4538] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4);
    transition: opacity 0.4s ease;
}

.content[b-rcw7gv4538] {
    position: relative;
    z-index: 1;
}


.fixed-top-bar[b-rcw7gv4538] {
    position: fixed; /* همیشه بالای صفحه */
    top: 0;
    left: 0;
    width: 100%;
    height: 3.5rem; /* ارتفاع دلخواه */
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 1000; /* بالاتر از همه */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* فاصله محتوا از نوار بالا */
.page-content[b-rcw7gv4538] {
    margin-top: 3.5rem; /* برابر با ارتفاع نوار */
}

/* لینک‌ها داخل نوار */
.fixed-top-bar[b-rcw7gv4538]  a,
.fixed-top-bar[b-rcw7gv4538]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

    .fixed-top-bar[b-rcw7gv4538]  a:hover,
    .fixed-top-bar[b-rcw7gv4538]  .btn-link:hover {
        text-decoration: underline;
    }


/* تم light */
.theme-light .fixed-top-bar[b-rcw7gv4538] {
    background: linear-gradient(90deg, #ffffff 0%, #f2f2f2 100%);
    color: #000; /* متن تیره */
}

/* تم dark */
.theme-dark .fixed-top-bar[b-rcw7gv4538] {
    background: linear-gradient(90deg, #111111 0%, #333333 100%);
    color: #fff; /* متن روشن */
}

/* تم blue */
.theme-blue .fixed-top-bar[b-rcw7gv4538] {
    background: linear-gradient(90deg, #001f4d 0%, #003366 100%);
    /* پس‌زمینه آبی */
    color: #fff; /* متن روشن */
}

/* اگر لینک داخل نوار باشد */
.theme-light .fixed-top-bar[b-rcw7gv4538]  a,
.theme-light .fixed-top-bar[b-rcw7gv4538]  .btn-link {
    color: #000;
}

.theme-dark .fixed-top-bar[b-rcw7gv4538]  a,
.theme-dark .fixed-top-bar[b-rcw7gv4538]  .btn-link {
    color: #fff;
}


.theme-blue .fixed-top-bar[b-rcw7gv4538]  a,
.theme-blue .fixed-top-bar[b-rcw7gv4538]  .btn-link {
    color: #fff;
}
/* _content/ArjanEnergy/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-hcgvhvczix] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-hcgvhvczix] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-hcgvhvczix] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-hcgvhvczix] {
    font-size: 1.1rem;
}

.bi[b-hcgvhvczix] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-hcgvhvczix] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-hcgvhvczix] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-hcgvhvczix] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-hcgvhvczix] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-hcgvhvczix] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-hcgvhvczix] {
        padding-bottom: 1rem;
    }

    .nav-item[b-hcgvhvczix]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-hcgvhvczix]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-hcgvhvczix]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-hcgvhvczix] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-hcgvhvczix] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-hcgvhvczix] {
        display: none;
    }

    .nav-scrollable[b-hcgvhvczix] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/ArjanEnergy/Components/Layout/ProfileDropdown.razor.rz.scp.css */
.profile-dropdown[b-5tv2cudp6g] {
    display: inline-block;
    position: relative;
    z-index: 1000;
}

.profile-btn[b-5tv2cudp6g] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    transition: all 0.3s;
    font-size: 1rem;
}

    .profile-btn:hover[b-5tv2cudp6g] {
        transform: scale(1.05);
    }

.avatar[b-5tv2cudp6g] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.username[b-5tv2cudp6g] {
    font-weight: 500;
}

/* Dropdown Menu */
.dropdown-menu[b-5tv2cudp6g] {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-9999px, -9999px);
    min-width: 220px;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease;
    background-color: #fff;
    overflow: hidden;
    max-height: 0;
    text-align: right; /* RTL */
    direction: rtl;
}

    .dropdown-menu.show[b-5tv2cudp6g] {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
        max-height: 500px;
    }

.dropdown-header[b-5tv2cudp6g] {
    padding: 0.75rem 1rem;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
}

.dropdown-item[b-5tv2cudp6g] {
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .dropdown-item:hover[b-5tv2cudp6g] {
        background-color: rgba(0,0,0,0.05);
    }

    .dropdown-item.theme-light[b-5tv2cudp6g] {
        color: black;
    }

    .dropdown-item.theme-dark[b-5tv2cudp6g] {
        color: white;
    }

    .dropdown-item.theme-blue[b-5tv2cudp6g] {
        color: white;
    }

.dropdown-divider[b-5tv2cudp6g] {
    height: 1px;
    background-color: #e0e0e0;
    margin: 0.25rem 0;
}

/* تم‌ها */
.profile-btn.theme-light[b-5tv2cudp6g],
.dropdown-menu.theme-light[b-5tv2cudp6g] {
    color: #222;
    background: #fff;
}

.profile-btn.theme-dark[b-5tv2cudp6g],
.dropdown-menu.theme-dark[b-5tv2cudp6g] {
    color: #e0e7ff;
    background: #0a2a66;
}

.profile-btn.theme-blue[b-5tv2cudp6g],
.dropdown-menu.theme-blue[b-5tv2cudp6g] {
    color: #fff;
    background: #0b3d91;
}

/* Responsive */
@media(max-width: 576px) {
    .dropdown-menu[b-5tv2cudp6g] {
        min-width: 90vw !important;
        left: 50% !important;
        transform: translateX(-50%) translateY(-9999px);
        border-radius: 12px;
    }
}
/* _content/ArjanEnergy/Components/Layout/TopMenu.razor.rz.scp.css */
/* ====== پایه ====== */
.top-menu[b-zljuxerrgr] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--menu-bg);
    box-shadow: 0 2px 6px var(--shadow-color);
    border-radius: 0; /* چون منو تمام عرض صفحه است */
    padding: 0.4rem 1rem;
    position: fixed; /* 🔹 همیشه در بالای صفحه بماند */
    top: 3.5rem; /* 🔹 دقیقاً زیر top-row */
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease;
}

/* فاصله محتوا تا منو */
article.content[b-zljuxerrgr] {
    margin-top: 7rem; /* 3.5rem برای top-row + 3.5rem برای top-menu */
}

/* دکمه همبرگر */
.menu-toggle[b-zljuxerrgr] {
    display: none;
    cursor: pointer;
    font-size: 1.6rem;
    color: var(--menu-text);
}

/* لیست منو */
.menu-list[b-zljuxerrgr] {
    list-style: none;
    display: flex;
    gap: 0.1rem;
    margin: 0;
    padding: 0;
}

.menu-item[b-zljuxerrgr] {
    cursor: pointer;
    font-weight: 500;
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    transition: all 0.2s ease;
    color: var(--menu-text);
    white-space: nowrap;
}

    .menu-item:hover[b-zljuxerrgr] {
        background-color: var(--menu-hover);
        transform: translateY(-2px);
    }

/* ====== واکنش‌گرا ====== */
@media (max-width: 768px) {
    .top-menu[b-zljuxerrgr] {
        justify-content: space-between;
        padding: 0.6rem 1rem;
    }

    .menu-toggle[b-zljuxerrgr] {
        display: block;
    }

    .menu-list[b-zljuxerrgr] {
        flex-direction: column;
        position: absolute;
        top: 55px;
        right: 10px;
        left: 10px;
        background-color: var(--menu-bg);
        border-radius: 10px;
        box-shadow: 0 6px 20px var(--shadow-color);
        padding: 0.8rem;
        display: none;
        z-index: 1000;
        animation: slideDown-b-zljuxerrgr 0.3s ease forwards;
    }

        .menu-list.open[b-zljuxerrgr] {
            display: flex;
        }

    .menu-item[b-zljuxerrgr] {
        padding: 0.7rem;
        text-align: center;
    }
}

/* ====== انیمیشن ====== */
@keyframes slideDown-b-zljuxerrgr {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ====== تم‌ها ====== */
.theme-light[b-zljuxerrgr] {
    --menu-bg: #ffffff;
    --menu-text: #222;
    --menu-hover: rgba(0,0,0,0.05);
    --shadow-color: rgba(0,0,0,0.1);
}

.theme-dark[b-zljuxerrgr] {
    --menu-bg: #1f1f1f;
    --menu-text: #f5f5f5;
    --menu-hover: rgba(255,255,255,0.1);
    --shadow-color: rgba(0,0,0,0.6);
}

.theme-blue[b-zljuxerrgr] {
    --menu-bg: #0a2a66;
    --menu-text: #e0e7ff;
    --menu-hover: rgba(255,255,255,0.15);
    --shadow-color: rgba(0,0,0,0.4);
}

/* RTL / LTR */
.top-menu.rtl .menu-list[b-zljuxerrgr] {
    direction: rtl;
}

.top-menu.ltr .menu-list[b-zljuxerrgr] {
    direction: ltr;
}

/* _content/ArjanEnergy/Components/Pages/AboutUS.razor.rz.scp.css */
.about-page[b-fjzlzxtndw] {
    font-family: Arial, sans-serif;
    color: var(--text-color);
    background-color: var(--bg-color);
}

/* هدر با گرادیان */
.about-hero[b-fjzlzxtndw] {
    height: 35vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: var(--hero-bg);
    color: var(--hero-text);
    padding: 1rem;
    border-radius: 0 0 15px 15px;
}

.hero-content h1[b-fjzlzxtndw] {
    font-size: 2.5rem;
    margin: 0.5rem 0;
}

.hero-content p[b-fjzlzxtndw] {
    font-size: 1.2rem;
    margin: 0;
}

.hero-logo[b-fjzlzxtndw] {
    width: 140px;
    height: auto;
    margin-bottom: 0.5rem;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    transition: transform 0.3s ease;
}

    .hero-logo:hover[b-fjzlzxtndw] {
        transform: scale(1.05);
    }

/* بخش متن اصلی */
.container[b-fjzlzxtndw] {
    max-width: 900px;
    margin: 3rem auto;
    padding: 0 1rem;
    line-height: 1.8;
    font-size: 1.1rem;
}

/* تم‌ها */
.theme-light[b-fjzlzxtndw] {
    --bg-color: #f9f9f9;
    --text-color: #333;
    --hero-bg: linear-gradient(135deg, #6c9eff, #0044cc);
    --hero-text: #fff;
}

.theme-dark[b-fjzlzxtndw] {
    --bg-color: #1e1e1e;
    --text-color: #f0f0f0;
    --hero-bg: linear-gradient(135deg, #333333, #000000);
    --hero-text: #fff;
}

.theme-blue[b-fjzlzxtndw] {
    --bg-color: #b3cfff; /* پررنگ‌تر از #e6f0ff */
    --text-color: #003366;
    --hero-bg: linear-gradient(135deg, #80aaff, #3366cc); /* گرادیان ملایم */
    --hero-text: #fff;
}

@media (max-width: 768px) {
    .hero-content h1[b-fjzlzxtndw] {
        font-size: 2rem;
    }

    .hero-content p[b-fjzlzxtndw] {
        font-size: 1rem;
    }

    .hero-logo[b-fjzlzxtndw] {
        width: 120px;
    }
}
/* _content/ArjanEnergy/Components/Pages/Advantages.razor.rz.scp.css */
/* ================= Section Title ================= */
.section-title[b-ti7lx7ya44] {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
    border-inline-start: 4px solid;
    padding-inline-start: 10px;
    transition: all 0.3s ease;
}

/* ================= Light Theme ================= */
.theme-light .advantages-container[b-ti7lx7ya44] {
    background: #f8fafc;
    transition: background 0.3s ease;
}

.theme-light .section-title[b-ti7lx7ya44] {
    color: #004c91;
    border-color: #004c91;
}

.theme-light .advantages-container h3[b-ti7lx7ya44] {
    color: #004c91;
}

.theme-light .adv-card[b-ti7lx7ya44] {
    background: linear-gradient(145deg, #ffffff, #f0f4ff);
    color: #1e2a36;
    box-shadow: 0 4px 14px rgba(16, 24, 40, 0.06);
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s ease, color 0.3s ease;
}

    .theme-light .adv-card:hover[b-ti7lx7ya44] {
        transform: translateY(-3px);
        box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1);
        background: #e6f0ff;
    }

.theme-light .adv-title[b-ti7lx7ya44] {
    color: #004c91;
}

.theme-light .adv-desc[b-ti7lx7ya44] {
    color: #6b6b6b;
}

/* ================= Dark Theme ================= */
.theme-dark .advantages-container[b-ti7lx7ya44] {
    background: #1a1a1a;
}

.theme-dark .section-title[b-ti7lx7ya44] {
    color: #ffffff;
    border-color: #0d6efd;
}

.theme-dark .advantages-container h3[b-ti7lx7ya44] {
    color: #0d6efd;
}

.theme-dark .adv-card[b-ti7lx7ya44] {
    background: linear-gradient(145deg, #2b2b2b, #343434);
    color: #e0e6ef;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s ease, color 0.3s ease;
}

    .theme-dark .adv-card:hover[b-ti7lx7ya44] {
        transform: translateY(-3px);
        box-shadow: 0 8px 16px rgba(13, 110, 253, 0.4);
        background: #3a3a3a;
    }

.theme-dark .adv-title[b-ti7lx7ya44] {
    color: #0d6efd;
}

.theme-dark .adv-desc[b-ti7lx7ya44] {
    color: #c0c0c0;
}

/* ================= Blue Theme ================= */
.theme-blue .advantages-container[b-ti7lx7ya44] {
    background: linear-gradient(145deg, #014f86, #012a4a);
}

.theme-blue .section-title[b-ti7lx7ya44] {
    color: #ffc107;
    border-color: #ffc107;
}

.theme-blue .advantages-container h3[b-ti7lx7ya44] {
    color: #ffc107;
}

.theme-blue .adv-card[b-ti7lx7ya44] {
    background: linear-gradient(145deg, #023e7d, #014f86);
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(0, 91, 154, 0.4);
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s ease, color 0.3s ease;
}

    .theme-blue .adv-card:hover[b-ti7lx7ya44] {
        transform: translateY(-3px);
        box-shadow: 0 8px 16px rgba(0, 120, 255, 0.6);
        background: linear-gradient(145deg, #0369c5, #023e73);
    }

.theme-blue .adv-title[b-ti7lx7ya44] {
    color: #ffc107;
}

.theme-blue .adv-desc[b-ti7lx7ya44] {
    color: #e0e6ef;
}

/* ================= Grid & Icons ================= */
.advantages-grid[b-ti7lx7ya44] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.adv-icon[b-ti7lx7ya44] {
    font-size: 28px;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

/* ================= Responsive ================= */
@media (max-width: 1024px) {
    .advantages-grid[b-ti7lx7ya44] {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 10px;
    }

    .adv-title[b-ti7lx7ya44] {
        font-size: 12px;
    }

    .adv-desc[b-ti7lx7ya44] {
        font-size: 10px;
    }

    .adv-icon[b-ti7lx7ya44] {
        font-size: 20px;
    }
}

@media (max-width: 720px) {
    .advantages-grid[b-ti7lx7ya44] {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 8px;
    }

    .adv-title[b-ti7lx7ya44] {
        font-size: 12px;
    }

    .adv-desc[b-ti7lx7ya44] {
        font-size: 10px;
    }

    .adv-icon[b-ti7lx7ya44] {
        font-size: 20px;
    }
}
/* _content/ArjanEnergy/Components/Pages/AfterSalesService.razor.rz.scp.css */
/* ================= کانتینر اصلی ================= */
.after-sales-container[b-yalzlfmh4u] {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.9s ease-out, transform 0.9s ease-out;
    position: relative;
    padding: 2.5rem 2rem;
    border: 2px solid transparent;
    max-width: 1800px;
    margin: 3rem auto;
    overflow: hidden;
    z-index: 1;
}

    /* ================= Glow پس‌زمینه ================= */
    .after-sales-container[b-yalzlfmh4u]::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        border-radius: 25px;
        z-index: 0;
        background: radial-gradient(circle at center, rgba(0,179,255,0.2), transparent 70%);
        animation: glowMove 25s linear infinite alternate;
    }

    /* ================= دو مربع کم‌رنگ ================= */
    .after-sales-container .decor-shape[b-yalzlfmh4u] {
        position: absolute;
        width: 100px;
        height: 100px;
        background: rgba(255,255,255,0.08);
        border-radius: 12px;
        z-index: 1;
        animation: shapeMove-b-yalzlfmh4u 15s linear infinite alternate;
    }

        .after-sales-container .decor-shape.top-left[b-yalzlfmh4u] {
            top: 10px;
            left: 10px;
        }

        .after-sales-container .decor-shape.bottom-right[b-yalzlfmh4u] {
            bottom: 10px;
            right: 10px;
        }

@keyframes shapeMove-b-yalzlfmh4u {
    0% {
        transform: translate(0,0) rotate(0deg);
    }

    50% {
        transform: translate(8px, 6px) rotate(15deg);
    }

    100% {
        transform: translate(0,0) rotate(0deg);
    }
}

/* ================= تم‌ها ================= */

/* -------- Light Theme -------- */
.theme-light .after-sales-container[b-yalzlfmh4u] {
    background: linear-gradient(145deg, #f0f8ff, #d9f0ff);
    border-color: #004c91;
    color: #111;
    text-align: right;
}

    .theme-light .after-sales-container[b-yalzlfmh4u]::before {
        background: radial-gradient(circle at center, rgba(0,123,255,0.12), transparent 70%);
    }

.theme-light .services li[b-yalzlfmh4u] {
    background: rgba(0,123,255,0.08);
    color: #111;
}

/* -------- Dark Theme -------- */
.theme-dark .after-sales-container[b-yalzlfmh4u] {
    background: linear-gradient(145deg, #0b131f, #1b2b40);
    border-color: #00b3ff;
    color: #e0e0e0;
    text-align: right;
}

    .theme-dark .after-sales-container[b-yalzlfmh4u]::before {
        background: radial-gradient(circle at center, rgba(0,179,255,0.22), rgba(0,123,255,0.05) 70%);
    }

.theme-dark .services li[b-yalzlfmh4u] {
    background: rgba(0,0,0,0.35);
    color: #00b3ff;
}

/* -------- Blue Theme -------- */
.theme-blue .after-sales-container[b-yalzlfmh4u] {
    background: linear-gradient(145deg, #014f86, #012a4a);
    border-color: #ffc107;
    color: #ffffff;
    text-align: right;
}

    .theme-blue .after-sales-container[b-yalzlfmh4u]::before {
        background: radial-gradient(circle at center, rgba(0,123,255,0.18), rgba(0,0,128,0.05) 70%);
    }

.theme-blue .services li[b-yalzlfmh4u] {
    background: rgba(0,123,255,0.15);
    color: #ffffff;
}

/* ================= عناوین و متن ================= */
.section-title[b-yalzlfmh4u] {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;
    color: inherit;
}

.lead[b-yalzlfmh4u] {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    line-height: 1.8;
}

h2[b-yalzlfmh4u] {
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 0.8rem;
    font-weight: 700;
}

/* ================= لیست خدمات ================= */
.services[b-yalzlfmh4u] {
    list-style: none;
    padding: 0;
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    position: relative;
    z-index: 2;
}

    .services li[b-yalzlfmh4u] {
        padding: 1rem;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        font-weight: 600;
        transition: transform 0.3s, box-shadow 0.3s;
    }

        .services li:hover[b-yalzlfmh4u] {
            transform: translateY(-6px);
            box-shadow: 0 12px 30px rgba(0,0,0,0.2);
        }

/* ================= انیمیشن ورود هنگام اسکرول ================= */
.after-sales-container.visible[b-yalzlfmh4u] {
    opacity: 1;
    transform: translateY(0);
}

    .after-sales-container.visible .services li:nth-child(1)[b-yalzlfmh4u] {
        animation: fadeUp-b-yalzlfmh4u 0.7s forwards 0.2s;
    }

    .after-sales-container.visible .services li:nth-child(2)[b-yalzlfmh4u] {
        animation: fadeUp-b-yalzlfmh4u 0.7s forwards 0.4s;
    }

    .after-sales-container.visible .services li:nth-child(3)[b-yalzlfmh4u] {
        animation: fadeUp-b-yalzlfmh4u 0.7s forwards 0.6s;
    }

@keyframes fadeUp-b-yalzlfmh4u {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ================= واکنش‌گرایی ================= */
@media (max-width: 768px) {
    .services[b-yalzlfmh4u] {
        grid-template-columns: 1fr;
    }

    h2[b-yalzlfmh4u], .section-title[b-yalzlfmh4u], .lead[b-yalzlfmh4u] {
        text-align: center;
    }
}
/* _content/ArjanEnergy/Components/Pages/BrandList.razor.rz.scp.css */
.brand-carousel-bg[b-04ht47e9nb] {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    margin-top:40px;
}
/* تم‌های آبی بسیار ملایم */
.theme-light.brand-carousel-bg[b-04ht47e9nb] {
    background: linear-gradient(135deg, rgba(173, 216, 230, 0.04), rgba(135, 206, 250, 0.04));
}

.theme-dark.brand-carousel-bg[b-04ht47e9nb] {
    background: linear-gradient(135deg, rgba(173, 216, 230, 0.03), rgba(135, 206, 250, 0.03));
}

.theme-blue.brand-carousel-bg[b-04ht47e9nb] {
    background: linear-gradient(135deg, rgba(173, 216, 230, 0.04), rgba(135, 206, 250, 0.04));
}
/* اشکال پس‌زمینه */
.bg-shape[b-04ht47e9nb] {
    position: absolute;
    z-index: 0;
    opacity: 0.05; /* بسیار ملایم */
    border-radius: 50%;
    animation: floatShape-b-04ht47e9nb 35s linear infinite;
}

.shape1[b-04ht47e9nb] {
    width: 180px;
    height: 180px;
    top: 10%;
    left: 5%;
    background: rgba(255,255,255,0.05);
}

.shape2[b-04ht47e9nb] {
    width: 140px;
    height: 140px;
    top: 50%;
    left: 80%;
    background: rgba(255,255,255,0.04);
}

.shape3[b-04ht47e9nb] {
    width: 100px;
    height: 100px;
    top: 70%;
    left: 40%;
    background: rgba(255,255,255,0.03);
}

@keyframes floatShape-b-04ht47e9nb {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-15px) rotate(180deg);
    }

    100% {
        transform: translateY(0) rotate(360deg);
    }
}

.brand-carousel-wrapper[b-04ht47e9nb] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 280px;
    perspective: 1000px;
    transform-style: preserve-3d;
    margin: 0 auto;
    z-index: 1;
}

.brand-carousel[b-04ht47e9nb] {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.brand-item[b-04ht47e9nb] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    transition: transform 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
    cursor: pointer;
}

    .brand-item img[b-04ht47e9nb] {
        width: 180px;
        height: 110px;
        object-fit: contain;
        border-radius: 12px;
        padding: 8px;
        background: rgba(255, 255, 255, 0.12);
        box-shadow: 0 6px 25px rgba(0,0,0,0.25);
        transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
    }

    .brand-item p[b-04ht47e9nb] {
        margin-top: 8px;
        font-weight: 600;
        font-size: 0.95rem;
    }

/* واکنش‌گرا */
@media (max-width: 768px) {
    .brand-item img[b-04ht47e9nb] {
        width: 130px;
        height: 80px;
    }

    .brand-carousel-wrapper[b-04ht47e9nb] {
        height: 200px;
    }
}


/* اشکال پس‌زمینه کوچک گوشه تصاویر */
.bg-corner[b-04ht47e9nb] {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03); /* خیلی کم رنگ */
    z-index: 0;
    animation: floatCorner-b-04ht47e9nb 20s linear infinite;
}

.bg-corner1[b-04ht47e9nb] {
    top: 5%;
    left: 10%;
}

.bg-corner2[b-04ht47e9nb] {
    bottom: 10%;
    right: 8%;
}

.bg-corner3[b-04ht47e9nb] {
    top: 15%;
    right: 15%;
}

.bg-corner4[b-04ht47e9nb] {
    bottom: 5%;
    left: 12%;
}

@keyframes floatCorner-b-04ht47e9nb {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    50% {
        transform: translate(5px, -5px) rotate(180deg);
    }

    100% {
        transform: translate(0, 0) rotate(360deg);
    }
}

/* _content/ArjanEnergy/Components/Pages/BrandPage.razor.rz.scp.css */
/* ------------------ ریسپانسیو ------------------ */
@media (max-width: 768px) {
    .content-card-page[b-p8dycfpiiv] {
        padding: 20px;
    }

    .page-title[b-p8dycfpiiv] {
        font-size: 1.6rem;
    }

    .preview-container[b-p8dycfpiiv] {
        width: 90px;
        height: 90px;
    }

    .table .preview-container[b-p8dycfpiiv] {
        width: 80px;
        height: 80px;
    }

    .form-actions[b-p8dycfpiiv] {
        flex-direction: column;
        gap: 8px;
    }
}

@media (max-width: 480px) {
    .page-container[b-p8dycfpiiv] {
        padding: 10px;
    }

    .page-title[b-p8dycfpiiv] {
        font-size: 1.4rem;
    }

    .content-card-page[b-p8dycfpiiv] {
        padding: 15px;
    }

    .preview-container[b-p8dycfpiiv] {
        width: 70px;
        height: 70px;
    }

    .table .preview-container[b-p8dycfpiiv] {
        width: 60px;
        height: 60px;
    }

    .table th[b-p8dycfpiiv], .table td[b-p8dycfpiiv] {
        padding: 8px 5px;
    }
}
/* _content/ArjanEnergy/Components/Pages/CompanyIntro.razor.rz.scp.css */
/* -----------------------------
   کانتینر اصلی
----------------------------- */
.company-intro[b-zi6huf9a61] {
    position: relative;
    overflow: hidden;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

    /* نور ملایم حرکت‌کننده */
    .company-intro[b-zi6huf9a61]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%; /* شروع از خارج سمت چپ */
        width: 50%; /* عرض نور */
        height: 100%;
        pointer-events: none;
        border-radius: 10px;
        opacity: 0.05; /* خیلی کم رنگ و ملایم */
        background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
        animation: glow-wave-b-zi6huf9a61 6s ease-in-out infinite alternate;
    }

/* رنگ نور بر اساس تم */
/* رنگ نور بر اساس تم */
.theme-dark .company-intro[b-zi6huf9a61]::before {
    background: linear-gradient(120deg, rgba(242,244,247,0) 0%, rgba(242,244,247,0.08) 50%, rgba(242,244,247,0) 100%);
}

.theme-blue .company-intro[b-zi6huf9a61]::before {
    background: linear-gradient(120deg, rgba(0,179,255,0) 0%, rgba(0,179,255,0.08) 50%, rgba(0,179,255,0) 100%);
}

.theme-light .company-intro[b-zi6huf9a61]::before {
    /* کمی پررنگ‌تر برای تم روشن ولی هنوز ملایم */
    background: linear-gradient(120deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.12) 50%, rgba(0,0,0,0) 100%);
}


/* حرکت نور از چپ به راست و برگشت */
@keyframes glow-wave-b-zi6huf9a61 {
    0% {
        left: -50%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: -50%;
    }
}




    /* RTL / LTR alignment */
    .company-intro.rtl[b-zi6huf9a61] {
        direction: rtl;
        text-align: right;
        font-family: 'IRANSansX', 'Tahoma', sans-serif;
    }

    .company-intro.ltr[b-zi6huf9a61] {
        direction: ltr;
        text-align: left;
        font-family: 'Times New Roman', 'Georgia', serif;
    }

/* -----------------------------
   لایه پس‌زمینه متحرک
----------------------------- */
.background-layer[b-zi6huf9a61] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: 200% 200%;
    animation: moveBg-b-zi6huf9a61 30s linear infinite;
}

    .background-layer[b-zi6huf9a61]::before,
    .background-layer[b-zi6huf9a61]::after {
        content: '';
        position: absolute;
        border-radius: 50%;
        z-index: 1;
    }

    /* دایره‌ها */
    .background-layer[b-zi6huf9a61]::before {
        width: 200px;
        height: 200px;
        top: 20px;
        right: 20px;
    }

    .background-layer[b-zi6huf9a61]::after {
        width: 300px;
        height: 150px;
        bottom: 30px;
        right: 50px;
        border-radius: 50% / 50%;
    }

/* تم‌ها و رنگ پس‌زمینه */
.theme-dark .background-layer[b-zi6huf9a61] {
    background: linear-gradient(135deg, #0e1a2b33, #1e3a5f33);
}

    .theme-dark .background-layer[b-zi6huf9a61]::before,
    .theme-dark .background-layer[b-zi6huf9a61]::after {
        background: rgba(255,255,255,0.05);
    }

.theme-blue .background-layer[b-zi6huf9a61] {
    background: linear-gradient(135deg, #00408033, #00b3ff33);
}

    .theme-blue .background-layer[b-zi6huf9a61]::before,
    .theme-blue .background-layer[b-zi6huf9a61]::after {
        background: rgba(255,255,255,0.08);
    }

.theme-light .background-layer[b-zi6huf9a61] {
    background: linear-gradient(135deg, #e0f0ff33, #c0e0ff33);
}

    .theme-light .background-layer[b-zi6huf9a61]::before,
    .theme-light .background-layer[b-zi6huf9a61]::after {
        background: rgba(0,0,0,0.03);
    }

/* -----------------------------
   محتوای اصلی
----------------------------- */
.content-layer[b-zi6huf9a61] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

/* -----------------------------
   رنگ متن بر اساس تم برای h2, h3, p
----------------------------- */
/* -----------------------------
   Scroll Animation (از پایین به بالا بدون JS)
----------------------------- */
.company-intro h2[b-zi6huf9a61],
.company-intro h3[b-zi6huf9a61],
.company-intro p[b-zi6huf9a61] {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp-b-zi6huf9a61 1s forwards;
}

.company-intro h2[b-zi6huf9a61] {
    animation-delay: 0.2s;
}

.company-intro h3[b-zi6huf9a61] {
    animation-delay: 0.4s;
}

.company-intro p[b-zi6huf9a61] {
    animation-delay: 0.6s;
}

@keyframes fadeUp-b-zi6huf9a61 {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* -----------------------------
   Hover Effect
----------------------------- */
.company-intro:hover h2[b-zi6huf9a61],
.company-intro:hover h3[b-zi6huf9a61],
.company-intro:hover p[b-zi6huf9a61] {
    filter: brightness(1.05);
}

/* -----------------------------
   عنوان و نام شرکت
----------------------------- */
.intro-title[b-zi6huf9a61] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 10px;
    text-align: center;
}

.company-name[b-zi6huf9a61] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

/* -----------------------------
   متن اصلی
----------------------------- */
.intro-text[b-zi6huf9a61] {
    line-height: 1.9;
    font-size: 1rem;
    max-width: 900px;
    margin: 0 auto;
    white-space: normal;
    word-wrap: break-word;
}

    /* Alignment متن */
    .intro-text.rtl[b-zi6huf9a61] {
        direction: rtl;
        text-align: right;
        font-family: 'IRANSansX', 'Tahoma', sans-serif;
    }

    .intro-text.ltr[b-zi6huf9a61] {
        direction: ltr;
        text-align: left;
        font-family: 'Times New Roman', 'Georgia', serif;
    }

/* -----------------------------
   Responsive
----------------------------- */
@media (max-width: 768px) {
    .intro-title[b-zi6huf9a61] {
        font-size: 1.6rem;
    }

    .company-name[b-zi6huf9a61] {
        font-size: 1.2rem;
    }

    .intro-text[b-zi6huf9a61] {
        font-size: 0.95rem;
    }
}

/* -----------------------------
   حرکت پس‌زمینه
----------------------------- */
@keyframes moveBg-b-zi6huf9a61 {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
/* _content/ArjanEnergy/Components/Pages/Contact.razor.rz.scp.css */


/* واکنش‌گرایی */
@media (max-width: 768px) {
    .contact-hero h1[b-491vxr8l10] {
        font-size: 1.5rem;
    }

    .hero-logo[b-491vxr8l10] {
        width: 40px;
    }
}
/* _content/ArjanEnergy/Components/Pages/ContactMessages.razor.rz.scp.css */
/* responsive */
@media (max-width: 768px) {
    .messages-table[b-8mhcht918g] {
        font-size: 0.75rem;
    }

        .messages-table thead[b-8mhcht918g] {
            font-weight: 500;
        }
}
/* _content/ArjanEnergy/Components/Pages/ContactUs.razor.rz.scp.css */
.contact-section[b-d2e5jfbhqq] {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    background: linear-gradient(120deg, rgba(0, 0, 0, 0.05), rgba(0,0,0,0.15));
    transition: background 0.3s ease;
}

.theme-light .contact-section[b-d2e5jfbhqq] {
    background: linear-gradient(120deg, #f9f9f9, #ececec);
}

.theme-dark .contact-section[b-d2e5jfbhqq] {
    background: linear-gradient(120deg, #0d0d0d, #1a1a1a);
}

.contact-container[b-d2e5jfbhqq] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    max-width: 1400px;
    padding: 3rem;
    gap: 2rem;
    box-sizing: border-box;
    flex-wrap: wrap; /* برای ریسپانسیو */
}

/* --- اطلاعات تماس --- */
.contact-info[b-d2e5jfbhqq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--text-color, #333);
    min-width: 300px;
}

.theme-dark .contact-info[b-d2e5jfbhqq] {
    color: #f0f0f0;
}

/* --- لوگو --- */
.company-logo[b-d2e5jfbhqq] {
    text-align: center;
    margin-bottom: 1.5rem;
}

    .company-logo img[b-d2e5jfbhqq] {
        width: 160px;
        height: auto;
        border-radius: 14px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

        .company-logo img:hover[b-d2e5jfbhqq] {
            transform: scale(1.05);
            box-shadow: 0 6px 20px rgba(0,0,0,0.25);
        }

/* --- تیتر --- */
.contact-info h2[b-d2e5jfbhqq] {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid #ccc;
    padding-bottom: 0.5rem;
}

/* --- آیتم‌ها --- */
.contact-item[b-d2e5jfbhqq] {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
    gap: 0.6rem;
    font-size: 1rem;
}

    .contact-item i[b-d2e5jfbhqq] {
        color: #00a3e1;
        font-size: 1.2rem;
    }

/* --- آدرس --- */
.contact-address[b-d2e5jfbhqq] {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
    gap: 0.6rem;
    font-size: 1rem;
}

    .contact-address i[b-d2e5jfbhqq] {
        color: #00a3e1;
        font-size: 1.2rem;
    }

/* --- شبکه‌های اجتماعی --- */
.social-links[b-d2e5jfbhqq] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

    .social-links a[b-d2e5jfbhqq] {
        color: #00a3e1;
        font-size: 1.4rem;
        transition: transform 0.2s ease, color 0.2s ease;
    }

        .social-links a:hover[b-d2e5jfbhqq] {
            transform: scale(1.2);
            color: #0077b6;
        }

/* --- نقشه --- */
.contact-map[b-d2e5jfbhqq] {
    flex: 1.2;
    min-height: 400px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.25);
}

    .contact-map iframe[b-d2e5jfbhqq] {
        width: 100%;
        height: 100%;
        border: none;
    }

/* --- ریسپانسیو --- */
/* --- ریسپانسیو بخش اطلاعات تماس --- */
/* --- ریسپانسیو بخش اطلاعات تماس --- */
@media (max-width: 992px) {
    .contact-container[b-d2e5jfbhqq] {
        flex-direction: column;
        align-items: flex-start; /* چپ‌چین بماند */
        text-align: left; /* متن چپ‌چین */
        padding: 2rem;
    }

    .contact-info[b-d2e5jfbhqq] {
        align-items: flex-start; /* آیتم‌ها چپ‌چین */
        text-align: left;
        width: 100%;
        margin-bottom: 2rem;
    }

        .contact-info h2[b-d2e5jfbhqq] {
            font-size: 1.6rem;
            margin-bottom: 1rem;
            border-bottom: 1px solid #ccc;
            padding-bottom: 0.5rem;
        }

    .contact-item[b-d2e5jfbhqq], .contact-address[b-d2e5jfbhqq] {
        justify-content: flex-start; /* آیتم‌ها سمت چپ */
        flex-wrap: wrap;
        font-size: 1rem;
        gap: 0.5rem;
    }

    .social-links[b-d2e5jfbhqq] {
        justify-content: flex-start; /* آیکون‌ها سمت چپ */
        margin-top: 1rem;
        flex-wrap: wrap;
    }

    .company-logo img[b-d2e5jfbhqq] {
        width: 140px;
        height: auto;
    }
}

@media (max-width: 600px) {
    .contact-info h2[b-d2e5jfbhqq] {
        font-size: 1.4rem;
    }
    .contact-container[b-d2e5jfbhqq] {
        padding: 0rem;
    }

    .company-logo img[b-d2e5jfbhqq] {
        width: 120px;
    }

    .contact-item[b-d2e5jfbhqq], .contact-address[b-d2e5jfbhqq] {
        font-size: 0.9rem;
        gap: 0.4rem;
    }

    .social-links a[b-d2e5jfbhqq] {
        font-size: 1.2rem;
    }

    .contact-map[b-d2e5jfbhqq] {
        min-height: 250px;
    }
}


/* _content/ArjanEnergy/Components/Pages/CooperationMessages.razor.rz.scp.css */
.rtl[b-yi39mzmmih] {
    direction: rtl;
    text-align: right;
}

.ltr[b-yi39mzmmih] {
    direction: ltr;
    text-align: left;
}

.collab-manager-page[b-yi39mzmmih] {
    padding: 20px;
}

/* Header */
.header h2[b-yi39mzmmih] {
    font-size: 26px;
    margin-bottom: 5px;
}

.header p[b-yi39mzmmih] {
    font-size: 15px;
    color: #666;
}

/* Table */
.table-container[b-yi39mzmmih] {
    margin-top: 20px;
}

.collab-table[b-yi39mzmmih] {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    background: var(--bg);
}

    .collab-table th[b-yi39mzmmih] {
        background: var(--primary);
        color: white;
        padding: 12px;
        font-size: 15px;
    }

    .collab-table td[b-yi39mzmmih] {
        padding: 10px 12px;
        border-bottom: 1px solid #ddd;
    }

.btn[b-yi39mzmmih] {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

.view-btn[b-yi39mzmmih] {
    background: #1a73e8;
    color: white;
}

.delete-btn[b-yi39mzmmih] {
    background: #d32f2f;
    color: white;
}

/* Modal */
.details-modal-overlay[b-yi39mzmmih] {
    position: fixed;
    inset: 0;
    margin-top:60px;
    background: rgba(0,0,0,0.45);
    display: flex;
    justify-content: center;
    align-items: center;
}

.details-modal[b-yi39mzmmih] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 500px;
}

.close-btn[b-yi39mzmmih] {
    background: #555;
    color: white;
    margin-top: 15px;
}

/* Responsive */
@media (max-width: 600px) {
    .header h2[b-yi39mzmmih] {
        font-size: 20px;
    }

    .collab-table th[b-yi39mzmmih],
    .collab-table td[b-yi39mzmmih] {
        padding: 8px;
        font-size: 13px;
    }

    .btn[b-yi39mzmmih] {
        font-size: 12px;
        padding: 5px 8px;
    }

    .details-modal[b-yi39mzmmih] {
        width: 95%;
        font-size: 14px;
    }
}
/* _content/ArjanEnergy/Components/Pages/Home.razor.rz.scp.css */
/* _content/ArjanEnergy/Components/Pages/ImageSlider.razor.rz.scp.css */
.home-container[b-j8v9xcvn66] {
    padding: 40px  0px;
}

.section-title[b-j8v9xcvn66] {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
    border-inline-start: 4px solid;
    padding-inline-start: 10px;
    transition: all 0.3s ease;
}

/* 🌞 Light Theme */
.theme-light .section-title[b-j8v9xcvn66] {
    color: #004c91;
    border-color: #004c91;
}

/* 🌙 Dark Theme */
.theme-dark .section-title[b-j8v9xcvn66] {
    color: #ffffff;
    border-color: #0d6efd; /* آبی روشن‌تر برای تم تاریک */
}

/* 💙 Blue Theme */
.theme-blue .section-title[b-j8v9xcvn66] {
    color: #ffc107;
    border-color: #ffc107; /* طلایی متناسب با تم آبی */
}


/* ---------- PROJECTS ---------- */
.project-grid[b-j8v9xcvn66] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 28px;
}

.project-card[b-j8v9xcvn66] {
    /*border-radius: 14px;*/
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}


    .project-card:hover[b-j8v9xcvn66] {
        transform: translateY(-5px);
        box-shadow: 0 6px 18px rgba(0,0,0,0.15);
    }





/* ☀️ تم روشن (Light Theme) */
.theme-light .project-card[b-j8v9xcvn66] {
    background: #ffffff;
    color: #1e2a36;
    border: 1px solid #d6e4f5; /* آبی خیلی روشن برای هماهنگی با تم‌ها */
    box-shadow: 0 2px 8px rgba(0, 76, 145, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

    .theme-light .project-card:hover[b-j8v9xcvn66] {
        transform: translateY(-5px);
        box-shadow: 0 6px 18px rgba(0, 76, 145, 0.25);
        background: #f5f9ff; /* ته آبی خیلی روشن برای جلوه Hover */
    }


/* 🌙 تم تاریک (Dark Theme) */
.theme-dark .project-card[b-j8v9xcvn66] {
    background: #1e2a36;
    color: #e0e6ef;
    border: 1px solid #0d6efd; /* آبی روشن‌تر برای جلوه بهتر */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

    .theme-dark .project-card:hover[b-j8v9xcvn66] {
        transform: translateY(-5px);
        box-shadow: 0 6px 18px rgba(13, 110, 253, 0.4);
        background: #253445;
    }

/* 💎 تم آبی (Blue Theme) */
.theme-blue .project-card[b-j8v9xcvn66] {
    background: linear-gradient(145deg, #014f86, #012a4a);
    color: #ffffff;
    border: 1px solid #005b9a;
    box-shadow: 0 2px 8px rgba(0, 91, 154, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

    .theme-blue .project-card:hover[b-j8v9xcvn66] {
        transform: translateY(-5px);
        box-shadow: 0 6px 18px rgba(0, 120, 255, 0.6);
        background: linear-gradient(145deg, #0369c5, #023e73);
    }



.project-image img[b-j8v9xcvn66] {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.project-body[b-j8v9xcvn66] {
    padding: 14px;
}

    .project-body h3[b-j8v9xcvn66] {
        font-size: 1rem;
        margin: 0;
    }


/* ---------- PRODUCTS ---------- */
.product-grid[b-j8v9xcvn66] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 24px;
    margin-top: 25px;
}

.product-card[b-j8v9xcvn66] {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid #e3e7eb;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.35s ease;
    display: flex;
    flex-direction: column;
}

    .product-card:hover[b-j8v9xcvn66] {
        transform: translateY(-5px);
        border-color: #004c91;
        box-shadow: 0 8px 16px rgba(0, 76, 145, 0.15);
    }

.product-img[b-j8v9xcvn66] {
    background: #f8fafc;
    padding: 16px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .product-img img[b-j8v9xcvn66] {
        max-width: 100%;
        max-height: 180px;
        object-fit: contain;
    }

.product-info[b-j8v9xcvn66] {
    padding: 16px;
    text-align: center;
}

    .product-info h3[b-j8v9xcvn66] {
        font-size: 1rem;
        color: #004c91;
        margin-bottom: 8px;
    }

    .product-info p[b-j8v9xcvn66] {
        font-size: 0.85rem;
        color: #555;
        height: 40px;
        overflow: hidden;
    }

/* ---------- Utilities ---------- */
.loading-text[b-j8v9xcvn66] {
    color: #777;
    font-size: 0.95rem;
    text-align: center;
    grid-column: 1 / -1;
}

.mt-5[b-j8v9xcvn66] {
    margin-top: 60px;
}

/* ===================== Responsive ===================== */
@media (max-width: 992px) {
    .nxSlider-card[b-j8v9xcvn66] {
        flex: 0 0 31%;
    }
}

@media (max-width: 768px) {
    .nxSlider-card[b-j8v9xcvn66] {
        flex: 0 0 47%;
    }
}

@media (max-width: 480px) {
    .nxSlider-card[b-j8v9xcvn66] {
        flex: 0 0 96%;
    }
}
/* _content/ArjanEnergy/Components/Pages/Login.razor.rz.scp.css */
/* _content/ArjanEnergy/Components/Pages/Management.razor.rz.scp.css */
@keyframes spin-b-j42pf4zf2k {
    to {
        transform: rotate(360deg);
    }
}
/* _content/ArjanEnergy/Components/Pages/ModernCard.razor.rz.scp.css */
/* ---------- Modern Card Component ---------- */
.modern-card[b-1ejnor2gho] {
    background-color: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 12px 30px rgba(0,0,0,0.25);
    transition: all 0.3s ease;
    position: relative;
}

    .modern-card[b-1ejnor2gho]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 16px;
        pointer-events: none;
        box-shadow: inset 0 4px 12px rgba(255,255,255,0.05);
    }

    .modern-card:hover[b-1ejnor2gho] {
        transform: translateY(-4px);
        box-shadow: 0 18px 40px rgba(0,0,0,0.35);
    }

.modern-card-title[b-1ejnor2gho] {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1.4rem;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.modern-card-body[b-1ejnor2gho] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* _content/ArjanEnergy/Components/Pages/ProductInformation.razor.rz.scp.css */
body[b-o48m2c0m0j] {
}
/* _content/ArjanEnergy/Components/Pages/Productpage.razor.rz.scp.css */
/* ------------------ ریسپانسیو ------------------ */
@media (max-width: 768px) {
    .content-card-page[b-erf20e58oh] {
        padding: 20px;
    }

    .page-title[b-erf20e58oh] {
        font-size: 1.6rem;
    }

    .preview-container[b-erf20e58oh] {
        width: 90px;
        height: 90px;
    }

    .thumbnail-container[b-erf20e58oh] {
        width: 50px;
        height: 50px;
    }

    .form-actions[b-erf20e58oh] {
        flex-direction: column;
        gap: 8px;
    }

    .table th[b-erf20e58oh], .table td[b-erf20e58oh] {
        padding: 8px 6px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .page-container[b-erf20e58oh] {
        padding: 10px;
    }

    .page-title[b-erf20e58oh] {
        font-size: 1.4rem;
    }

    .content-card-page[b-erf20e58oh] {
        padding: 15px;
    }

    .preview-container[b-erf20e58oh] {
        width: 70px;
        height: 70px;
    }

    .thumbnail-container[b-erf20e58oh] {
        width: 40px;
        height: 40px;
    }

    .table th[b-erf20e58oh], .table td[b-erf20e58oh] {
        padding: 6px 4px;
        font-size: 0.8rem;
    }
}
/* _content/ArjanEnergy/Components/Pages/ProjectImagePicker.razor.rz.scp.css */
.modal-backdrop[b-kyatpofpft] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    opacity: 0;
}

.modal[b-kyatpofpft] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    background: #fff;
    border-radius: 14px;
    width: 90%;
    max-width: 800px;
    max-height: 80vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    opacity: 0;
    z-index: 3000;
    box-shadow: 0 12px 35px rgba(0,0,0,0.3);
}

.modal-opening[b-kyatpofpft] {
    animation: fadeInModal-b-kyatpofpft 0.25s forwards;
}

.modal-closing[b-kyatpofpft] {
    animation: fadeOutModal-b-kyatpofpft 0.25s forwards;
}

.fade-in[b-kyatpofpft] {
    animation: fadeInBackdrop-b-kyatpofpft 0.25s forwards;
}

.fade-out[b-kyatpofpft] {
    animation: fadeOutBackdrop-b-kyatpofpft 0.25s forwards;
}

@keyframes fadeInModal-b-kyatpofpft {
    from {
        opacity: 0;
        transform: translate(-50%, -45%) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes fadeOutModal-b-kyatpofpft {
    from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    to {
        opacity: 0;
        transform: translate(-50%, -55%) scale(0.95);
    }
}

@keyframes fadeInBackdrop-b-kyatpofpft {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOutBackdrop-b-kyatpofpft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.modal-header[b-kyatpofpft], .modal-footer[b-kyatpofpft] {
    padding: 12px 16px;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
}

.modal-footer[b-kyatpofpft] {
    border-top: 1px solid #ddd;
    text-align: right;
    border-bottom: none;
}

.modal-body[b-kyatpofpft] {
    padding: 16px;
    overflow-y: auto;
}

.modal-close[b-kyatpofpft] {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    margin-left: auto;
}

.image-grid[b-kyatpofpft] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
    gap: 12px;
    margin-top: 12px;
}

.image-item[b-kyatpofpft] {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.2s;
}

    .image-item:hover[b-kyatpofpft] {
        border-color: #0078d7;
        transform: scale(1.05);
    }

    .image-item img[b-kyatpofpft] {
        width: 100%;
        height: 100px;
        object-fit: cover;
        border-radius: 6px;
    }

.btn[b-kyatpofpft] {
    background: #0078d7;
    color: white;
    padding: 8px 14px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

    .btn:hover[b-kyatpofpft] {
        background: #005fa3;
    }

/* Toast */
.toast[b-kyatpofpft] {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #333;
    color: white;
    padding: 10px 18px;
    border-radius: 8px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s;
    z-index: 4000;
}

    .toast.show[b-kyatpofpft] {
        opacity: 1;
        pointer-events: auto;
    }
/* _content/ArjanEnergy/Components/Pages/ProjectInforamation.razor.rz.scp.css */
/* کانتینر و افکت تم */
.container[b-qb7gd2pidg] {
    padding: 20px;
    animation: themeFade-b-qb7gd2pidg 0.4s ease-in-out;
}

/* دکمه بازگشت */
.back-button[b-qb7gd2pidg] {
    display: inline-block;
    padding: 8px 16px;
    margin-bottom: 20px;
    border: none;
    border-radius: 10px;
    background-color: #0d3c61;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
}

    .back-button:hover[b-qb7gd2pidg] {
        background-color: #126ba0;
        transform: translateY(-2px);
    }

/* جزئیات محصول */
.product-detail[b-qb7gd2pidg] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

@media(min-width: 768px) {
    .product-detail[b-qb7gd2pidg] {
        flex-direction: row;
        align-items: flex-start;
    }
}

.product-image img[b-qb7gd2pidg] {
    width: 100%;
    max-width: 400px;
    border-radius: 16px;
    object-fit: cover;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    transition: transform 0.3s ease, filter 0.3s ease;
}

    .product-image img:hover[b-qb7gd2pidg] {
        transform: scale(1.03);
        filter: brightness(1.05);
    }

.product-info[b-qb7gd2pidg] {
    flex: 1;
    padding: 10px 20px;
}

    .product-info h2[b-qb7gd2pidg] {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .product-info h4[b-qb7gd2pidg] {
        font-size: 1.2rem;
        color: #555;
        margin-bottom: 15px;
    }

    .product-info p[b-qb7gd2pidg] {
        font-size: 1rem;
        line-height: 1.6;
        color: inherit;
        margin-bottom: 10px;
    }

/* افکت ظریف هنگام تغییر تم */
@keyframes themeFade-b-qb7gd2pidg {
    from {
        opacity: 0;
        transform: scale(0.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.loading-text[b-qb7gd2pidg] {
    text-align: center;
    font-size: 1rem;
    opacity: 0.7;
}
/* _content/ArjanEnergy/Components/Pages/ProjectPage.razor.rz.scp.css */
/* ------------------ ریسپانسیو ------------------ */
@media (max-width: 768px) {
    .content-card-page[b-37g76rdioo] {
        padding: 20px;
    }

    .page-title[b-37g76rdioo] {
        font-size: 1.6rem;
    }

    .preview-container[b-37g76rdioo] {
        width: 90px;
        height: 90px;
    }

    .thumbnail-container[b-37g76rdioo] {
        width: 50px;
        height: 50px;
    }

    .form-actions[b-37g76rdioo] {
        flex-direction: column;
        gap: 8px;
    }

    .table th[b-37g76rdioo], .table td[b-37g76rdioo] {
        padding: 8px 6px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .page-container[b-37g76rdioo] {
        padding: 10px;
    }

    .page-title[b-37g76rdioo] {
        font-size: 1.4rem;
    }

    .content-card-page[b-37g76rdioo] {
        padding: 15px;
    }

    .preview-container[b-37g76rdioo] {
        width: 70px;
        height: 70px;
    }

    .thumbnail-container[b-37g76rdioo] {
        width: 40px;
        height: 40px;
    }

    .table th[b-37g76rdioo], .table td[b-37g76rdioo] {
        padding: 6px 4px;
        font-size: 0.8rem;
    }
}
/* _content/ArjanEnergy/Components/Pages/RichTextEditor.razor.rz.scp.css */
.containerrichtext[b-u2ckxtvwk3] {
    border: 1px solid #ccc;
    padding: 5px;
    font-family: Arial, sans-serif;
}

.options[b-u2ckxtvwk3] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 4px;
}

.option-button[b-u2ckxtvwk3] {
    border: 1px solid #aaa;
    background: #fefefe;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 3px;
}

    .option-button.active[b-u2ckxtvwk3] {
        background: #4A90E2;
        color: #fff;
    }

.adv-option-button[b-u2ckxtvwk3] {
    padding: 4px 6px;
    margin-left: 2px;
}

.input-wrapper[b-u2ckxtvwk3] {
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
}

.rte-editor[b-u2ckxtvwk3] {
    border: 1px solid #aaa;
    min-height: 150px;
    padding: 5px;
    overflow: auto;
    border-radius: 4px;
    line-height: 1.2;
    white-space: pre-wrap;
}

    .rte-editor div[b-u2ckxtvwk3], .rte-editor p[b-u2ckxtvwk3], .rte-editor li[b-u2ckxtvwk3] {
        margin: 0;
        line-height: inherit;
    }

    .rte-editor ul[b-u2ckxtvwk3], .rte-editor ol[b-u2ckxtvwk3] {
        padding-left: 1.5em;
        margin: 0;
    }

    .rte-editor li[b-u2ckxtvwk3] {
        margin: 0;
    }

    .rte-editor table[b-u2ckxtvwk3] {
        border-collapse: collapse;
        margin: 0;
    }

    .rte-editor td[b-u2ckxtvwk3], .rte-editor th[b-u2ckxtvwk3] {
        border: 1px solid #aaa;
        padding: 4px;
    }

.col-resize-handle:hover[b-u2ckxtvwk3] {
    background: rgba(0, 0, 0, 0.1);
}

.row-resize-handle:hover[b-u2ckxtvwk3] {
    background: rgba(0, 0, 0, 0.1);
}

/* _content/ArjanEnergy/Components/Pages/Subcategory.razor.rz.scp.css */
body[b-ig78qc4a20] {
}
/* _content/ArjanEnergy/Components/Shared/LanguageSwitcher.razor.rz.scp.css */
/* _content/ArjanEnergy/Components/Shared/LoginButton.razor.rz.scp.css */

.login-btn[b-yhl6cu4xv9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    border: none;
    transition: all 0.3s ease;
    letter-spacing: 0.3px;
}

    /* ===== Hover افکت عمومی ===== */
    .login-btn:hover[b-yhl6cu4xv9] {
        transform: translateY(-2px);
    }

    /* 🌞 Light Theme */
    .login-btn.theme-light[b-yhl6cu4xv9] {
        background: linear-gradient(145deg, #ffffff, #e8edff);
        color: #1a1a2e;
        border: 1px solid #b0c4ff;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

        .login-btn.theme-light:hover[b-yhl6cu4xv9] {
            background: linear-gradient(145deg, #f3f6ff, #dee7ff);
            box-shadow: 0 6px 18px rgba(0,0,0,0.15);
        }

    /* 🌙 Dark Theme — هماهنگ با رنگ‌های #0a2a66 و #7aa9ff */
    .login-btn.theme-dark[b-yhl6cu4xv9] {
        background: linear-gradient(145deg, #0a2a66, #053c99);
        color: #e0e7ff;
        border: 1px solid #7aa9ff;
        box-shadow: 0 4px 14px rgba(0,0,0,0.6);
    }

        .login-btn.theme-dark:hover[b-yhl6cu4xv9] {
            background: linear-gradient(145deg, #0b3a9e, #0645a6);
            box-shadow: 0 6px 20px rgba(0,0,0,0.7);
        }

    /* 💙 Blue Theme — هماهنگ با رنگ‌های primary و secondary تم آبی شما */
    .login-btn.theme-blue[b-yhl6cu4xv9] {
        background: linear-gradient(145deg, #7aa9ff, #0b3a9e);
        color: #ffffff;
        border: 1px solid #7aa9ff;
        box-shadow: 0 4px 14px rgba(0,0,0,0.45);
    }

        .login-btn.theme-blue:hover[b-yhl6cu4xv9] {
            background: linear-gradient(145deg, #0a4fc2, #0b57d0);
            box-shadow: 0 6px 22px rgba(0,0,0,0.55);
        }
/* _content/ArjanEnergy/Components/Shared/LogoutButton.razor.rz.scp.css */

.logout-btn[b-fn9pd3y0sp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    border: none;
    transition: all 0.3s ease;
    letter-spacing: 0.3px;
}

    /* ===== Hover افکت عمومی ===== */
    .logout-btn:hover[b-fn9pd3y0sp] {
        transform: translateY(-2px);
    }

    /* 🌞 Light Theme */
    .logout-btn.theme-light[b-fn9pd3y0sp] {
        background: linear-gradient(145deg, #ffffff, #e8edff);
        color: #1a1a2e;
        border: 1px solid #b0c4ff;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

        .logout-btn.theme-light:hover[b-fn9pd3y0sp] {
            background: linear-gradient(145deg, #f3f6ff, #dee7ff);
            box-shadow: 0 6px 18px rgba(0,0,0,0.15);
        }

    /* 🌙 Dark Theme — هماهنگ با رنگ‌های #0a2a66 و #7aa9ff */
    .logout-btn.theme-dark[b-fn9pd3y0sp] {
        background: linear-gradient(145deg, #0a2a66, #053c99);
        color: #e0e7ff;
        border: 1px solid #7aa9ff;
        box-shadow: 0 4px 14px rgba(0,0,0,0.6);
    }

        .logout-btn.theme-dark:hover[b-fn9pd3y0sp] {
            background: linear-gradient(145deg, #0b3a9e, #0645a6);
            box-shadow: 0 6px 20px rgba(0,0,0,0.7);
        }

    /* 💙 Blue Theme — هماهنگ با رنگ‌های primary و secondary تم آبی شما */
    .logout-btn.theme-blue[b-fn9pd3y0sp] {
        background: linear-gradient(145deg, #7aa9ff, #0b3a9e);
        color: #ffffff;
        border: 1px solid #7aa9ff;
        box-shadow: 0 4px 14px rgba(0,0,0,0.45);
    }

        .logout-btn.theme-blue:hover[b-fn9pd3y0sp] {
            background: linear-gradient(145deg, #0a4fc2, #0b57d0);
            box-shadow: 0 6px 22px rgba(0,0,0,0.55);
        }
/* _content/ArjanEnergy/Components/Shared/ThemeSwitcher.razor.rz.scp.css */