.elementor-kit-10{--e-global-color-primary:#2E5870;--e-global-color-secondary:#F2F5F5;--e-global-color-text:#1B2A31;--e-global-color-accent:#8FB884;--e-global-color-ce4cac4:#16303F;--e-global-color-f530db0:#AEB6B9;--e-global-color-4ea7f54:#545B5E;--e-global-color-d3aa0ad:#C7DCC0;--e-global-color-2651d41:#D7DDDD;--e-global-color-f4ae171:#5E8A52;--e-global-color-bd6afbd:#9B2C2C;--e-global-color-293084d:#D6C0C045;--e-global-typography-primary-font-family:"VazirMatn";font-feature-settings:"numr";--e-global-typography-primary-font-size:2.5rem;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"VazirMatn";--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"VazirMatn";--e-global-typography-text-font-size:1.5rem;--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"VazirMatn";--e-global-typography-accent-font-size:1.25rem;--e-global-typography-accent-font-weight:600;--e-global-typography-b9dbd65-font-family:"VazirMatn";--e-global-typography-b9dbd65-font-size:1rem;--e-global-typography-b9dbd65-font-weight:400;--e-global-typography-32643a5-font-size:0.875rem;--e-global-typography-32643a5-font-weight:400;--e-global-typography-db9c574-font-family:"VazirMatn";--e-global-typography-db9c574-font-size:1rem;--e-global-typography-db9c574-font-weight:600;font-family:var( --e-global-typography-b9dbd65-font-family ), Sans-serif;font-size:var( --e-global-typography-b9dbd65-font-size );font-weight:var( --e-global-typography-b9dbd65-font-weight );}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-10 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-10 h3{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-10 h4{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-10{font-size:var( --e-global-typography-b9dbd65-font-size );}.elementor-kit-10 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-10 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-10 h3{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-10 h4{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{font-size:var( --e-global-typography-b9dbd65-font-size );}.elementor-kit-10 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-10 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-10 h3{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-10 h4{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ================================
   Design Tokens — Perfume Store
   Paste into: Appearance > Customize > Additional CSS
   ================================ */

:root {
  /* Color tokens */
  --color-ink: #1B2A31;          /* primary text, headings */
  --color-cobalt: #2E5870;       /* brand primary — perfume glass blue */
  --color-deep-navy: #16303F;    /* sale / highlight badges only */
  --color-silver: #AEB6B9;       /* secondary neutral — aluminum bottle metal */
  --color-graphite: #545B5E;     /* secondary text, icons */
  --color-pistachio: #8FB884;    /* accent, use sparingly */
  --color-pistachio-light: #C7DCC0; /* soft tag/badge backgrounds */
  --color-frost: #F2F5F5;        /* page background */
  --color-border: #D7DDDD;       /* dividers, card borders */
  --color-success: #5E8A52;
  --color-error: #9B2C2C;        /* functional only — never used decoratively */
  --color-white: #FFFFFF;

  /* Spacing scale (8px base grid) */
  --space-1: 0.25rem;  /* 4px */
  --space-2: 0.5rem;   /* 8px */
  --space-3: 1rem;     /* 16px */
  --space-4: 1.5rem;   /* 24px */
  --space-5: 2rem;     /* 32px */
  --space-6: 3rem;     /* 48px */
  --space-7: 4rem;     /* 64px */
  --space-8: 6rem;     /* 96px */

  /* Type scale */
  --font-brand: 'Vazirmatn', 'Roboto', sans-serif;
  --text-h1: 2.5rem;
  --text-h2: 2rem;
  --text-h3: 1.5rem;
  --text-h4: 1.25rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --line-height-body: 1.8; /* Persian script reads more comfortably with extra line-height */

  /* Shape */
  --radius-drop: 50% 50% 50% 0; /* signature "drop" shape for badges/dividers */
  --radius-card: 6px;
}

/* Base typography — covers areas Elementor doesn't style directly
   (WooCommerce notices, My Account page, default widget output) */
body, input, textarea, select, button {
  font-family: var(--font-brand);
  color: var(--color-ink);
  background-color: var(--color-frost);
  line-height: var(--line-height-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-brand);
  font-weight: 700;
  color: var(--color-ink);
}

/* --- RTL safety net ---
   Site language set to Persian handles most layout mirroring automatically.
   These catch common things that do NOT auto-flip. Test against your real
   templates and delete anything you don't actually need. */

body.rtl .elementor-icon-list-icon {
  margin-left: var(--space-2);
  margin-right: 0;
}

body.rtl .woocommerce-breadcrumb {
  direction: rtl;
  text-align: right;
}

/* Signature "drop" badge — use for the price-per-100g/kg tag on essence products */
.pbm-drop-badge {
  display: inline-block;
  background: var(--color-cobalt);
  color: var(--color-white);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-drop);
  font-size: var(--text-small);
  font-weight: 600;
}

/* Trust badge row — used under the Add to Cart button on the Single Product template */
.pbm-trust-row {
  display: flex;
  gap: var(--space-4);
  flex-wrap: wrap;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding: var(--space-3) 0;
  margin: var(--space-4) 0;
}

/* WooCommerce sale badge recolored to match brand */
.woocommerce span.onsale {
  background-color: var(--color-deep-navy);
  color: var(--color-white);
}

/* Form/notice states */
.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--color-pistachio) !important;
}
.woocommerce-error {
  border-top-color: var(--color-error) !important;
}/* End custom CSS */