/*
 * Sepid Solar — final site-wide palette
 * Gold is the only decorative accent. Green and red remain reserved for
 * semantic success/error states.
 */

:root,
body.sepid-solar-shell {
  --Primary: #eeb94c !important;
  --Primary---500: #d6ae69 !important;
  --Primary---600: #c58c24 !important;
  --Secondary: #f0c96f !important;
  --color-primary-background: #eeb94c !important;
  --ink: #08090c !important;
  --deep: #101116 !important;
  --forest: #18140d !important;
  --panel: rgba(18, 17, 14, .74) !important;
  --panel-strong: rgba(24, 21, 16, .92) !important;
  --electric: #eeb94c !important;
  --electric-light: #f0c96f !important;
  --electric-soft: rgba(238, 185, 76, .14) !important;
  --electric-glow: rgba(238, 185, 76, .24) !important;
  --gold: #eeb94c !important;
  --gold-light: #f0c96f !important;
  --line: rgba(238, 185, 76, .22) !important;
  --line-soft: rgba(238, 185, 76, .1) !important;
  --muted: #afa99f !important;
  --white: #f4f0e8 !important;
  --sepid-account-gold: #eeb94c !important;
  --sepid-account-gold-dark: #c58c24 !important;
  --sepid-account-border: rgba(238, 185, 76, .32) !important;
  --sepid-account-navy: #0b0d11 !important;
  --sepid-account-navy-soft: #111318 !important;
  --account-gold: #eeb94c !important;
  --account-gold-light: #f0c96f !important;
  --account-bg: #08090c !important;
  --account-surface: #0d0f13 !important;
  --account-surface-soft: #111318 !important;
  --account-surface-strong: #17181c !important;
  --account-border: rgba(238, 185, 76, .3) !important;
  --account-border-soft: rgba(238, 185, 76, .14) !important;
  --tmc-primary: #eeb94c !important;
  --tmc-border: rgba(238, 185, 76, .28) !important;
}

html:has(body.sepid-solar-shell),
body.sepid-solar-shell {
  background-color: #08090c !important;
}

body.sepid-solar-shell:not(.sepid-solar-home) {
  background-image:
    radial-gradient(circle at 82% 8%, rgba(238, 185, 76, .075), transparent 30%),
    linear-gradient(180deg, #0b0d11 0%, #08090c 55%, #060709 100%) !important;
  background-attachment: fixed !important;
}

body.sepid-solar-shell ::selection {
  background: rgba(238, 185, 76, .78);
  color: #17120a;
}

/* Shared header, search, drawer, and bottom navigation. */
body.sepid-solar-shell .solar-header__inner,
body.sepid-solar-shell .solar-header.is-scrolled .solar-header__inner {
  border-color: rgba(238, 185, 76, .28) !important;
  background:
    linear-gradient(110deg, rgba(238, 185, 76, .035), transparent 32%),
    rgba(12, 14, 18, .94) !important;
  box-shadow: 0 15px 50px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .045) !important;
}

body.sepid-solar-shell .solar-header-search,
body.sepid-solar-shell .solar-header-search .dgwt-wcas-search-wrapp,
body.sepid-solar-shell .solar-header-search .dgwt-wcas-sf-wrapp {
  border-color: rgba(238, 185, 76, .22) !important;
  background-color: rgba(238, 185, 76, .035) !important;
}

body.sepid-solar-shell .solar-header-search:focus-within,
body.sepid-solar-shell .solar-header-search .dgwt-wcas-search-wrapp:focus-within {
  border-color: rgba(238, 185, 76, .62) !important;
  box-shadow: 0 0 0 3px rgba(238, 185, 76, .09), 0 0 24px rgba(238, 185, 76, .1) !important;
}

body.sepid-solar-shell .solar-header-search button,
body.sepid-solar-shell .solar-header-search .dgwt-wcas-search-submit,
body.sepid-solar-shell .solar-menu-toggle,
body.sepid-solar-shell .solar-menu-toggle i {
  border-color: rgba(238, 185, 76, .35) !important;
  color: #eeb94c !important;
}

body.sepid-solar-shell .solar-menu-toggle i {
  background: #eeb94c !important;
}

body.sepid-solar-shell .solar-nav a:hover,
body.sepid-solar-shell .solar-nav a:focus-visible,
body.sepid-solar-shell .solar-nav .is-active,
body.sepid-solar-shell .solar-brand__mark,
body.sepid-solar-shell .solar-cart > span {
  color: #eeb94c !important;
}

body.sepid-solar-shell .site-mobile-navbar .site-mobile-navbar-inner {
  border-color: rgba(238, 185, 76, .34) !important;
  background: rgba(10, 12, 16, .96) !important;
}

body.sepid-solar-shell .site-mobile-navbar a.active,
body.sepid-solar-shell .site-mobile-navbar a.is-active {
  color: #f0c96f !important;
  background: linear-gradient(180deg, rgba(238, 185, 76, .15), rgba(238, 185, 76, .045)) !important;
  box-shadow: inset 0 0 0 1px rgba(238, 185, 76, .2) !important;
}

body.sepid-solar-shell .mobile-nav-cart-count {
  background: #eeb94c !important;
  color: #17120a !important;
}

/* Unified interactions on regular, blog, and WooCommerce pages. */
body.sepid-solar-shell :where(.site-main, .sepid-site-main, main) a:not(.button):not(.checkout-button):hover,
body.sepid-solar-shell :where(.site-main, .sepid-site-main, main) a:not(.button):not(.checkout-button):focus-visible,
body.sepid-solar-shell .sepidsolar-breadcrumb a:hover,
body.sepid-solar-shell .woocommerce-breadcrumb a:hover {
  color: #eeb94c;
}

body.sepid-solar-shell :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select):focus,
body.sepid-solar-shell .select2-container--focus .select2-selection,
body.sepid-solar-shell .select2-container--open .select2-selection {
  border-color: #eeb94c !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(238, 185, 76, .1) !important;
}

body.sepid-solar-shell :where(input[type="checkbox"], input[type="radio"]) {
  accent-color: #eeb94c;
}

body.sepid-solar-shell .select2-container--default .select2-results__option--highlighted,
body.sepid-solar-shell .select2-container--default .select2-results__option--highlighted[data-selected],
body.sepid-solar-shell .select2-container--default .select2-results__option--selected {
  background: #eeb94c !important;
  color: #17120a !important;
}

body.sepid-solar-shell :where(
  input[type="submit"],
  button[type="submit"],
  .sepidsolar-green-btn,
  .sepidsolar-btn-primary,
  .single_add_to_cart_button,
  .checkout-button,
  .wc-proceed-to-checkout .button,
  #place_order,
  .woocommerce-form-login__submit,
  .woocommerce-form-register__submit,
  .login-form .button,
  .register-form .button,
  .footer-newsletter-form-wrapper button
) {
  border-color: #eeb94c !important;
  background: linear-gradient(135deg, #f2c45e, #d99b2b) !important;
  color: #17120a !important;
  text-shadow: none !important;
  box-shadow: 0 8px 24px rgba(238, 185, 76, .15) !important;
}

body.sepid-solar-shell :where(
  input[type="submit"],
  button[type="submit"],
  .sepidsolar-green-btn,
  .sepidsolar-btn-primary,
  .single_add_to_cart_button,
  .checkout-button,
  #place_order,
  .woocommerce-form-login__submit,
  .woocommerce-form-register__submit
):hover {
  border-color: #f0c96f !important;
  background: linear-gradient(135deg, #f5cf78, #e4a83d) !important;
  box-shadow: 0 10px 28px rgba(238, 185, 76, .24) !important;
}

body.sepid-solar-shell .woocommerce-mini-cart__buttons .checkout,
body.sepid-solar-shell .woocommerce-mini-cart__buttons .wc-forward:hover {
  border-color: #eeb94c !important;
  background: #eeb94c !important;
  color: #17120a !important;
}

body.sepid-solar-shell .woocommerce-mini-cart__buttons .wc-forward,
body.sepid-solar-shell .button.add_to_cart_button,
body.sepid-solar-shell .product_type_simple,
body.sepid-solar-shell .product_type_variable {
  border-color: rgba(238, 185, 76, .56) !important;
}

body.sepid-solar-shell .woocommerce-pagination .page-numbers.current,
body.sepid-solar-shell .woocommerce-pagination a.page-numbers:hover,
body.sepid-solar-shell nav.woocommerce-pagination ul li span.current,
body.sepid-solar-shell .page-links .post-page-numbers.current {
  border-color: #eeb94c !important;
  background: #eeb94c !important;
  color: #17120a !important;
}

body.sepid-solar-shell .woocommerce-tabs ul.tabs li.active a,
body.sepid-solar-shell .woocommerce-tabs ul.tabs li a:hover,
body.sepid-solar-shell .woocommerce-MyAccount-navigation li.is-active a,
body.sepid-solar-shell .woocommerce-MyAccount-navigation a:hover {
  border-color: rgba(238, 185, 76, .56) !important;
  color: #eeb94c !important;
}

body.sepid-solar-shell .woocommerce-info {
  border-color: rgba(238, 185, 76, .5) !important;
  background: rgba(238, 185, 76, .075) !important;
  color: #eee6dc !important;
}

body.sepid-solar-shell .woocommerce-info::before,
body.sepid-solar-shell .woocommerce-info a {
  color: #eeb94c !important;
}

/* Cards, panels, and decorative glows use warm neutral surfaces. */
body.sepid-solar-shell :where(
  .solar-store-products,
  .solar-store-product,
  .solar-benefit-card,
  .solar-article-card,
  .solar-intro-workload,
  .solar-products-contact__panel,
  .solar-consult-social__list,
  .sepid-account-card,
  .woocommerce-MyAccount-content,
  .woocommerce-checkout-review-order,
  .cart-collaterals,
  .sepidsolar-product-card
) {
  border-color: rgba(238, 185, 76, .24) !important;
}

body.sepid-solar-shell :where(
  .solar-benefit-card__icon,
  .solar-intro-workload__visual,
  .solar-products-contact__panel a span,
  .solar-article-card__meta span,
  .solar-kicker
) {
  border-color: rgba(238, 185, 76, .3) !important;
  color: #eeb94c !important;
}

body.sepid-solar-shell :where(
  .solar-benefits__glow,
  .solar-category-showcase__halo,
  .solar-orb--two
) {
  background: radial-gradient(circle, rgba(238, 185, 76, .22), transparent 68%) !important;
}

body.sepid-solar-shell .solar-store-products__progress-drag,
body.sepid-solar-shell .swiper-pagination-bullet-active,
body.sepid-solar-shell .solar-store-products__bullet.is-active {
  background: #eeb94c !important;
  box-shadow: 0 0 14px rgba(238, 185, 76, .22) !important;
}

body.sepid-solar-shell .solar-store-products__arrow,
body.sepid-solar-shell .swiper-button-next,
body.sepid-solar-shell .swiper-button-prev {
  border-color: rgba(238, 185, 76, .5) !important;
  color: #eeb94c !important;
}

/* Preserve semantic feedback colors instead of turning them into decoration. */
body.sepid-solar-shell :where(.woocommerce-message, .is-success, .status-completed) {
  --sepid-semantic-color: #4ade80;
}

body.sepid-solar-shell :where(.woocommerce-error, .is-error, .status-failed, .account-danger) {
  --sepid-semantic-color: #ef4444;
}

/* Mobile viewport ending: lift navigation and reserve footer space only once. */
@media (max-width: 760px) {
  body.sepid-solar-shell.solardev-bottom-menu,
  body.sepid-solar-home.solardev-bottom-menu,
  body.sepid-solar-home {
    padding-bottom: 0 !important;
  }

  body.sepid-solar-shell .site-mobile-navbar,
  body.sepid-solar-shell .solardev-mobile-bottom {
    inset-block-end: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.sepid-solar-shell .sepid-mobile-bottom-nav {
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.woocommerce-account.logged-in .sepidsolar-account-toggle {
    right: auto !important;
    left: 20px !important;
    inset-block-end: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
    display: inline-flex !important;
    inline-size: 148px !important;
    block-size: 52px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    padding: 6px 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(238, 185, 76, .38) !important;
    border-radius: 15px !important;
    color: #eeb94c !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)),
      #15171b !important;
    direction: ltr;
    box-shadow:
      0 10px 28px rgba(0, 0, 0, .38),
      inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    animation: sepid-account-toggle-expand .58s cubic-bezier(.22, 1, .36, 1) .42s both;
  }

  body.woocommerce-account.logged-in .sepidsolar-account-toggle .sepidsolar-burger {
    flex: 0 0 36px !important;
    inline-size: 36px !important;
    block-size: 36px !important;
    color: #eeb94c !important;
    background: rgba(238, 185, 76, .08) !important;
    animation: sepid-account-icon-enter .28s ease-out .12s both;
  }

  body.woocommerce-account.logged-in .sepidsolar-account-toggle .sepidsolar-label {
    display: block !important;
    min-inline-size: 0;
    max-inline-size: 90px;
    overflow: hidden;
    color: #ede8dc;
    direction: rtl;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
    opacity: 1;
    text-align: right;
    white-space: nowrap;
    animation: sepid-account-label-reveal .38s ease-out .82s both;
  }

  body.woocommerce-account.logged-in .sepidsolar-account-toggle:hover,
  body.woocommerce-account.logged-in .sepidsolar-account-toggle:focus-visible,
  body.woocommerce-account.logged-in .sepidsolar-account-toggle[aria-expanded="true"] {
    transform: none !important;
  }

  @keyframes sepid-account-toggle-expand {
    from {
      inline-size: 52px;
    }
    to {
      inline-size: 148px;
    }
  }

  @keyframes sepid-account-icon-enter {
    from {
      opacity: 0;
      transform: translateX(-10px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes sepid-account-label-reveal {
    from {
      max-inline-size: 0;
      opacity: 0;
      transform: translateX(-14px);
    }
    to {
      max-inline-size: 90px;
      opacity: 1;
      transform: translateX(0);
    }
  }

  body.sepid-solar-shell .sepid-global-footer,
  body.sepid-solar-shell .sepid-global-footer__shell {
    margin-bottom: 0 !important;
  }

  body.sepid-solar-shell .sepid-global-footer__container {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Footer link arrows: always sit on the left and point left in RTL. */
body.sepid-solar-shell .sepid-global-footer__column a i {
  display: inline-grid !important;
  inline-size: 20px !important;
  min-inline-size: 20px !important;
  block-size: 20px !important;
  margin-inline-start: auto !important;
  color: #eeb94c !important;
  font-size: 0 !important;
  line-height: 1 !important;
  transform: none !important;
  place-items: center !important;
}

body.sepid-solar-shell .sepid-global-footer__column a i::before {
  content: "\2190";
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  body.woocommerce-account.logged-in .sepidsolar-account-toggle,
  body.woocommerce-account.logged-in .sepidsolar-account-toggle .sepidsolar-burger,
  body.woocommerce-account.logged-in .sepidsolar-account-toggle .sepidsolar-label {
    animation: none !important;
  }
}