/* ============================================================
   SERUNI JEWELRY STORE — Global Stylesheet
   Fonts: Philosopher (headings) + Mulish (body)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Mulish:wght@300;400;500;600;700;800;900&display=swap');

/* ── Elementor CSS Variable Overrides ───────────────────────── */
:root {
  --e-global-color-primary:   #C3A59C;
  --e-global-color-secondary: #523C36;
  --e-global-color-text:      #928480;
  --e-global-color-accent:    #D0A38D;
  --e-global-color-8a5444f:   #CBC1BF;
  --e-global-color-308e809:   #FEFBFB;
  --e-global-color-a291686:   #FFFFFF;
  --e-global-color-91455cb:   #F8F2F0;

  --e-global-typography-primary-font-family:   'Philosopher';
  --e-global-typography-primary-font-weight:   700;
  --e-global-typography-secondary-font-family: 'Philosopher';
  --e-global-typography-secondary-font-weight: 700;
  --e-global-typography-text-font-family:      'Mulish';
  --e-global-typography-text-font-weight:      400;
  --e-global-typography-accent-font-family:    'Mulish';
  --e-global-typography-accent-font-weight:    400;
}

/* ── Base Reset ─────────────────────────────────────────────── */
*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Mulish', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #928480 !important;
  background-color: #FEFBFB !important;
  -webkit-font-smoothing: antialiased;
}

/* ── Headings ───────────────────────────────────────────────── */
h1, h2, h3, h4, h5,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
  font-family: 'Philosopher', serif !important;
  color: #523C36 !important;
  line-height: 1.1 !important;
}

h1, .elementor-size-xxl { font-size: 54px !important; font-weight: 700 !important; letter-spacing: -0.7px !important; }
h2, .elementor-size-xl  { font-size: 44px !important; font-weight: 700 !important; line-height: 1.1 !important; }
h3, .elementor-size-large { font-size: 35px !important; font-weight: 700 !important; line-height: 1.2 !important; }
h4, .elementor-size-medium { font-size: 28px !important; font-weight: 700 !important; line-height: 1.2 !important; }
h5, .elementor-size-small { font-size: 22px !important; font-weight: 700 !important; line-height: 1.3 !important; }

h6,
.elementor-widget-heading .elementor-heading-title.elementor-size-xs {
  font-family: 'Mulish', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #D0A38D !important;
  line-height: 1.6 !important;
}

/* ── Paragraph / Body Text ──────────────────────────────────── */
p,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: 'Mulish', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #928480 !important;
}

/* ── Links ──────────────────────────────────────────────────── */
a                { color: #D0A38D !important; text-decoration: none; transition: color .2s; }
a:hover          { color: #C3A59C !important; }

/* ── Buttons ────────────────────────────────────────────────── */
.elementor-button,
.elementor-button-wrapper a.elementor-button,
a.elementor-button,
button.elementor-button,
.wp-block-button__link,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.6em !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.4px !important;
  background-color: #D0A38D !important;
  color: #F8F2F0 !important;
  border: none !important;
  border-radius: 7px !important;
  padding: 14px 32px !important;
  box-shadow: 6px 10px 15px -12px rgba(0,0,0,0.2) !important;
  transition: background-color .25s, box-shadow .25s !important;
  cursor: pointer;
}

.elementor-button:hover,
a.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
input[type="submit"]:hover {
  background-color: #C3A59C !important;
  color: #F8F2F0 !important;
  box-shadow: 6px 10px 18px -9px rgba(0,0,0,0.2) !important;
}

/* ── Page / Section Background ──────────────────────────────── */
.elementor-section,
.elementor-top-section,
.e-con,
.e-container {
  background-color: transparent;
}

/* Light background sections */
.elementor-section.elementor-section-boxed {
  background-color: #FEFBFB;
}

/* Alternative background */
section,
.seruni-bg-alt {
  background-color: #F8F2F0;
}

/* ── Header ─────────────────────────────────────────────────── */
header,
.site-header,
.elementor-location-header,
.ast-header-html-a,
.main-header-bar {
  background-color: #FFFFFF !important;
  box-shadow: 0 1px 12px rgba(0,0,0,0.05) !important;
}

/* Nav menu items */
.main-navigation a,
.nav-menu > li > a,
.elementor-nav-menu a,
.ast-main-navigation > li > a,
.menu-item a {
  font-family: 'Philosopher', serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  color: #523C36 !important;
  transition: color .2s !important;
}

.main-navigation a:hover,
.elementor-nav-menu a:hover,
.ast-main-navigation > li > a:hover {
  color: #D0A38D !important;
}

/* ── Footer ─────────────────────────────────────────────────── */
footer,
.site-footer,
.elementor-location-footer,
.ast-footer-html-a {
  background-color: #523C36 !important;
  color: #CBC1BF !important;
}

.elementor-location-footer a,
.site-footer a {
  color: #D0A38D !important;
}

.elementor-location-footer p,
.site-footer p {
  color: #CBC1BF !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* ── Form Fields ────────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea,
select,
.elementor-field-type-text input,
.elementor-field-type-email input,
.elementor-field-type-textarea textarea {
  font-family: 'Mulish', sans-serif !important;
  font-size: 16px !important;
  color: #928480 !important;
  background-color: #F8F2F0 !important;
  border: 1px solid #F8F2F0 !important;
  border-radius: 7px !important;
  padding: 12px 16px !important;
  box-shadow: 6px 10px 15px -18px rgba(0,0,0,0.5) !important;
  transition: border-color .2s, box-shadow .2s !important;
  width: 100%;
}

input:focus,
textarea:focus,
select:focus {
  background-color: #FEFBFB !important;
  border-color: #FEFBFB !important;
  box-shadow: 6px 10px 18px -9px rgba(0,0,0,0.2) !important;
  outline: none !important;
}

/* Form Labels */
label,
.elementor-field-label {
  font-family: 'Philosopher', serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  color: #C3A59C !important;
}

/* ── Icon Boxes (Jewelry Store / Crafter etc) ───────────────── */
.elementor-icon-box-wrapper {
  background-color: #F8F2F0;
  border-radius: 12px;
  padding: 24px;
}

.elementor-icon-box-title,
.elementor-icon-box-title a {
  font-family: 'Philosopher', serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #523C36 !important;
}

.elementor-icon-box-description {
  font-family: 'Mulish', sans-serif !important;
  font-size: 14px !important;
  color: #928480 !important;
  line-height: 1.5 !important;
}

.elementor-icon i,
.elementor-icon svg {
  color: #D0A38D !important;
  fill: #D0A38D !important;
}

/* ── WooCommerce ────────────────────────────────────────────── */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Philosopher', serif !important;
  font-weight: 700 !important;
  color: #523C36 !important;
}

.woocommerce ul.products li.product .price,
.woocommerce .price {
  color: #D0A38D !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 600 !important;
}

.woocommerce ul.products li.product .price del {
  color: #CBC1BF !important;
  opacity: 1 !important;
}

.woocommerce span.onsale {
  background-color: #D0A38D !important;
  color: #FFFFFF !important;
  border-radius: 50% !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 700 !important;
}

.woocommerce-page .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb {
  font-family: 'Mulish', sans-serif !important;
  color: #CBC1BF !important;
  font-size: 13px !important;
}

.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
  color: #D0A38D !important;
}

/* ── Hero Section Fix ───────────────────────────────────────── */
.elementor-section .elementor-heading-title {
  color: inherit !important;
}

/* White text headings on dark backgrounds */
.elementor-section[data-settings*="background_color"] h1,
.elementor-section[data-settings*="background_color"] h2,
.elementor-section[data-settings*="background_color"] h3,
[style*="background-color: #523"] h1,
[style*="background-color: #523"] h2 {
  color: #FFFFFF !important;
}

/* ── Elementor Divider ──────────────────────────────────────── */
.elementor-divider-separator {
  border-color: #C3A59C !important;
}

/* ── Tablet ─────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  h1 { font-size: 48px !important; }
  h2 { font-size: 39px !important; }
  h3 { font-size: 31px !important; }
  h4 { font-size: 25px !important; }
  h5 { font-size: 20px !important; }
  body { font-size: 15px !important; }
}

/* ── Mobile ─────────────────────────────────────────────────── */
@media (max-width: 767px) {
  h1 { font-size: 35px !important; }
  h2 { font-size: 29px !important; }
  h3 { font-size: 24px !important; }
  h4 { font-size: 20px !important; }
  h5 { font-size: 17px !important; }
  body { font-size: 14px !important; }
  p, .elementor-widget-text-editor p { font-size: 14px !important; }
}