/* ═══════════════════════════════════════════════════
   ENCIDU PREMIUM THEME v3
   Modern SaaS-Grade Dark UI — Full Redesign
   Inspired by: Linear, Vercel, Stripe Dashboard
   ═══════════════════════════════════════════════════ */

/* ──────────────────────────────
   DESIGN TOKENS
   ────────────────────────────── */
:root {
    /* Primary palette */
    --e-primary: #8d51b3;
    --e-primary-hover: #a366cc;
    --e-accent: #c084fc;
    --e-grad: linear-gradient(135deg, #8d51b3, #c084fc);
    --e-grad-hover: linear-gradient(135deg, #a366cc, #d4a5ff);
    --e-grad-subtle: linear-gradient(135deg, rgba(141, 81, 179, 0.12), rgba(192, 132, 252, 0.06));

    /* Surfaces */
    --e-bg: #0f1117;
    --e-bg2: #141620;
    --e-surf: #16181f;
    --e-surf2: #1c1e27;
    --e-surf3: #24262f;
    --e-surf-hover: #2a2d38;

    /* Borders */
    --e-brd: rgba(255, 255, 255, 0.06);
    --e-brd2: rgba(255, 255, 255, 0.1);
    --e-brd-glow: rgba(141, 81, 179, 0.3);

    /* Text */
    --e-t1: #f1f1f5;
    --e-t2: #a0a4b8;
    --e-t3: #666a7e;

    /* Status */
    --e-green: #10b981;
    --e-yellow: #f59e0b;
    --e-red: #ef4444;
    --e-blue: #3b82f6;

    /* Effects */
    --e-glow: 0 0 30px rgba(141, 81, 179, 0.12);
    --e-sh1: 0 1px 3px rgba(0, 0, 0, 0.4);
    --e-sh2: 0 4px 20px rgba(0, 0, 0, 0.5);
    --e-sh3: 0 8px 40px rgba(0, 0, 0, 0.6);
    --e-blur: blur(24px);

    /* Radius */
    --e-r1: 8px;
    --e-r2: 14px;
    --e-r3: 20px;

    /* Motion */
    --e-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --e-dur: 300ms;
}

/* ═══════════════════════════════════════════════════
   GLOBAL BASE
   ═══════════════════════════════════════════════════ */
body.encidu-theme {
    background: var(--e-bg) !important;
    color: var(--e-t1) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.01em;
    line-height: 1.6 !important;
}

/* Link inside dropdown should not override icon colors */
body.encidu-theme .beDropdownItemCotent a {
    color: inherit;
    text-decoration: none;
}

body.encidu-theme .beDropdownItemCotent a:hover {
    color: inherit;
}

/* Subtle noise texture overlay */
body.encidu-theme::before {
    content: '';
    position: fixed;
    inset: 0;
    background: radial-gradient(ellipse at 50% 0%, rgba(141, 81, 179, 0.06) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
}

body.encidu-theme main {
    position: relative;
    z-index: 1;
}

/* ── Links ── */
body.encidu-theme a {
    color: var(--e-t2);
    transition: color var(--e-dur) var(--e-ease);
}

body.encidu-theme a:hover {
    color: var(--e-accent);
}

/* ── Typography ── */
body.encidu-theme .text-hard,
body.encidu-theme .text-hard:hover {
    color: var(--e-t1) !important;
}

body.encidu-theme .text-normal {
    color: var(--e-t2) !important;
}

body.encidu-theme .text-normal:hover {
    color: var(--e-accent) !important;
}

body.encidu-theme .text-success {
    color: var(--e-green) !important;
}

body.encidu-theme .text-warning {
    color: var(--e-yellow) !important;
}

body.encidu-theme .text-danger {
    color: var(--e-red) !important;
}

body.encidu-theme .text-info {
    color: var(--e-blue) !important;
}

body.encidu-theme .text-primary {
    color: var(--e-primary) !important;
}

body.encidu-theme .text-white {
    color: #fff !important;
}

/* ═══════════════════════════════════════════════════
   HEADER — Floating Glassmorphism
   ═══════════════════════════════════════════════════ */
body.encidu-theme header {
    background: transparent !important;
}

/* Top info bar — minimal, clean */
body.encidu-theme header .infoline {
    background: rgba(12, 13, 18, 0.85) !important;
    backdrop-filter: var(--e-blur);
    -webkit-backdrop-filter: var(--e-blur);
    border-bottom: 1px solid var(--e-brd) !important;
}

body.encidu-theme header .infoline .itemlist li {
    padding: 8px 20px;
}

body.encidu-theme header .infoline .itemlist li a {
    color: var(--e-t3) !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    transition: color var(--e-dur);
}

body.encidu-theme header .infoline .itemlist li a:hover {
    color: var(--e-accent) !important;
}

body.encidu-theme header .infoline .itemlist li.rightbarrier,
body.encidu-theme header .infoline .itemlist li.leftbarrier {
    border-color: var(--e-brd) !important;
}

/* Main nav — glassmorphism with gradient accent line */
body.encidu-theme header .items {
    background: rgba(16, 18, 25, 0.7) !important;
    backdrop-filter: var(--e-blur);
    -webkit-backdrop-filter: var(--e-blur);
    border-bottom: none !important;
    position: relative;
}

body.encidu-theme header .items::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--e-primary), var(--e-accent), transparent);
    opacity: 0.4;
}

body.encidu-theme header .items>.container {
    padding-top: 8px;
    padding-bottom: 8px;
}

body.encidu-theme .headerNavList>li>a,
body.encidu-theme .headerNavList>li>button {
    color: var(--e-t2) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 8px 16px !important;
    border-radius: var(--e-r1) !important;
    background: transparent !important;
    transition: all var(--e-dur) var(--e-ease) !important;
}

body.encidu-theme .headerNavList>li>a:hover,
body.encidu-theme .headerNavList>li>button:hover {
    color: var(--e-t1) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

/* ── Mega Dropdown — completely redesigned ── */
body.encidu-theme .beDropdownBackground {
    background: rgba(22, 24, 31, 0.92) !important;
    backdrop-filter: var(--e-blur);
    -webkit-backdrop-filter: var(--e-blur);
    border: 1px solid var(--e-brd2) !important;
    border-radius: var(--e-r2) !important;
    box-shadow: var(--e-sh3), var(--e-glow) !important;
}

body.encidu-theme .beDropdownBackground>.beDropdownArea {
    background: rgba(22, 24, 31, 0.92) !important;
    border-top-color: var(--e-brd2) !important;
    border-left-color: var(--e-brd2) !important;
}

body.encidu-theme .beDropdownContent>.beDropdownItemHeader {
    border-bottom: 1px solid var(--e-brd) !important;
    padding-bottom: 16px;
}

body.encidu-theme .beDropdownContent>.beDropdownItemHeader>.beHeader {
    color: var(--e-t1) !important;
    font-weight: 700;
    font-size: 18px;
}

body.encidu-theme .beDropdownContent>.beDropdownItemHeader>.beDescription {
    color: var(--e-t3) !important;
    font-size: 13px;
}

body.encidu-theme .beDropdownItemCotent ul li {
    background: var(--e-surf2) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r1) !important;
    transition: all var(--e-dur) var(--e-ease);
    width: 45% !important;
}


body.encidu-theme .beDropdownItemCotent ul li:hover {
    background: var(--e-surf3) !important;
    border-color: var(--e-brd-glow) !important;
    box-shadow: var(--e-glow);
    transform: translateY(-2px);
}

body.encidu-theme .beDropdownAltItem {
    display: flex !important;
    align-items: center !important;
}

body.encidu-theme .beDropdownAltItem .beAltIcon {
    background: var(--e-grad-subtle) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r1) !important;
    height: 45px !important;
    min-width: 55px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 15px !important;
    overflow: visible !important;
}

body.encidu-theme .beDropdownAltItem .beAltIcon i {
    color: var(--e-accent) !important;
    font-size: 24px !important;
    padding: 5px 15px !important;
    display: inline-block !important;
}

body.encidu-theme .beDropdownAltItem .beAltIcon img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 55px !important;
    height: 45px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    position: relative !important;
    z-index: 1 !important;
}

body.encidu-theme .beDropdownAltItem .beAltText {
    display: flex !important;
    flex-direction: column !important;
}

body.encidu-theme .beDropdownAltItem .beHeader {
    color: var(--e-t1) !important;
    font-weight: 600;
    display: block !important;
    margin-bottom: 5px;
    font-size: 16px;
}

body.encidu-theme .beDropdownAltItem .beDescription {
    color: var(--e-t3) !important;
    display: block !important;
    font-size: 12px;
}

/* ── beTag (nav badge) ── */
body.encidu-theme .betag-red {
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

/* ═══════════════════════════════════════════════════
   BREADCRUMB — with gradient icon
   ═══════════════════════════════════════════════════ */
body.encidu-theme header .breadcumb {
    background: var(--e-bg2) !important;
    border-bottom: 1px solid var(--e-brd) !important;
    padding: 14px 0 !important;
}

body.encidu-theme header .breadcumb-left ul li a,
body.encidu-theme header .breadcumb-left ul li span {
    color: var(--e-t2) !important;
    font-size: 13px;
}

body.encidu-theme header .breadcumb-left ul li:last-child {
    color: var(--e-t3) !important;
}

body.encidu-theme header .breadcumb-left .breadcumb-phone {
    border-right-color: var(--e-brd2) !important;
}

body.encidu-theme header .breadcumb-left .breadcumb-phone a,
body.encidu-theme header .breadcumb-left .breadcumb-phone span,
body.encidu-theme header .breadcumb-left .breadcumb-info {
    color: var(--e-t2) !important;
}

/* ═══════════════════════════════════════════════════
   HERO / SLIDER — premium gradient bg
   ═══════════════════════════════════════════════════ */
body.encidu-theme header .slider {
    background: linear-gradient(180deg, var(--e-bg2), var(--e-bg)) !important;
    border-bottom: 1px solid var(--e-brd) !important;
    position: relative;
    overflow: hidden;
}

/* Ambient glow behind hero */
body.encidu-theme header .slider::before {
    content: '';
    position: absolute;
    top: -40%;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 400px;
    background: radial-gradient(ellipse, rgba(141, 81, 179, 0.12) 0%, transparent 70%);
    pointer-events: none;
}

body.encidu-theme header .slide {
    border-bottom-color: var(--e-brd) !important;
}

body.encidu-theme header .slide .slide-header {
    color: var(--e-t1) !important;
    font-weight: 800 !important;
    font-size: 38px !important;
    letter-spacing: -0.03em;
    line-height: 1.15 !important;
}

body.encidu-theme header .slide p {
    color: var(--e-t2) !important;
    font-size: 17px !important;
    line-height: 1.7;
    max-width: 560px;
}

body.encidu-theme header .slide .slide-text ul li {
    color: var(--e-t1) !important;
    font-weight: 500;
}

body.encidu-theme header .slide .slide-text ul li i {
    color: var(--e-green) !important;
    margin-right: 8px;
}

/* ═══════════════════════════════════════════════════
   CLIENT DASHBOARD HEADER
   ═══════════════════════════════════════════════════ */
body.encidu-theme header .client {
    background: var(--e-bg2) !important;
}

body.encidu-theme header .client .client-side-bg {
    opacity: 0.02;
}

body.encidu-theme header .client .client-info {
    background: var(--e-surf) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r2) !important;
    box-shadow: var(--e-sh2);
}

body.encidu-theme header .client .client-info .info .name {
    color: var(--e-t1) !important;
    font-weight: 600;
}

body.encidu-theme header .client .client-info .info .mail {
    color: var(--e-t3) !important;
}

body.encidu-theme header .client .client-info .info .money {
    color: var(--e-accent) !important;
    font-weight: 700;
}

body.encidu-theme header .client .client-details .client-detail-box {
    background: var(--e-surf) !important;
    border: 1px solid var(--e-brd) !important;
    border-left: 3px solid var(--e-primary) !important;
    border-radius: var(--e-r1) !important;
    box-shadow: var(--e-sh1);
    transition: all var(--e-dur) var(--e-ease);
}

body.encidu-theme header .client .client-details .client-detail-box:hover {
    border-left-color: var(--e-accent) !important;
    box-shadow: var(--e-sh2), var(--e-glow);
    transform: translateY(-2px);
}

body.encidu-theme header .client .client-details .client-detail-box .count {
    color: var(--e-t1) !important;
    font-weight: 800;
}

body.encidu-theme header .client .client-details .client-detail-box .name {
    color: var(--e-t2) !important;
}

/* ═══════════════════════════════════════════════════
   MOBILE NAV — slide panel
   ═══════════════════════════════════════════════════ */
body.encidu-theme .beMobileNav {
    background: var(--e-surf) !important;
    box-shadow: 20px 0 60px rgba(0, 0, 0, 0.7);
}

body.encidu-theme .beMobileNav .nav-header {
    background: var(--e-bg2) !important;
    border-bottom-color: var(--e-brd) !important;
}

body.encidu-theme .beMobileNav .nav-header .name {
    color: var(--e-t1) !important;
}

body.encidu-theme .beMobileNav .nav-header .close {
    color: var(--e-t3) !important;
    cursor: pointer;
}

body.encidu-theme .beMobileNav .nav-content ul>li>a span {
    color: var(--e-t2) !important;
}

body.encidu-theme .beMobileNav .nav-content ul>li.active>a span {
    color: var(--e-t1) !important;
}

body.encidu-theme .beMobileNav .nav-content ul>li>a>div>i {
    color: var(--e-t3) !important;
}

body.encidu-theme .beMobileNav .nav-content ul>li.active>a>div>i {
    color: var(--e-accent) !important;
}

body.encidu-theme .nav-content .bmenu-altmenu {
    border-top-color: var(--e-brd) !important;
}

/* ═══════════════════════════════════════════════════
   CONTENT AREA
   ═══════════════════════════════════════════════════ */
body.encidu-theme main .content {
    /* background: var(--e-bg); */
    animation: encFadeUp 500ms var(--e-ease);
}

@keyframes encFadeUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ═══════════════════════════════════════════════════
   CARDS — Glassmorphism + Glow Border on Hover
   ═══════════════════════════════════════════════════ */
body.encidu-theme .card {
    background: var(--e-surf) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r2) !important;
    box-shadow: var(--e-sh1) !important;
    overflow: hidden;
    transition: all var(--e-dur) var(--e-ease);
}

body.encidu-theme .card:hover {
    border-color: var(--e-brd-glow) !important;
    box-shadow: var(--e-sh2), var(--e-glow) !important;
}

/* Card header — gradient accent line at top */
body.encidu-theme .card .card-header:not(.no-bg) {
    background: var(--e-surf2) !important;
    color: var(--e-t1) !important;
    border-bottom: 1px solid var(--e-brd) !important;
    position: relative;
}

body.encidu-theme .card .card-header:not(.no-bg)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--e-grad);
    opacity: 0.6;
}

body.encidu-theme .card .card-title {
    color: var(--e-t1) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: -0.01em;
}

body.encidu-theme .card .card-title i {
    color: var(--e-accent) !important;
    font-size: 16px;
}

body.encidu-theme .card .card-content {
    color: var(--e-t1) !important;
}

/* body.encidu-theme .card .card-content span {
    color: var(--e-t2) !important;
} */

body.encidu-theme .card .card-content .text-lg {
    color: var(--e-t1) !important;
    font-weight: 700 !important;
}

body.encidu-theme .card .card-info {
    background: rgba(255, 255, 255, 0.02) !important;
    border-top: 1px solid var(--e-brd);
}

body.encidu-theme .card .card-info span {
    color: var(--e-t3) !important;
    font-size: 13px;
}

body.encidu-theme .card-blue {
    background: var(--e-grad) !important;
    border: none !important;
}

body.encidu-theme .card-blue>* {
    color: #fff !important;
}

/* ═══════════════════════════════════════════════════
   TABLES — Minimal modern rows
   ═══════════════════════════════════════════════════ */
body.encidu-theme .btable {
    color: var(--e-t1) !important;
}

body.encidu-theme .btable thead {
    background: rgba(255, 255, 255, 0.03) !important;
}

body.encidu-theme .btable th {
    color: var(--e-t3) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 14px 20px !important;
}

body.encidu-theme .btable tr:not(:first-child) {
    border-top-color: var(--e-brd) !important;
}

body.encidu-theme .btable td {
    color: var(--e-t1) !important;
    padding: 16px 20px !important;
    transition: background var(--e-dur);
}

body.encidu-theme .btable tr:hover td {
    background: rgba(141, 81, 179, 0.04) !important;
}

/* body.encidu-theme .btable td a {
    color: var(--e-t2) !important;
} */

body.encidu-theme .btable td a:hover {
    color: white !important;
}

body.encidu-theme .btable td .first-row {
    color: var(--e-t1) !important;
    font-weight: 500;
}

body.encidu-theme .btable td .second-row {
    color: var(--e-t3) !important;
    font-size: 12px;
}

/* ═══════════════════════════════════════════════════
   SIDEBAR (bmenu) — Premium vertical nav
   ═══════════════════════════════════════════════════ */
body.encidu-theme .bclientarea .bmenu {
    background: var(--e-surf) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r2) !important;
    box-shadow: var(--e-sh1) !important;
    overflow: hidden;
}

body.encidu-theme .bmenu-header {
    background: var(--e-surf2) !important;
    color: var(--e-t1) !important;
    border-bottom: 1px solid var(--e-brd) !important;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 14px 20px;
    position: relative;
}

/* Gradient line under header */
body.encidu-theme .bmenu-header::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 20px;
    right: 20px;
    height: 1px;
    background: var(--e-grad);
    opacity: 0.3;
}

body.encidu-theme .bmenu .bmenu-content {
    padding: 8px 12px !important;
}

body.encidu-theme .bmenu .bmenu-content ul>li {
    margin-bottom: 2px !important;
    padding: 0 !important;
}

body.encidu-theme .bmenu .bmenu-content ul>li>a {
    padding: 9px 12px !important;
    border-radius: var(--e-r1) !important;
    font-size: 13.5px !important;
    transition: all var(--e-dur) var(--e-ease) !important;
}

body.encidu-theme .bmenu .bmenu-content ul>li>a span {
    color: var(--e-t2) !important;
    font-weight: 500;
    transition: color var(--e-dur);
}

body.encidu-theme .bmenu .bmenu-content ul>li>a>div>i {
    color: var(--e-t3) !important;
    font-size: 18px !important;
    transition: color var(--e-dur);
}

body.encidu-theme .bmenu .bmenu-content ul>li>a:hover {
    background: rgba(141, 81, 179, 0.08) !important;
}

body.encidu-theme .bmenu .bmenu-content ul>li>a:hover span {
    color: var(--e-t1) !important;
}

body.encidu-theme .bmenu .bmenu-content ul>li>a:hover>div>i {
    color: var(--e-accent) !important;
}

/* Active state — solid indicator */
body.encidu-theme .bmenu .bmenu-content ul>li.active>a {
    background: var(--e-grad-subtle) !important;
}

body.encidu-theme .bmenu .bmenu-content ul>li.active>a span {
    color: var(--e-t1) !important;
    font-weight: 600;
}

body.encidu-theme .bmenu .bmenu-content ul>li.active>a>div>i {
    color: var(--e-accent) !important;
}

body.encidu-theme .bmenu .bmenu-altmenu {
    background: rgba(0, 0, 0, 0.15) !important;
    border-top: 1px solid var(--e-brd) !important;
    margin: 4px 0 !important;
    padding: 4px 8px !important;
    border-radius: 0 0 var(--e-r1) var(--e-r1);
}

/* ═══════════════════════════════════════════════════
   BUTTONS — Gradient + Glow
   ═══════════════════════════════════════════════════ */
body.encidu-theme .btn {
    border-radius: var(--e-r1) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: -0.01em;
    transition: all var(--e-dur) var(--e-ease) !important;
    position: relative;
}

body.encidu-theme .btn-primary {
    background: var(--e-grad) !important;
    border: none !important;
    color: #fff !important;
}

body.encidu-theme .btn-primary:hover {
    background: var(--e-grad-hover) !important;
    transform: translateY(-1px);
}

body.encidu-theme .btn-success {
    background: var(--e-green) !important;
    border-color: var(--e-green) !important;
    color: #fff !important;
    box-shadow: 0 2px 12px rgba(16, 185, 129, 0.2);
}

body.encidu-theme .btn-danger {
    background: var(--e-red) !important;
    border-color: var(--e-red) !important;
    color: #fff !important;
}

body.encidu-theme .btn-warning {
    background: var(--e-yellow) !important;
    border: none !important;
    color: #fff !important;
}

body.encidu-theme .btn-white {
    background: var(--e-surf2) !important;
    border: 1px solid var(--e-brd2) !important;
    color: var(--e-t1) !important;
}

body.encidu-theme .btn-white:hover {
    background: var(--e-surf3) !important;
    border-color: var(--e-brd-glow) !important;
    color: var(--e-t1) !important;
}

body.encidu-theme .btn-special {
    background: var(--e-surf2) !important;
    border: 1px solid var(--e-brd) !important;
    color: #fff !important;
}

body.encidu-theme .btn-special:hover {
    background: var(--e-surf3) !important;
    color: #fff !important;
}

body.encidu-theme .btn-transparent {
    background: transparent !important;
    border: 1px solid var(--e-brd2) !important;
    color: var(--e-t2) !important;
}

body.encidu-theme .btn-transparent:hover {
    background: var(--e-surf2) !important;
    border-color: var(--e-brd-glow) !important;
    color: var(--e-t1) !important;
}

/* ═══════════════════════════════════════════════════
   FORMS — Floating label feel
   ═══════════════════════════════════════════════════ */
body.encidu-theme .form-control {
    background: var(--e-surf) !important;
    color: var(--e-t1) !important;
    border: 1px solid var(--e-brd2) !important;
    border-radius: var(--e-r1) !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    transition: all var(--e-dur) var(--e-ease) !important;
}

body.encidu-theme .form-control:focus,
body.encidu-theme .form-control:hover {
    border-color: var(--e-primary) !important;
    box-shadow: 0 0 0 3px rgba(141, 81, 179, 0.12) !important;
}

body.encidu-theme .form-control::placeholder {
    color: var(--e-t3) !important;
}

body.encidu-theme .form-control:disabled,
body.encidu-theme .form-control[readonly] {
    background: var(--e-surf2) !important;
    color: var(--e-t3) !important;
}

body.encidu-theme .form-group label {
    color: var(--e-t2) !important;
    font-size: 13px !important;
    font-weight: 500;
}

body.encidu-theme select {
    background: var(--e-surf) !important;
    color: var(--e-t1) !important;
    border: 1px solid var(--e-brd2) !important;
    border-radius: var(--e-r1) !important;
}

body.encidu-theme textarea {
    background: var(--e-surf) !important;
    color: var(--e-t1) !important;
    border: 1px solid var(--e-brd2) !important;
    border-radius: var(--e-r1) !important;
}

body.encidu-theme .form-check-input {
    border-color: var(--e-brd2) !important;
    background-color: var(--e-surf) !important;
}

body.encidu-theme .form-check-input:checked[type="checkbox"],
body.encidu-theme .form-check-input:checked[type="radio"],
body.encidu-theme .form-check-custom.form-check-solid .form-check-input:checked {
    background-color: var(--e-primary) !important;
    border-color: var(--e-primary) !important;
}

body.encidu-theme .form-check-custom label {
    color: var(--e-t2) !important;
}

/* ═══════════════════════════════════════════════════
   FOOTER — Clean dark
   ═══════════════════════════════════════════════════ */
body.encidu-theme footer {
    background-color: var(--e-bg2) !important;
    border-top: 1px solid var(--e-brd);
    position: relative;
}

/* Gradient line at top */
body.encidu-theme footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--e-primary), var(--e-accent), transparent);
    opacity: 0.3;
}

body.encidu-theme footer .infoarea .officialinfo {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--e-brd);
    border-radius: var(--e-r2) !important;
}

/* ═══════════════════════════════════════════════════
   PAYMENT OPTIONS
   ═══════════════════════════════════════════════════ */
body.encidu-theme .payment-options {
    background: var(--e-surf) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r2) !important;
    transition: all var(--e-dur) var(--e-ease);
}

body.encidu-theme .payment-options:hover {
    border-color: var(--e-brd-glow) !important;
    box-shadow: var(--e-sh2), var(--e-glow);
    transform: translateY(-2px);
}

/* ═══════════════════════════════════════════════════
   PAGINATION
   ═══════════════════════════════════════════════════ */
body.encidu-theme .pagination .page-item {
    border-radius: var(--e-r1) !important;
    transition: all var(--e-dur);
}

body.encidu-theme .pagination .page-item a {
    color: var(--e-t3) !important;
}

body.encidu-theme .pagination .page-item:hover {
    background: var(--e-surf2) !important;
}

body.encidu-theme .pagination .page-item.active {
    background: var(--e-grad) !important;
    box-shadow: 0 2px 10px rgba(141, 81, 179, 0.3);
}

body.encidu-theme .pagination .page-item.active a {
    color: #fff !important;
}

/* ═══════════════════════════════════════════════════
   COOKIE BANNER
   ═══════════════════════════════════════════════════ */
body.encidu-theme .beCookie {
    background: rgba(22, 24, 31, 0.95) !important;
    backdrop-filter: var(--e-blur);
    border: 1px solid var(--e-brd2) !important;
    border-radius: var(--e-r2) !important;
    box-shadow: var(--e-sh3) !important;
    color: var(--e-t2);
}

body.encidu-theme .beCookie button {
    color: var(--e-accent) !important;
}

body.encidu-theme .beCookie a {
    color: var(--e-accent) !important;
}

/* ═══════════════════════════════════════════════════
   BADGES — Pill with subtle bg
   ═══════════════════════════════════════════════════ */
body.encidu-theme .badge {
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    letter-spacing: 0.02em;
}

body.encidu-theme .badge-dark {
    background: var(--e-surf3) !important;
    color: var(--e-t1) !important;
}

/* ═══════════════════════════════════════════════════
   MISC
   ═══════════════════════════════════════════════════ */
body.encidu-theme hr {
    border-color: var(--e-brd) !important;
}

body.encidu-theme .error-page {
    color: var(--e-t1);
}

/* ── Custom Scrollbar ── */
body.encidu-theme ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

body.encidu-theme ::-webkit-scrollbar-track {
    background: transparent;
}

body.encidu-theme ::-webkit-scrollbar-thumb {
    background: var(--e-surf3);
    border-radius: 3px;
}

body.encidu-theme ::-webkit-scrollbar-thumb:hover {
    background: var(--e-t3);
}

/* ── Selection ── */
body.encidu-theme ::selection {
    background: rgba(141, 81, 179, 0.3);
    color: #fff;
}

/* ═══════════════════════════════════════════════════
   PRODUCT CARDS (index.css / vds.css)
   — White bg: #ffff, shadows: #e3e3e3, text: #081131
   ═══════════════════════════════════════════════════ */
body.encidu-theme .product {
    background-color: var(--e-surf) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r2) !important;
    box-shadow: var(--e-sh1) !important;
    transition: all var(--e-dur) var(--e-ease);
}

body.encidu-theme .product:hover {
    border-color: var(--e-brd-glow) !important;
    box-shadow: var(--e-sh2), var(--e-glow) !important;
    transform: translateY(-3px);
}

body.encidu-theme .product .head span:nth-child(2) {
    color: var(--e-t1) !important;
}

body.encidu-theme .product .head span:nth-child(3) {
    color: var(--e-t2) !important;
}

body.encidu-theme .product .head {
    border-bottom-color: var(--e-brd) !important;
}

body.encidu-theme .product .price {
    border-bottom-color: var(--e-brd) !important;
}

body.encidu-theme .product .price span:nth-child(1) {
    color: var(--e-t1) !important;
    font-weight: 700;
}

body.encidu-theme .product .price p {
    color: var(--e-t3) !important;
}

body.encidu-theme .product .description {
    color: var(--e-t2) !important;
}

body.encidu-theme .product .column {
    color: var(--e-t2) !important;
}

/* ═══════════════════════════════════════════════════
   PRODUCT ROWS (productrow.css)
   — White bg: #ffff, border: #ffff, text: #081131
   ═══════════════════════════════════════════════════ */
body.encidu-theme .produtsrow .productsheader {
    background-color: var(--e-surf2) !important;
    box-shadow: var(--e-sh1) !important;
    border: 1px solid var(--e-brd) !important;
    color: var(--e-t2) !important;
}

body.encidu-theme .produtsrow .productrow {
    background-color: var(--e-surf) !important;
    box-shadow: var(--e-sh1) !important;
    border: 1px solid var(--e-brd) !important;
    transition: all var(--e-dur) var(--e-ease);
}

body.encidu-theme .produtsrow .productrow:hover {
    border-color: var(--e-brd-glow) !important;
    box-shadow: var(--e-sh2), var(--e-glow) !important;
}

body.encidu-theme .produtsrow .productrow>div {
    color: var(--e-t1) !important;
}

body.encidu-theme .produtsrow .productrow>div>span:nth-child(2) {
    color: var(--e-t3) !important;
}

/* ═══════════════════════════════════════════════════
   HEADING SECTIONS (index.css / vds.css)
   — text: #081131 mission, #59626d vision
   ═══════════════════════════════════════════════════ */
body.encidu-theme .heading .mission {
    color: var(--e-t1) !important;
    font-weight: 700;
}

body.encidu-theme .heading .vision,
body.encidu-theme .heading .vision2 {
    color: var(--e-t2) !important;
}

/* ═══════════════════════════════════════════════════
   WHY US SECTION (whyus.css)
   — White bg: #fff, shadow: #e3e3e3
   ═══════════════════════════════════════════════════ */
body.encidu-theme .whyus ul li {
    background-color: var(--e-surf) !important;
    box-shadow: var(--e-sh1) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r2) !important;
    transition: all var(--e-dur) var(--e-ease);
}

body.encidu-theme .whyus ul li:hover {
    border-color: var(--e-brd-glow) !important;
    box-shadow: var(--e-sh2), var(--e-glow) !important;
    transform: translateY(-2px);
}

body.encidu-theme .whyus ul li .image i {
    color: var(--e-accent) !important;
}

body.encidu-theme .whyus ul li .info span:nth-child(1) {
    color: var(--e-t1) !important;
}

body.encidu-theme .whyus ul li .info span:nth-child(2) {
    color: var(--e-t2) !important;
}

/* ═══════════════════════════════════════════════════
   INFO TEXT SECTIONS (infotext.css)
   — White bg: #fff, shadow: #e3e3e3
   ═══════════════════════════════════════════════════ */
body.encidu-theme .infotexts {
    background-color: var(--e-surf) !important;
    box-shadow: none !important;
    border-top: 1px solid var(--e-brd);
    border-bottom: 1px solid var(--e-brd);
}

body.encidu-theme .infotext .content h2 {
    color: var(--e-t1) !important;
}

body.encidu-theme .infotext .content p,
body.encidu-theme .infotext .content span {
    color: var(--e-t2) !important;
}

/* ═══════════════════════════════════════════════════
   ACCORDION (accordion.css)
   — White bg: #ffff, shadow: #e3e3e3
   ═══════════════════════════════════════════════════ */
body.encidu-theme .accordionitem {
    background-color: var(--e-surf) !important;
    box-shadow: var(--e-sh1) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r2) !important;
}

body.encidu-theme .accordionitem .accordion-name,
body.encidu-theme .accordionitem .accordion-icon {
    color: var(--e-t1) !important;
}

body.encidu-theme .accordionitem.active .accordion-header {
    background-color: var(--e-surf2) !important;
    border-bottom-color: var(--e-brd) !important;
}

body.encidu-theme .accordionitem.active .accordion-name,
body.encidu-theme .accordionitem.active .accordion-icon {
    color: var(--e-t1) !important;
}

body.encidu-theme .accordionitem .accordion-content {
    color: var(--e-t2) !important;
}

/* ═══════════════════════════════════════════════════
   PRODUCT INFO (vds.css)
   — White bg: #fff, border: #59626d, text: #081131
   ═══════════════════════════════════════════════════ */
body.encidu-theme .productinfo .title {
    color: var(--e-t1) !important;
}

body.encidu-theme .productinfo .infos>li {
    background: var(--e-surf) !important;
    box-shadow: var(--e-sh1) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r1) !important;
}

body.encidu-theme .productinfo .productinfo-content ul li {
    border-color: var(--e-brd2) !important;
    color: var(--e-t1);
}

body.encidu-theme .productinfo .productinfo-header .productinfo-info i {
    background: var(--e-primary) !important;
}

/* ═══════════════════════════════════════════════════
   STEPS (vds.css)
   ═══════════════════════════════════════════════════ */
body.encidu-theme .steps .step .step-code {
    background-color: var(--e-primary) !important;
    color: #fff !important;
}

body.encidu-theme .steps .step .step-content {
    color: var(--e-t1) !important;
}

/* ═══════════════════════════════════════════════════
   MANAGEMENT CARDS (vds.css)
   — White bg: #ffff, shadow: #e3e3e3
   ═══════════════════════════════════════════════════ */
body.encidu-theme .managements .management {
    background-color: var(--e-surf) !important;
    box-shadow: var(--e-sh1) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r2) !important;
    color: var(--e-t1);
    transition: all var(--e-dur) var(--e-ease);
}

body.encidu-theme .managements .management:hover {
    border-color: var(--e-brd-glow) !important;
    box-shadow: var(--e-sh2), var(--e-glow) !important;
    transform: translateY(-2px);
}

/* ═══════════════════════════════════════════════════
   ANOTHER PRODUCTS (vds.css)
   — White bg: #ffff, shadow: #e3e3e3
   ═══════════════════════════════════════════════════ */
body.encidu-theme .anotherproduct {
    background-color: var(--e-surf) !important;
    box-shadow: var(--e-sh1) !important;
    border: 1px solid var(--e-brd) !important;
    border-radius: var(--e-r2) !important;
    transition: all var(--e-dur) var(--e-ease);
}

body.encidu-theme .anotherproduct:hover {
    border-color: var(--e-brd-glow) !important;
    box-shadow: var(--e-sh2), var(--e-glow) !important;
    transform: translateY(-2px);
}

/* ═══════════════════════════════════════════════════
   MINFOLINE (vds.css) — already dark #151b2c
   ═══════════════════════════════════════════════════ */
body.encidu-theme .minfoline {
    background-color: var(--e-surf) !important;
}

/* ═══════════════════════════════════════════════════
   GLOBAL CATCH-ALL — kill all remaining white leaks
   These override ANY remaining hardcoded colors
   ═══════════════════════════════════════════════════ */

/* body background override */
body.encidu-theme,
body.encidu-theme main,
body.encidu-theme main .content {
    /* background-color: var(--e-bg) !important; */
}

/* Kill all #e3e3e3 box-shadows globally */
body.encidu-theme .card,
body.encidu-theme .product,
body.encidu-theme .productrow,
body.encidu-theme .productsheader,
body.encidu-theme .whyus ul li,
body.encidu-theme .infotexts,
body.encidu-theme .accordionitem,
body.encidu-theme .managements .management,
body.encidu-theme .anotherproduct,
body.encidu-theme .productinfo .infos>li,
body.encidu-theme .bclientarea .bmenu {
    box-shadow: var(--e-sh1) !important;
}

/* Kill all remaining #e0e2e9 borders */
body.encidu-theme .product .head,
body.encidu-theme .product .price {
    border-bottom-color: var(--e-brd) !important;
}

/* Override all #f4f3f8 backgrounds (btable, card-info) */
body.encidu-theme .btable thead,
body.encidu-theme .card .card-info {
    background: var(--e-surf2) !important;
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════ */
@media screen and (max-width: 992px) {
    body.encidu-theme header .items::after {
        display: none;
    }

    body.encidu-theme header .slide .slide-header {
        font-size: 26px !important;
    }

    body.encidu-theme .produtsrow .productrow>div:not(:last-child) {
        border-bottom-color: var(--e-brd) !important;
    }
}