/* /public_html/new.habeshacute.online/assets/css/theme-whatsapp.css */

html[data-theme="dark"],
html[data-theme="dark"] body{
  background-color:#0f172a;
}

html[data-theme="light"],
html[data-theme="light"] body{
  background-color:#f5f7fb;
}

html[data-theme="whatsapp"],
html[data-theme="whatsapp"] body{
  background-color:#e7f8ef;
}

html[data-theme="whatsapp"]{
  --brand:#25d366;
  --brand-2:#128c7e;
  --brand-3:#34d399;

  --bg:#e7f8ef;
  --bg-2:#dff5e8;
  --surface:#ffffff;
  --surface-2:#f3fff7;
  --panel:#ffffff;
  --panel-2:#f4fff8;

  --text:#1f3a2f;
  --heading:#0f2d23;
  --muted:#4f6b5d;

  --line:rgba(18,140,126,.12);
  --line-strong:rgba(18,140,126,.22);
  --input-bg:#ffffff;

  --header-bg:rgba(255,255,255,.90);
  --footer-bg:rgba(255,255,255,.94);

  --chip-bg:#ecfff3;
  --chip-text:#1f3a2f;

  color-scheme:light;
}

html[data-theme="whatsapp"] body{
  background:
    radial-gradient(circle at top left, rgba(37,211,102,.12), transparent 30%),
    radial-gradient(circle at top right, rgba(18,140,126,.10), transparent 28%),
    linear-gradient(180deg,var(--bg-2) 0%, var(--bg) 100%);
  color:var(--text);
}

html[data-theme="whatsapp"] .site-logo__mark{
  background:linear-gradient(135deg,#25d366,#128c7e);
  box-shadow:0 12px 30px rgba(37,211,102,.24);
}

html[data-theme="whatsapp"] .site-nav__btn,
html[data-theme="whatsapp"] .site-mobile-menu__btn{
  background:linear-gradient(90deg,#25d366,#128c7e);
  box-shadow:0 8px 18px rgba(18,140,126,.22);
}

html[data-theme="whatsapp"] .site-nav__btn:hover,
html[data-theme="whatsapp"] .site-nav__btn.is-active,
html[data-theme="whatsapp"] .site-mobile-menu__btn:hover{
  box-shadow:0 12px 24px rgba(18,140,126,.28);
}

html[data-theme="whatsapp"] .btn--primary{
  background:linear-gradient(135deg,#25d366,#128c7e);
  box-shadow:0 12px 30px rgba(18,140,126,.20);
}

html[data-theme="whatsapp"] .btn--primary:hover{
  box-shadow:0 18px 38px rgba(18,140,126,.24);
}

html[data-theme="whatsapp"] .theme-toggle{
  background:var(--surface);
  color:var(--heading);
  border-color:var(--line-strong);
}

html[data-theme="whatsapp"] .site-header{
  border-bottom:1px solid var(--line);
}

html[data-theme="whatsapp"] .site-footer{
  border-top:1px solid var(--line);
}

html[data-theme="whatsapp"] .site-nav__link:hover,
html[data-theme="whatsapp"] .site-nav__link.is-active,
html[data-theme="whatsapp"] .site-nav__dropdown-toggle:hover,
html[data-theme="whatsapp"] .site-nav__dropdown-toggle.is-active,
html[data-theme="whatsapp"] .site-nav__dropdown-link:hover,
html[data-theme="whatsapp"] .site-nav__dropdown-link.is-active,
html[data-theme="whatsapp"] .site-mobile-menu__link:hover,
html[data-theme="whatsapp"] .site-mobile-menu__link.is-active{
  background:var(--chip-bg);
  color:var(--heading);
}

html[data-theme="whatsapp"] .site-mobile-overlay{
  background:rgba(18,140,126,.22);
}

html[data-theme="whatsapp"] .dashboard-badge--premium{
  background:rgba(37,211,102,.12);
  color:#128c7e;
  border-color:rgba(18,140,126,.20);
}

html[data-theme="whatsapp"] .dashboard-badge--free{
  background:var(--chip-bg);
  color:var(--chip-text);
  border-color:var(--line);
}

html[data-theme="whatsapp"] .dashboard-chip{
  background:var(--chip-bg);
  color:var(--chip-text);
  border-color:var(--line);
}

html[data-theme="whatsapp"] .dashboard-link:hover{
  border-color:rgba(18,140,126,.26);
}

html[data-theme="whatsapp"] .dashboard-ref-box{
  border-color:var(--line-strong);
  background:#ffffff;
}

html[data-theme="whatsapp"] .alert--success{
  background:rgba(37,211,102,.10);
  border:1px solid rgba(37,211,102,.20);
  color:#128c7e;
}

html[data-theme="whatsapp"] .alert--error{
  background:rgba(220,38,38,.08);
  border:1px solid rgba(220,38,38,.18);
  color:#dc2626;
}