@import url('wp-chrome.css');   /* scoped .dgwp — exact digicloud.tr header/footer styles */

/* ============================================================================
   DigiCloud — WHMCS custom theme layer (child of twenty-one)
   Visually matched to digicloud.tr (WordPress).
   Auto-loaded by twenty-one via {assetExists file="custom.css"} in head.tpl.
   ============================================================================ */

/* ---------- Self-hosted fonts (same as the WP site) ------------------------ */
@font-face{
	font-family:'Sora';
	src:url('fonts/Sora.woff2') format('woff2-variations'),url('fonts/Sora.woff2') format('woff2');
	font-weight:100 800;font-style:normal;font-display:swap;
}
@font-face{
	font-family:'Manrope';
	src:url('fonts/Manrope.woff2') format('woff2-variations'),url('fonts/Manrope.woff2') format('woff2');
	font-weight:200 800;font-style:normal;font-display:swap;
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
	font-family:'Manrope';
	src:url('fonts/Manrope-cyrillic.woff2') format('woff2-variations'),url('fonts/Manrope-cyrillic.woff2') format('woff2');
	font-weight:200 800;font-style:normal;font-display:swap;
	unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
	font-family:'Vazirmatn';
	src:url('fonts/Vazirmatn.woff2') format('woff2-variations'),url('fonts/Vazirmatn.woff2') format('woff2');
	font-weight:100 900;font-style:normal;font-display:swap;
}

/* ---------- Brand tokens --------------------------------------------------- */
:root{
	--dg-primary:#2B6BF6;      /* aligned with the digicloud.tr header/footer accent */
	--dg-primary-600:#1C4FD6;
	--dg-primary-700:#1C4FD6;
	--dg-active:#26c281;
	--dg-warn:#f1a528;
	--dg-dark:#0d1321;      /* header/footer dark surface */
	--dg-dark-2:#161e2e;
	--dg-ink:#0d1321;
	--dg-body-bg:#f6f8fc;
	--dg-dsp:'Sora',-apple-system,"Segoe UI",sans-serif;
	--dg-bdy:'Manrope',-apple-system,"Segoe UI",sans-serif;
}

/* Lock the WP design tokens (from wp-chrome.css :root) to their LIGHT values so
   the panel stays consistent — twenty-one's body content is not dark-mode aware.
   A plain later :root beats the earlier @media(prefers-color-scheme:dark) block. */
:root{
	--bg:#F6F8FC;      --bg-2:#EEF2F8;   --card:#FFFFFF;
	--ink:#0A1220;     --muted:#54627A;  --line:#E4E9F2;   --line-2:#D3DBE8;
	--primary:#2B6BF6; --primary-2:#1C4FD6;
	--panel:#070B14;   --panel-2:#0C1322; --on-panel:#E9F0FB; --on-panel-muted:#93A2BC;
}

/* ---------- Typography ----------------------------------------------------- */
body{
	font-family:var(--dg-bdy);
	color:#1f2733;
	background-color:var(--dg-body-bg);
}
.primary-bg-color{background-color:var(--dg-body-bg);}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.navbar-brand{
	font-family:var(--dg-dsp);
	color:var(--dg-ink);
	font-weight:600;
	letter-spacing:-.01em;
}

/* ---------- Links & primary accents --------------------------------------- */
a{color:var(--dg-primary);}
a:hover{color:var(--dg-primary-700);}
.text-primary{color:var(--dg-primary)!important;}
.bg-primary{background-color:var(--dg-primary)!important;}
.badge-info,.badge-primary{background-color:var(--dg-primary);}

/* ---------- Buttons -------------------------------------------------------- */
.btn-primary{
	background-color:var(--dg-primary);border-color:var(--dg-primary);
	box-shadow:0 6px 18px -8px rgba(43,107,246,.6);
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{
	background-color:var(--dg-primary-600)!important;border-color:var(--dg-primary-600)!important;
}
.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem rgba(43,107,246,.35)!important;}
.btn-outline-primary{color:var(--dg-primary);border-color:var(--dg-primary);}
.btn-outline-primary:hover{background-color:var(--dg-primary);border-color:var(--dg-primary);}
.btn{border-radius:.6rem;font-weight:600;}
.btn-lg{border-radius:.75rem;}

/* ---------- Forms focus ---------------------------------------------------- */
.form-control:focus,.custom-select:focus{
	border-color:var(--dg-primary);
	box-shadow:0 0 0 .2rem rgba(43,107,246,.2);
}

/* ---------- Header (dark, like digicloud.tr) ------------------------------ */
/* twenty-one qualifies as `header.header ...`, so match that specificity. */
header.header{background-color:var(--dg-dark)!important;padding:0;box-shadow:0 1px 0 rgba(255,255,255,.06);}
header.header .topbar{background:rgba(255,255,255,.04)!important;border-bottom:1px solid rgba(255,255,255,.07);}
header.header .topbar,header.header .topbar .input-group-text,header.header .topbar .btn{color:#c7d2e3;}
header.header .navbar,header.header .main-navbar-wrapper{background:transparent;}
header.header .navbar-brand{color:#fff;padding:14px 0;}
header.header .navbar-brand .logo-img{max-height:40px;width:auto;}
header.header .nav-link,header.header .navbar-nav .nav-link{color:#e7edf6!important;font-weight:600;}
header.header .nav-link:hover,header.header .navbar-nav .nav-link:hover{color:#fff!important;}
header.header .main-navbar-wrapper{border-top:1px solid rgba(255,255,255,.07);}
header.header .navbar-nav .nav-item .nav-link{border-radius:.5rem;transition:background .15s;}
header.header .main-navbar-wrapper .nav-link:hover{background:rgba(255,255,255,.08);}
/* header search */
header.header .search .form-control{
	background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff;
}
header.header .search .form-control::placeholder{color:#9fb0c7;}
header.header .search .btn-default{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#cdd8e8;}
header.header .cart-btn{color:#e7edf6;}
header.header .cart-btn .badge{background:var(--dg-primary);}

/* logged-in active-client pill */
header.header .btn-active-client{color:#fff;}

/* ---------- Header language switcher (added in header.tpl) ----------------- */
header.header .dg-lang .btn{color:#e7edf6;font-weight:600;}
header.header .dg-lang .btn:hover{color:#fff;}
.dg-lang .iti-flag{margin-inline-end:.35rem;vertical-align:middle;}

/* ---------- Breadcrumb ----------------------------------------------------- */
nav.master-breadcrumb{background:#fff;border-bottom:1px solid #e7edf5;}
nav.master-breadcrumb .breadcrumb-item.active{color:var(--dg-primary-700);}

/* ---------- Footer (brand dark) ------------------------------------------- */
footer.footer{
	background-color:var(--dg-dark)!important;
	color:#aab6c8;
	border:0;
	padding:56px 0 72px;
}
footer.footer a,footer.footer .nav-link{color:#cdd8e8;}
footer.footer a:hover,footer.footer .nav-link:hover{color:#fff;}
footer.footer .copyright{color:#7d8aa0;margin-top:1rem;}
footer.footer .iti-flag{vertical-align:middle;}

/* ---------- Cards / panels tightening to match WP -------------------------- */
.card,.panel{border-radius:14px;border-color:#e7edf5;}
.card .card-header{background:#fff;border-bottom:1px solid #eef2f8;font-family:var(--dg-dsp);}

/* ============================================================================
   RTL — Persian (fa) & Arabic (ar): Vazirmatn, without touching icon fonts
   ============================================================================ */
html[dir="rtl"] body{font-family:'Vazirmatn','Tahoma',sans-serif;}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,
html[dir="rtl"] h4,html[dir="rtl"] h5,html[dir="rtl"] h6,
html[dir="rtl"] .h1,html[dir="rtl"] .h2,html[dir="rtl"] .h3,
html[dir="rtl"] .navbar-brand,
html[dir="rtl"] .btn,html[dir="rtl"] .nav-link,
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select,
html[dir="rtl"] .form-control,html[dir="rtl"] label,html[dir="rtl"] table,
html[dir="rtl"] p,html[dir="rtl"] li,html[dir="rtl"] span,html[dir="rtl"] div,html[dir="rtl"] a{
	font-family:'Vazirmatn','Tahoma',sans-serif;
}
/* keep icon fonts intact under RTL */
html[dir="rtl"] i,html[dir="rtl"] .fa,html[dir="rtl"] .fas,html[dir="rtl"] .far,
html[dir="rtl"] .fab,html[dir="rtl"] .fal,html[dir="rtl"] .fad,
html[dir="rtl"] [class*="fa-"],html[dir="rtl"] .iti-flag{
	font-family:"Font Awesome 5 Free","Font Awesome 5 Brands","Font Awesome 5 Pro",inherit;
}
html[dir="rtl"] [class*="fa-"]{font-family:revert;}
html[dir="rtl"] ::placeholder{font-family:'Vazirmatn','Tahoma',sans-serif;}

/* Injected WP chrome (.dgwp): switch its Sora/Manrope vars to Vazirmatn under RTL */
html[dir="rtl"] .dgwp{
	--dsp:'Vazirmatn','Tahoma',sans-serif;
	--bdy:'Vazirmatn','Tahoma',sans-serif;
}

/* The WP header/footer replace the twenty-one chrome; hide any leftover twenty-one
   header/footer if present as a fallback so we never show two headers. */
body.dg-wpchrome > header.header,
body.dg-wpchrome > footer.footer{display:none;}

/* Directional helpers: flip common Bootstrap 4 utilities used by twenty-one */
html[dir="rtl"] .ml-auto{margin-left:unset!important;margin-right:auto!important;}
html[dir="rtl"] .mr-auto{margin-right:unset!important;margin-left:auto!important;}
html[dir="rtl"] .mr-3{margin-right:unset!important;margin-left:1rem!important;}
html[dir="rtl"] .ml-3{margin-left:unset!important;margin-right:1rem!important;}
html[dir="rtl"] .text-left{text-align:right!important;}
html[dir="rtl"] .text-right{text-align:left!important;}
html[dir="rtl"] .float-left{float:right!important;}
html[dir="rtl"] .float-right{float:left!important;}
html[dir="rtl"] .float-lg-right{float:left!important;}
html[dir="rtl"] .dg-lang .iti-flag{margin-inline-end:0;margin-inline-start:.35rem;}

/* ============================================================================
   HOME PAGE (digicloud template) — WHMCS-standard content, digicloud.tr styling.
   Uses the global design tokens exposed by wp-chrome.css (:root --primary, --card,
   --ink, --muted, --line, --bg-2, --panel, --on-panel, --dsp, --bdy, --r).
   ============================================================================ */
.dg-home{font-family:var(--bdy);margin:6px 0 40px;}
.dg-home .dg-eyebrow{display:inline-flex;align-items:center;gap:.5em;font-family:var(--bdy);font-weight:700;
	font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);
	background:rgba(43,107,246,.10);border:1px solid rgba(43,107,246,.22);padding:6px 12px;border-radius:999px;}

/* Hero -------------------------------------------------------------------- */
.dg-hero{position:relative;overflow:hidden;border-radius:calc(var(--r) + 6px);
	background:radial-gradient(1200px 500px at 80% -20%,rgba(43,107,246,.28),transparent 60%),
	           linear-gradient(160deg,#0b1220 0%,#0f1a30 55%,#0b1220 100%);
	color:#eaf1fb;padding:56px 44px;margin-bottom:40px;
	box-shadow:0 30px 70px -40px rgba(11,18,32,.8);}
.dg-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
	background:radial-gradient(600px 300px at 15% 120%,rgba(18,181,206,.16),transparent 60%);}
.dg-hero>*{position:relative;z-index:1;}
.dg-hero h1{font-family:var(--dsp);font-weight:700;letter-spacing:-.02em;color:#fff;
	font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.1;margin:16px 0 12px;}
.dg-hero p{color:#a9bbd6;font-size:1.06rem;max-width:600px;margin:0 0 26px;line-height:1.6;}
.dg-hero .dg-cta{display:flex;flex-wrap:wrap;gap:12px;}

.dg-btn{display:inline-flex;align-items:center;gap:.55em;font-family:var(--bdy);font-weight:700;
	font-size:.96rem;padding:13px 24px;border-radius:12px;border:1px solid transparent;cursor:pointer;
	text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.dg-btn.primary{background:linear-gradient(180deg,var(--primary),var(--primary-2));color:#fff;
	box-shadow:0 10px 26px -12px rgba(43,107,246,.8);}
.dg-btn.primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(43,107,246,.9);color:#fff;}
.dg-btn.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#eaf1fb;}
.dg-btn.ghost:hover{background:rgba(255,255,255,.12);color:#fff;}

/* Section headings -------------------------------------------------------- */
.dg-sec{margin:44px 0 20px;text-align:center;}
.dg-sec h2{font-family:var(--dsp);font-weight:700;letter-spacing:-.02em;color:var(--ink);
	font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 6px;}
.dg-sec p{color:var(--muted);margin:0;}

/* Product / service cards ------------------------------------------------- */
.dg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;}
.dg-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;
	display:flex;flex-direction:column;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
.dg-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(11,18,32,.5);border-color:rgba(43,107,246,.4);}
.dg-card .dg-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:16px;
	background:linear-gradient(180deg,rgba(43,107,246,.14),rgba(43,107,246,.06));color:var(--primary);font-size:1.15rem;}
.dg-card h3{font-family:var(--dsp);font-weight:700;font-size:1.15rem;color:var(--ink);margin:0 0 8px;letter-spacing:-.01em;}
.dg-card p{color:var(--muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;flex:1;}
.dg-card .dg-more{align-self:flex-start;color:var(--primary);font-weight:700;font-size:.92rem;text-decoration:none;
	display:inline-flex;align-items:center;gap:.4em;}
.dg-card .dg-more:hover{gap:.65em;}

/* Quick-action tiles ------------------------------------------------------ */
.dg-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;}
.dg-tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 16px;text-align:center;
	text-decoration:none;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
	display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:600;font-size:.92rem;}
.dg-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(11,18,32,.5);border-color:rgba(43,107,246,.4);color:var(--ink);}
.dg-tile .dg-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.1rem;
	background:linear-gradient(180deg,rgba(43,107,246,.14),rgba(43,107,246,.05));color:var(--primary);}

@media (max-width:575px){
	.dg-hero{padding:40px 24px;}
}
/* RTL: hero text already handled by global RTL font rule via .dgwp? No — scope here */
html[dir="rtl"] .dg-home{font-family:'Vazirmatn','Tahoma',sans-serif;}
html[dir="rtl"] .dg-card h3,html[dir="rtl"] .dg-sec h2{font-family:'Vazirmatn','Tahoma',sans-serif;}

/* ---------- Globe hero (WP classes, contained in the panel) --------------- */
.dg-home .dgwp{margin-bottom:36px;}
.dgwp .dg-hero-wp{border-radius:calc(var(--r) + 6px);overflow:hidden;isolation:isolate;
	box-shadow:0 30px 70px -44px rgba(11,18,32,.8);}
.dgwp .dg-hero-wp .wrap{padding:52px 44px;}
.dgwp .dg-hero-wp h1{margin:14px 0 14px;font-size:clamp(2rem,3.6vw,3.2rem);}
.dgwp .dg-hero-wp .sub{color:var(--on-panel-muted);max-width:560px;margin:0 0 26px;font-size:1.03rem;line-height:1.6;}
.dgwp .dg-hero-wp .ctas{display:flex;flex-wrap:wrap;gap:12px;}
.dgwp .dg-hero-wp .eyebrow{color:var(--on-panel-muted);}
@media (max-width:575px){ .dgwp .dg-hero-wp .wrap{padding:34px 22px;} }
html[dir="rtl"] .dgwp .dg-hero-wp h1{font-family:'Vazirmatn','Tahoma',sans-serif;}

/* ---------- Cart + Login injected into the WP header .nav-right ------------
   The header bar follows the WP light theme (light bg, dark text), matching the
   nav links and the language pill. So these controls use DARK text/icons via the
   theme tokens (--ink / --muted / --line-2) — readable on the light header.      */
.dgwp .nav-right{gap:10px;}
.dgwp .nav-right .dg-hnav{display:inline-flex;align-items:center;gap:10px;}
.dgwp .dg-hcart,
.dgwp .dg-hlogin{
	display:inline-flex;align-items:center;gap:8px;
	height:42px;padding:0 15px;box-sizing:border-box;
	border-radius:10px;border:1px solid var(--line-2);background:var(--card);
	color:var(--ink);font-family:var(--bdy);font-weight:700;font-size:.82rem;letter-spacing:.01em;line-height:1;
	text-decoration:none;white-space:nowrap;cursor:pointer;
	transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.dgwp .dg-hcart i,
.dgwp .dg-hlogin i{font-size:.95rem;line-height:1;color:var(--muted);transition:color .18s ease;}
.dgwp .dg-hcart:hover,
.dgwp .dg-hlogin:hover{
	background:rgba(43,107,246,.08);border-color:var(--primary);color:var(--primary);
	box-shadow:0 0 0 3px rgba(43,107,246,.10);
}
.dgwp .dg-hcart:hover i,
.dgwp .dg-hlogin:hover i{color:var(--primary);}
.dgwp .dg-hcart{position:relative;padding:0 13px;}
.dgwp .dg-hcart-count{
	display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;
	border-radius:10px;background:linear-gradient(180deg,#2B6BF6,#1C4FD6);color:#fff;
	font-size:.68rem;font-weight:800;line-height:1;
}
@media (max-width:1100px){ .dgwp .dg-hlogin span{display:none;} .dgwp .dg-hlogin{padding:0 13px;} }

/* ---------- Mega menu: don't clip it and keep it above page content --------
   The WP `body{overflow-x:hidden}` got scoped onto `.dgwp`, which clipped the
   absolutely-positioned mega dropdowns (their containing block is the sticky
   header inside .dgwp). Let the chrome wrapper overflow, and raise stacking.   */
.dgwp-head{overflow:visible!important;}
.dg-home .dgwp{overflow:visible;}
.dgwp-head header.nav{position:sticky;z-index:1200;overflow:visible;}
.dgwp-head nav.main{overflow:visible;}
.dgwp-head nav.main > div{position:relative;}
.dgwp-head nav.main .mega{z-index:1210;}

/* ---------- Secondary WHMCS nav bar (default menu, top-level titles) ------- */
.dg-subnav{background:var(--card);border-bottom:1px solid var(--line);position:relative;z-index:5;}
.dg-subnav-inner{max-width:var(--maxw,1220px);margin:0 auto;padding:0 24px;
	display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:52px;font-family:var(--bdy);}
.dg-subnav-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.dg-subnav-right{margin-inline-start:auto;}
.dg-subnav-link{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:9px;
	color:var(--ink);font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap;
	transition:background .16s ease,color .16s ease;}
.dg-subnav-link:hover,.dg-subnav-link:focus{background:rgba(43,107,246,.08);color:var(--primary);}
.dg-subnav-link i{color:var(--muted);font-size:.95rem;transition:color .16s ease;}
.dg-subnav-link:hover i,.dg-subnav-link:focus i{color:var(--primary);}
.dg-subnav-badge{background:var(--primary);color:#fff;border-radius:9px;padding:1px 7px;
	font-size:.7rem;font-weight:800;line-height:1.6;margin-inline-start:2px;}
@media (max-width:640px){
	.dg-subnav-inner{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;}
	.dg-subnav-right{margin-inline-start:0;}
}
html[dir="rtl"] .dg-subnav-link{font-family:'Vazirmatn','Tahoma',sans-serif;}

/* ============================================================================
   STORE / PRODUCT LISTING (order form products.tpl) — unique DigiCloud design
   ============================================================================ */
.dg-store{font-family:var(--bdy);margin:10px 0 44px;}
.dg-store .cart-sidebar,.dg-store .header-lined{display:none;}

/* two-column layout: category sidebar + products */
.dg-store-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:26px;align-items:start;}
.dg-store-side{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px;}
.dg-store-mobilecats{display:none;margin-bottom:18px;}
@media (max-width:900px){
	.dg-store-layout{grid-template-columns:1fr;}
	.dg-store-side{display:none;}
	.dg-store-mobilecats{display:block;}
}

/* category sidebar — unique style */
.dg-side-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.dg-side-title{display:flex;align-items:center;gap:9px;width:100%;padding:15px 18px;
	background:none;border:0;cursor:pointer;text-align:start;font-family:var(--dsp);
	font-weight:700;font-size:.98rem;color:var(--ink);border-bottom:1px solid transparent;transition:border-color .2s ease;}
.dg-side-panel.is-open > .dg-side-title{border-bottom-color:var(--line);}
.dg-side-title > i:first-child{color:var(--primary);}
.dg-side-title span{flex:1;}
.dg-side-caret{margin-inline-start:auto;color:var(--muted)!important;font-size:.78rem;flex:none;transform:rotate(-90deg);transition:transform .25s ease;}
.dg-side-panel.is-open .dg-side-caret{transform:none;}
.dg-side-collapse{display:none;}
.dg-side-panel.is-open > .dg-side-collapse{display:block;animation:dgSideOpen .2s ease;}
@keyframes dgSideOpen{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:none;}}
.dg-side-body{padding:12px 18px;color:var(--muted);font-size:.85rem;line-height:1.5;}
.dg-side-list{display:flex;flex-direction:column;padding:8px;gap:2px;}
.dg-side-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;
	color:var(--ink);font-weight:600;font-size:.9rem;text-decoration:none;transition:background .15s ease,color .15s ease;}
.dg-side-item i{color:var(--muted);font-size:.85rem;width:16px;text-align:center;flex:none;transition:color .15s ease;}
.dg-side-item span{flex:1;}
.dg-side-item:hover{background:rgba(43,107,246,.08);color:var(--primary);}
.dg-side-item:hover i{color:var(--primary);}
.dg-side-item.active{background:linear-gradient(180deg,var(--primary),var(--primary-2));color:#fff;
	box-shadow:0 8px 18px -10px rgba(43,107,246,.85);}
.dg-side-item.active i{color:#fff;}
.dg-side-item.is-label{color:var(--muted);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;cursor:default;}
.dg-side-item.disabled{opacity:.5;pointer-events:none;}
.dg-side-badge{background:rgba(43,107,246,.14);color:var(--primary);border-radius:8px;padding:1px 7px;font-size:.7rem;font-weight:800;}
.dg-side-item.active .dg-side-badge{background:rgba(255,255,255,.25);color:#fff;}
.dg-side-foot{padding:12px 18px;border-top:1px solid var(--line);}

.dg-store-head{text-align:left;margin:0 0 26px;}
.dg-store-eyebrow{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:.74rem;
	letter-spacing:.14em;text-transform:uppercase;color:var(--primary);
	background:rgba(43,107,246,.10);border:1px solid rgba(43,107,246,.22);padding:6px 12px;border-radius:999px;}
.dg-store-head h1{font-family:var(--dsp);font-weight:700;letter-spacing:-.02em;color:var(--ink);
	font-size:clamp(1.7rem,3vw,2.4rem);margin:14px 0 8px;}
.dg-store-head p{color:var(--muted);font-size:1.05rem;margin:0;}

.dg-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;align-items:stretch;}
.dg-product{position:relative;display:flex;flex-direction:column;background:var(--card);
	border:1px solid var(--line);border-radius:18px;overflow:hidden;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.dg-product:hover{transform:translateY(-6px);box-shadow:0 30px 60px -34px rgba(11,18,32,.55);border-color:rgba(43,107,246,.45);}
.dg-product::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;z-index:2;
	background:linear-gradient(90deg,var(--primary),var(--cyan,#12B5CE));opacity:0;transition:opacity .18s ease;}
.dg-product:hover::before{opacity:1;}

.dg-product-media{position:relative;height:148px;display:grid;place-items:center;overflow:hidden;
	background:radial-gradient(120% 120% at 50% 0,rgba(43,107,246,.16),transparent 60%),linear-gradient(180deg,#0d1524,#0b1220);}
.dg-product-media i{font-size:3rem;color:#8fb3ff;filter:drop-shadow(0 8px 22px rgba(43,107,246,.55));}
.dg-product-media img{width:100%;height:100%;object-fit:cover;display:block;}

.dg-product-body{padding:22px 22px 8px;flex:1;}
.dg-product-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.dg-product-head h3{font-family:var(--dsp);font-weight:700;font-size:1.2rem;color:var(--ink);margin:0;letter-spacing:-.01em;}
.dg-stock{font-size:.72rem;font-weight:700;color:var(--good,#12A97C);background:rgba(18,169,124,.12);padding:3px 8px;border-radius:8px;white-space:nowrap;}
.dg-product-desc{color:var(--muted);font-size:.9rem;line-height:1.55;margin:0 0 14px;}
.dg-product-features{list-style:none;margin:0;padding:0;}
.dg-product-features li{display:flex;align-items:flex-start;gap:9px;padding:7px 0;font-size:.9rem;color:#2a3546;border-top:1px solid var(--bg-2);}
.dg-product-features li:first-child{border-top:0;}
.dg-product-features li i{color:var(--primary);font-size:.82rem;margin-top:.3em;flex:none;}
.dg-product-features .v{font-weight:700;color:var(--ink);}

.dg-product-foot{padding:16px 22px 22px;border-top:1px solid var(--line);margin-top:auto;display:flex;flex-direction:column;gap:14px;}
.dg-product-price{line-height:1.15;}
.dg-product-price .dg-from{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin-bottom:2px;}
.dg-product-price .dg-amt{font-family:var(--dsp);font-weight:800;font-size:1.9rem;color:var(--ink);letter-spacing:-.02em;}
.dg-product-price .dg-cyc{color:var(--muted);font-weight:600;font-size:.9rem;}
.dg-product-price .dg-setup{display:block;color:var(--muted);font-size:.78rem;margin-top:3px;}
.dg-order-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;width:100%;padding:13px 18px;
	border-radius:12px;border:0;cursor:pointer;font-family:var(--bdy);font-weight:700;font-size:.95rem;text-decoration:none;
	color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-2));
	box-shadow:0 12px 26px -14px rgba(43,107,246,.9);transition:transform .15s ease,box-shadow .15s ease;}
.dg-order-btn:hover,.dg-order-btn:focus{transform:translateY(-2px);color:#fff;box-shadow:0 18px 34px -14px rgba(43,107,246,1);}

html[dir="rtl"] .dg-store,html[dir="rtl"] .dg-store-head h1,html[dir="rtl"] .dg-product-head h3,
html[dir="rtl"] .dg-product-price .dg-amt,html[dir="rtl"] .dg-product-features .v,
html[dir="rtl"] .dg-side-title{font-family:'Vazirmatn','Tahoma',sans-serif;}
@media (max-width:575px){ .dg-product-grid{grid-template-columns:1fr;} }

/* ============================================================================
   AUTH / FORM PAGES — login, contact (register + domain restyled separately)
   ============================================================================ */
.dg-eyebrow{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:.74rem;letter-spacing:.14em;
	text-transform:uppercase;color:var(--primary);background:rgba(43,107,246,.10);border:1px solid rgba(43,107,246,.22);padding:6px 12px;border-radius:999px;}

/* Shared page header */
.dg-page{max-width:1000px;margin:16px auto 46px;}
.dg-page-head{text-align:center;margin:4px auto 30px;max-width:640px;}
.dg-page-head h1{font-family:var(--dsp);font-weight:700;color:var(--ink);font-size:clamp(1.8rem,3vw,2.5rem);margin:14px 0 8px;letter-spacing:-.02em;}
.dg-page-head p{color:var(--muted);font-size:1.05rem;margin:0;}

/* Shared fields */
.dg-field{margin-bottom:18px;}
.dg-field > label{display:block;font-weight:600;font-size:.85rem;color:var(--ink);margin-bottom:7px;}
.dg-field-labelrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;}
.dg-field-labelrow label{font-weight:600;font-size:.85rem;color:var(--ink);margin:0;}
.dg-input{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line-2);border-radius:12px;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease;}
.dg-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(43,107,246,.12);}
.dg-input > i{color:var(--muted);font-size:.95rem;flex:none;}
.dg-input input,.dg-input textarea{flex:1;border:0;background:transparent;outline:0;padding:13px 0;font-family:var(--bdy);font-size:.95rem;color:var(--ink);width:100%;}
.dg-input textarea{resize:vertical;line-height:1.55;}
.dg-input-area{align-items:flex-start;}
.dg-input-area > i{margin-top:14px;}
.dg-reveal{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:6px;flex:none;}
.dg-reveal:hover{color:var(--primary);}
.dg-check{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted);margin:2px 0 18px;cursor:pointer;}
.dg-check input{width:16px;height:16px;accent-color:var(--primary);}
.dg-link-muted{color:var(--muted);font-size:.82rem;text-decoration:none;}
.dg-link-muted:hover{color:var(--primary);}
.dg-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;width:100%;padding:14px 20px;border:0;border-radius:12px;cursor:pointer;font-family:var(--bdy);font-weight:700;font-size:.98rem;color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-2));box-shadow:0 12px 26px -14px rgba(43,107,246,.9);transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;}
.dg-cta-btn:hover,.dg-cta-btn:focus{transform:translateY(-2px);color:#fff;box-shadow:0 18px 34px -14px rgba(43,107,246,1);}
.dg-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:560px){.dg-form-row{grid-template-columns:1fr;}}

/* Login (split panel) */
.dg-auth{max-width:940px;margin:24px auto 46px;}
.dg-auth-card{display:grid;grid-template-columns:1fr 1.05fr;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 44px 90px -56px rgba(11,18,32,.55);}
.dg-auth-brand{position:relative;padding:44px 40px;color:#eaf1fb;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(120% 80% at 20% 0,rgba(43,107,246,.30),transparent 60%),linear-gradient(160deg,#0d1524,#0b1220);}
.dg-auth-logo{display:inline-flex;align-items:center;gap:.5em;font-family:var(--dsp);font-weight:800;font-size:1.15rem;color:#fff;}
.dg-auth-logo i{color:#8fb3ff;}
.dg-auth-brand-mid{margin:auto 0 26px;}
.dg-auth-brand-mid h2{font-family:var(--dsp);font-weight:700;color:#fff;font-size:1.8rem;margin:0 0 8px;letter-spacing:-.02em;}
.dg-auth-brand-mid p{color:#a9bbd6;margin:0;font-size:.98rem;}
.dg-auth-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.dg-auth-points li{display:flex;align-items:center;gap:11px;font-size:.9rem;color:#cdd9ee;}
.dg-auth-points li i{color:#8fb3ff;width:18px;text-align:center;flex:none;}
.dg-auth-form{padding:44px 40px;}
.dg-auth-head{margin-bottom:24px;}
.dg-auth-head h1{font-family:var(--dsp);font-weight:700;color:var(--ink);font-size:1.7rem;margin:0 0 6px;letter-spacing:-.02em;}
.dg-auth-head p{color:var(--muted);margin:0;font-size:.95rem;}
.dg-auth-alt{margin-top:20px;color:var(--muted);font-size:.9rem;text-align:center;}
.dg-auth-alt a{color:var(--primary);font-weight:700;text-decoration:none;}
@media (max-width:768px){.dg-auth-card{grid-template-columns:1fr;}.dg-auth-brand{display:none;}.dg-auth-form{padding:32px 24px;}}

/* Contact */
.dg-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start;}
.dg-contact-info{background:radial-gradient(120% 80% at 20% 0,rgba(43,107,246,.28),transparent 60%),linear-gradient(160deg,#0d1524,#0b1220);color:#eaf1fb;border-radius:18px;padding:30px 28px;}
.dg-contact-info h3{font-family:var(--dsp);font-weight:700;color:#fff;margin:0 0 20px;font-size:1.25rem;}
.dg-contact-info ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;}
.dg-contact-info li{display:flex;gap:13px;align-items:flex-start;}
.dg-ci-ic{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#8fb3ff;flex:none;}
.dg-contact-info li b{display:block;color:#fff;font-size:.82rem;font-weight:700;margin-bottom:3px;}
.dg-contact-info li > span:last-child{color:#a9bbd6;font-size:.9rem;}
.dg-contact-info a{color:#cdd9ee;text-decoration:none;display:block;}
.dg-contact-info a:hover{color:#fff;}
.dg-contact-form{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 28px;}
@media (max-width:768px){.dg-contact-grid{grid-template-columns:1fr;}}

html[dir="rtl"] .dg-page-head h1,html[dir="rtl"] .dg-auth-head h1,html[dir="rtl"] .dg-auth-brand-mid h2,html[dir="rtl"] .dg-contact-info h3{font-family:'Vazirmatn','Tahoma',sans-serif;}

/* ============================================================================
   REGISTER PAGE (#registration) — scoped restyle (keeps WHMCS field logic)
   ============================================================================ */
#registration{max-width:840px;margin:0 auto 34px;}
#registration .dg-reg-head{margin:6px auto 26px;text-align:center;}
#registration .card{background:var(--card);border:1px solid var(--line);border-radius:18px;margin-bottom:20px;box-shadow:0 24px 54px -44px rgba(11,18,32,.45);}
#registration .card-body{padding:24px 28px;}
#registration .card-title{font-family:var(--dsp);font-weight:700;color:var(--ink);font-size:1.18rem;letter-spacing:-.01em;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;}
#registration .card-title::before{content:"";width:5px;height:20px;border-radius:3px;background:linear-gradient(180deg,var(--primary),var(--primary-2));flex:none;}
#registration .field,#registration .form-control,#registration .custom-select,#registration select.form-control,#registration textarea{
	border-radius:11px!important;border:1px solid var(--line-2)!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease;}
#registration .field:focus,#registration .form-control:focus,#registration select:focus,#registration .custom-select:focus,#registration textarea:focus{
	border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(43,107,246,.14)!important;}
#registration .field-help-text{color:var(--muted);font-size:.8rem;}
#registration .btn-primary,#containerNewUserSignup .btn-primary,#frmCheckout .btn-primary{
	background:linear-gradient(180deg,var(--primary),var(--primary-2))!important;border:0!important;border-radius:12px!important;
	padding:13px 30px!important;font-weight:700!important;color:#fff!important;box-shadow:0 12px 26px -14px rgba(43,107,246,.9)!important;transition:transform .15s ease;}
#registration .btn-primary:hover,#frmCheckout .btn-primary:hover{transform:translateY(-2px);}
html[dir="rtl"] #registration .card-title{font-family:'Vazirmatn','Tahoma',sans-serif;}

/* ============================================================================
   DOMAIN REGISTER / SEARCH (order form domainregister.tpl) — scoped restyle
   ============================================================================ */
.domain-checker-container{max-width:900px;margin:10px auto 26px;}
.domain-checker-bg{background:radial-gradient(120% 100% at 50% -10%,rgba(43,107,246,.28),transparent 60%),linear-gradient(160deg,#0d1524,#0b1220)!important;border-radius:22px;padding:46px 40px;box-shadow:0 34px 74px -46px rgba(11,18,32,.6);}
.domain-checker-container .input-group-box{background:#fff;border-radius:14px;padding:6px;box-shadow:0 22px 44px -26px rgba(0,0,0,.55);align-items:stretch;}
#inputDomain{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:10px!important;padding:14px 18px!important;height:auto!important;font-size:1.05rem!important;color:var(--ink)!important;}
#inputDomain::placeholder{color:var(--muted);}
#btnCheckAvailability,.domain-check-availability{background:linear-gradient(180deg,var(--primary),var(--primary-2))!important;border:0!important;border-radius:10px!important;padding:0 28px!important;font-weight:700!important;font-size:1rem!important;color:#fff!important;box-shadow:0 10px 22px -12px rgba(43,107,246,.9)!important;}
.domain-checker-result-headline{font-family:var(--dsp)!important;font-weight:700!important;color:var(--ink)!important;text-align:center;margin:24px 0 14px;}
.domain-available,.domain-unavailable,.domain-invalid,.domain-tld-unavailable{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:10px;box-shadow:0 14px 34px -28px rgba(11,18,32,.4);}
.domain-available{border-color:rgba(18,169,124,.45);}
.domain-unavailable,.domain-tld-unavailable{opacity:.75;}
.btn-add-to-cart{background:linear-gradient(180deg,var(--primary),var(--primary-2))!important;border:0!important;border-radius:10px!important;font-weight:700!important;color:#fff!important;box-shadow:0 10px 22px -12px rgba(43,107,246,.85)!important;}
.btn-add-to-cart.btn-added-to-cart,.btn-add-to-cart[disabled]{background:var(--good,#12A97C)!important;box-shadow:none!important;}

/* ============================================================================
   DOMAIN PRICING TABLE + "Browse extensions by category" (.domain-pricing)
   ============================================================================ */
.domain-pricing{max-width:920px;margin:14px auto 34px;}
.domain-pricing > h4{font-family:var(--dsp)!important;font-weight:700!important;color:var(--ink)!important;font-size:1.35rem!important;text-align:center;margin:8px 0 18px!important;letter-spacing:-.01em;}

/* category filter pills */
.tld-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:26px;}
.tld-filters .badge{background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line-2)!important;border-radius:999px!important;padding:8px 15px!important;font-size:.82rem!important;font-weight:600!important;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease;letter-spacing:0;}
.tld-filters .badge:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:rgba(43,107,246,.07)!important;}
.tld-filters .badge.active,.tld-filters .badge.badge-primary,.tld-filters .badge.selected{background:linear-gradient(180deg,var(--primary),var(--primary-2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px -10px rgba(43,107,246,.8);}

/* pricing table */
.domain-pricing .tld-pricing-header{background:var(--ink)!important;color:#fff!important;border-radius:14px 14px 0 0;margin:0!important;padding:15px 10px!important;font-family:var(--dsp);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;}
.domain-pricing .tld-pricing-header .tld-column{color:#fff!important;}
.domain-pricing .tld-row{background:var(--card);border:1px solid var(--line);border-top:0;margin:0!important;padding:15px 10px!important;align-items:center;transition:background .15s ease;}
.domain-pricing .tld-row:hover{background:rgba(43,107,246,.045);}
.domain-pricing .tld-row:last-of-type{border-radius:0 0 14px 14px;}
.domain-pricing .tld-row strong{font-family:var(--dsp);font-weight:700;color:var(--primary);font-size:1.08rem;letter-spacing:-.01em;}
.domain-pricing .tld-row .price,.domain-pricing .tld-row .col-4,.domain-pricing .tld-row .col-xs-4{font-weight:600;color:var(--ink);}
.domain-pricing .tld-row.no-tlds{border-radius:0 0 14px 14px;color:var(--muted);text-align:center;padding:22px!important;}
html[dir="rtl"] .domain-pricing > h4{font-family:'Vazirmatn','Tahoma',sans-serif;}

/* fix: header columns had a light bg from standard_cart -> white-on-white */
.domain-pricing .tld-pricing-header [class*="col-"],
.domain-pricing .tld-pricing-header .row{background:transparent!important;color:#fff!important;}

/* ============================================================================
   RESPONSIVE (mobile) — subnav, mobile menu (WP nav), footer centering
   ============================================================================ */
.dg-burger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;
	border:1px solid var(--line-2);background:var(--card);color:var(--ink);font-size:1.05rem;cursor:pointer;flex:none;}
.dg-burger i{color:var(--ink);}
.dg-mmenu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--card);border-top:1px solid var(--line);
	box-shadow:0 24px 44px -22px rgba(11,18,32,.45);z-index:1300;padding:10px;max-height:70vh;overflow-y:auto;}
.dg-mmenu.open{display:block;animation:dgSideOpen .2s ease;}
.dg-mmenu a{display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:10px;color:var(--ink);
	font-weight:600;font-size:.96rem;text-decoration:none;}
.dg-mmenu a:hover{background:rgba(43,107,246,.08);color:var(--primary);}
.dg-mmenu a i{color:var(--muted);width:18px;text-align:center;}

@media (max-width:900px){
	.dg-burger{display:inline-flex;}
	/* subnav: one clean scrollable row */
	.dg-subnav-inner{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
	.dg-subnav-inner::-webkit-scrollbar{display:none;}
	.dg-subnav-group{flex-wrap:nowrap;flex:none;}
	.dg-subnav-right{margin-inline-start:0;}
	.dg-subnav-link{white-space:nowrap;}
}

/* Footer — center every section on mobile; social above copyright */
@media (max-width:768px){
	.dgwp footer.site .fcols{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:26px!important;}
	.dgwp footer.site .fcols > *{align-items:center!important;text-align:center!important;}
	.dgwp footer.site .fbrand,.dgwp footer.site .fbrand *{text-align:center!important;}
	.dgwp footer.site .fl ul,.dgwp footer.site .fl{align-items:center!important;justify-content:center!important;}
	.dgwp footer.site .pay-band{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:18px!important;}
	.dgwp footer.site .pay-col{align-items:center!important;text-align:center!important;}
	.dgwp footer.site .pay-icons{justify-content:center!important;flex-wrap:wrap;}
	.dgwp footer.site .fbottom{display:flex!important;flex-direction:column-reverse!important;align-items:center!important;text-align:center!important;gap:18px!important;}
	.dgwp footer.site .fsocial{justify-content:center!important;}
	.dgwp footer.site .fbmeta{display:flex!important;justify-content:center!important;flex-wrap:wrap;text-align:center!important;}
}

/* mobile header: keep it compact — lang + CTA move into the hamburger menu */
@media (max-width:900px){
	.dgwp header.nav .nav-right .lang{display:none!important;}
	.dgwp header.nav .nav-right > a.btn-primary,
	.dgwp header.nav .nav-right > .btn.btn-primary{display:none!important;}
	.dgwp header.nav .wrap{gap:8px;}
}
/* mobile footer: center the logo + the payment/partner sections */
@media (max-width:768px){
	.dgwp footer.site .fbrand{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;}
	.dgwp footer.site .fbrand img,.dgwp footer.site .fbrand .brand-mark,.dgwp footer.site .fbrand svg{margin-left:auto!important;margin-right:auto!important;}
	.dgwp footer.site .pay-col{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;}
	.dgwp footer.site .pay-icons,.dgwp footer.site .badges{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;}
	.dgwp footer.site .proof,.dgwp footer.site .proof .logos{justify-content:center!important;text-align:center!important;flex-wrap:wrap;}
}
/* mobile-menu extras: CTA + language section */
.dg-mmenu .dg-mm-sep{padding:12px 15px 6px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.dg-mmenu .dg-mm-cta{background:linear-gradient(180deg,var(--primary),var(--primary-2));color:#fff!important;margin:6px 4px;justify-content:center;}
.dg-mmenu .dg-mm-cta i{color:#fff!important;}