/**
 * درياق — Selia Theme
 * الصق في: سلة ← المظهر ← تخصيص CSS
 *
 * 1) خط ثمانية على الموقع كله
 * 2) توب بار + شريط اللوجو — تيل درياق (#2d8b92 → #29878c → #217375)
 */

/* ========== خط ثمانية — Thmanyah ========== */
@font-face {
  font-family: "Thmanyah Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://files.catbox.moe/0ol8fs.woff2") format("woff2");
}
@font-face {
  font-family: "Thmanyah Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://files.catbox.moe/y69ba9.woff2") format("woff2");
}
@font-face {
  font-family: "Thmanyah Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://files.catbox.moe/yduju6.woff2") format("woff2");
}
@font-face {
  font-family: "Thmanyah Sans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://files.catbox.moe/z3y881.woff2") format("woff2");
}
@font-face {
  font-family: "Thmanyah Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://files.catbox.moe/m9tqon.woff2") format("woff2");
}

:root {
  --dq-teal: #29878c;
  --dq-teal-left: #2d8b92;
  --dq-teal-right: #217375;
  --dq-text: #f3fbfb;
  --dq-muted: rgba(243, 251, 251, 0.78);
  --dq-font: "Thmanyah Sans", Tahoma, sans-serif;
  --dq-display: "Thmanyah Display", "Thmanyah Sans", serif;
  --font-main: var(--dq-font) !important;
}

/* الموقع كله — ثمانية */
html,
body,
body#app,
#app,
.app,
.app-inner,
.store-header,
main,
footer,
button,
input,
textarea,
select,
h1, h2, h3, h4, h5, h6,
p, span, a, li, label,
.s-product-card__title,
.s-block__title,
.btn,
.font-pingarlt {
  font-family: var(--dq-font) !important;
}

h1, h2, h3,
.s-block__title h2,
.s-block__title h1 {
  font-family: var(--dq-display) !important;
}

/* ========== 1) التوب بار العلوي ========== */
body .top-navbar,
header.store-header .top-navbar,
.store-header > .top-navbar {
  position: relative !important;
  overflow: hidden !important;
  min-height: 46px;
  color: var(--dq-text) !important;
  background-color: var(--dq-teal) !important;
  background-image: linear-gradient(
    90deg,
    var(--dq-teal-left) 0%,
    var(--dq-teal) 48%,
    var(--dq-teal-right) 100%
  ) !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

/* دوائر زخرفية يمين */
body .top-navbar::after {
  content: "";
  position: absolute;
  inset-inline-end: -40px;
  top: 50%;
  width: 150px;
  height: 150px;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: 0.22;
  z-index: 0;
  background:
    radial-gradient(circle at center, transparent 38%, rgba(255, 255, 255, 0.55) 39%, transparent 41%),
    radial-gradient(circle at center, transparent 52%, rgba(255, 255, 255, 0.4) 53%, transparent 55%),
    radial-gradient(circle at center, transparent 66%, rgba(255, 255, 255, 0.28) 67%, transparent 69%);
}

body .top-navbar > *,
body .top-navbar .header__topbar-inner {
  position: relative;
  z-index: 1;
}

/* نصوص وروابط التوب بار */
body .top-navbar,
body .top-navbar a,
body .top-navbar span,
body .top-navbar button,
body .top-navbar .topnav-link-item,
body .top-navbar .header__currency-btn,
body .top-navbar selia-contacts,
body .top-navbar salla-contacts,
body .top-navbar salla-menu {
  color: var(--dq-text) !important;
}

body .top-navbar a:hover,
body .top-navbar .topnav-link-item:hover,
body .top-navbar .header__currency-btn:hover {
  color: #ffffff !important;
  opacity: 1;
}

body .top-navbar i,
body .top-navbar svg,
body .top-navbar .sicon-keyboard_arrow_down,
body .top-navbar .sicon-dollar-coin-stack {
  color: var(--dq-text) !important;
}

body .top-navbar input.s-search-input {
  background: rgba(255, 255, 255, 0.12) !important;
  color: var(--dq-text) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 999px !important;
}

body .top-navbar input.s-search-input::placeholder {
  color: var(--dq-muted) !important;
}

/* ========== 2) شريط اللوجو (main nav) — نفس اللون ========== */
body .main-nav-container,
body .main-nav-container .inner,
#mainnav.main-nav-container {
  background-color: var(--dq-teal) !important;
  background-image: linear-gradient(
    90deg,
    var(--dq-teal-left) 0%,
    var(--dq-teal) 48%,
    var(--dq-teal-right) 100%
  ) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body .main-nav-container .header__main-container,
body .main-nav-container .header__main-row {
  background: transparent !important;
}

/* أيقونات ونصوص الشريط — أبيض */
body .main-nav-container,
body .main-nav-container a,
body .main-nav-container span,
body .main-nav-container button,
body .main-nav-container .header-btn,
body .main-nav-container .header-btn__icon,
body .main-nav-container .menu-label,
body .main-nav-container .s-cart-summary-wrapper,
body .main-nav-container .s-cart-summary-total,
body .main-nav-container i,
body .main-nav-container .text-primary,
body .main-nav-container .mburger {
  color: var(--dq-text) !important;
}

body .main-nav-container .header-btn:hover,
body .main-nav-container a:hover {
  color: #ffffff !important;
}

/* اللوجو — أكبر وواضح (Selia centered_logo) */
body .main-nav-container .header__brand,
body .main-nav-container a.navbar-brand,
#mainnav .header__brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body .main-nav-container a.navbar-brand img,
body .main-nav-container .logo-normal,
#mainnav a.navbar-brand img {
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
}

body .main-nav-container .header__main-row {
  min-height: 80px !important;
  align-items: center !important;
}

@media (min-width: 1024px) {
  body .main-nav-container .header__main-row {
    min-height: 92px !important;
  }

  body .main-nav-container a.navbar-brand img,
  body .main-nav-container .logo-normal,
  #mainnav a.navbar-brand img {
    width: 84px !important;
    height: 84px !important;
    max-width: 84px !important;
    max-height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
  }
}

/* قائمة الديسكتوب تحت الشريط — خلفية فاتحة */
body .main-menu-row {
  background: #f7fbfb !important;
  border-bottom: 1px solid rgba(41, 135, 140, 0.12) !important;
}

body .main-menu-row .main-menu__link {
  color: #16363a !important;
  font-weight: 600 !important;
}

body .main-menu-row .main-menu__link:hover {
  color: var(--dq-teal) !important;
}