/* =========================
   Florixflo — Design System
   ========================= */
:root{
  /* Logo-inspired palette */
  --fx-rose: #d7a3a7;   /* soft rose */
  --fx-sage: #7a8d7b;   /* sage green */
  --fx-cream: #faf7f2;  /* warm off-white */
  --fx-ink: #141414;    /* near-black */

  /* UI */
  --fx-radius: 18px;
  --fx-radius-sm: 12px;
  --fx-shadow: 0 10px 30px rgba(0,0,0,.08);

  /* Typography */
  --fx-font: "Vazirmatn", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --fx-text: 16px;
  --fx-line: 1.85;
}

/* Base */
html{ -webkit-text-size-adjust:100%; }
body{
  background: var(--fx-cream);
  color: var(--fx-ink);
  font-family: var(--fx-font);
  font-size: var(--fx-text);
  line-height: var(--fx-line);
}

/* Make front-end RTL-friendly without touching admin */
.site, .elementor, .entry-content{
  direction: rtl;
}

/* Links */
a{ color: inherit; text-decoration: none; }
a:hover{ opacity:.92; }

/* Headings: minimal luxury */
h1,h2,h3,h4,h5,h6{
  font-family: var(--fx-font);
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0 0 .6em;
}
h1{ font-size: clamp(28px, 4.5vw, 44px); font-weight: 700; }
h2{ font-size: clamp(22px, 3.6vw, 34px); font-weight: 700; }
h3{ font-size: clamp(18px, 3vw, 26px); font-weight: 600; }

/* Buttons baseline (Elementor + Woo) */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  border-radius: var(--fx-radius);
  border: 1px solid rgba(20,20,20,.12);
  background: #fff;
  color: var(--fx-ink);
  box-shadow: var(--fx-shadow);
  padding: 12px 16px;
  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  transform: translateY(-1px);
}

/* Helpers for Elementor */
.fx-btn-accent{
  background: linear-gradient(135deg, var(--fx-rose), #fff);
  border-color: rgba(215,163,167,.55);
}
.fx-card{
  background: #fff;
  border: 1px solid rgba(20,20,20,.08);
  border-radius: var(--fx-radius);
  box-shadow: var(--fx-shadow);
}