/*
Theme Name: Sladkarnici Roza
Theme URI: https://test-roza.almateastudio.com
Author: Almatea Studio
Description: Custom coded theme for Sladkarnici Roza — premium Bulgarian patisserie chain. Ported 1:1 from an approved static prototype (Vanilla / Rose Dust / Chocolate Ganache, Champagne Gold accent).
Version: 0.2.0
Requires PHP: 7.4
Text Domain: sladkarnici-roza
*/

:root{
  --rose-950:#3a1c22;
  --rose-900:#5c2530;
  --rose-800:#7c3247;
  --rose-700:#96394f;
  --rose-600:#a8455c;
  --rose-500:#bc5b6f;
  --rose-300:#e9bcc4;
  --rose-200:#f3d8db;
  --rose-100:#faeaec;
  --rose-dust-700:#9c5568;
  --rose-dust-500:#b97690;
  --rose-dust-300:#dcaebc;

  --vanilla:#fdfaf3;
  --vanilla-deep:#f8f1e3;
  --blush-50:#fdfaf3;
  --blush-100:#f8f1e3;
  --cream:#fffdf8;

  --surface:#f8e8e2;
  --surface-2:#f2dad4;
  --surface-3:#ebcbc8;

  --gold-600:#ad9268;
  --gold-500:#c2a97e;
  --gold-300:#ddc79c;
  --gold-100:#f0e6d2;

  --ink-900:#4a3222;
  --ink-700:#5a4536;
  --ink-500:#8a7565;
  --ink-300:#bcaa9c;
  --ganache-700:#4a3222;
  --ganache-500:#6b4a34;

  --mint-600:#8fb9a8;
  --mint-300:#c7e2d6;
  --mint-100:#e6f3ee;

  --border-width: 1px;
  --border-color-default: var(--ganache-700);
  --border-color-hover: var(--gold-500);
  --transition-ui: 200ms ease;

  --border-rose: var(--border-width) solid var(--border-color-default);
  --border-rose-soft: 1px solid rgba(74,50,34,.12);

  --white:#ffffff;

  --font-script: 'Playfair Display', 'Georgia', serif;
  --font-serif: 'Playfair Display', 'Georgia', serif;
  --font-sans: 'Jost', 'Segoe UI', sans-serif;

  --shadow-sm: 0 2px 8px rgba(60,25,35,.05);
  --shadow-md: 0 8px 22px rgba(60,25,35,.08);
  --shadow-lg: 0 16px 38px rgba(60,25,35,.11);

  --radius-control: 2px;
  --radius-card: 3px;

  --radius-sm: var(--radius-control);
  --radius-md: var(--radius-card);
  --radius-lg: var(--radius-card);
  --radius-round: var(--radius-control);

  --container: 1240px;
  --header-h: 131px;
}

*,*::before,*::after{ box-sizing:border-box; }
[hidden]{ display:none !important; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--font-sans);
  color:var(--ink-900);
  background:var(--blush-50);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
.icon{ width:20px; height:20px; flex:none; }
a{ color:inherit; text-decoration:none; transition:color var(--transition-ui); }
ul{ list-style:none; margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ font-family:var(--font-serif); font-weight:600; line-height:1.15; margin:0; }
p{ margin:0; }
.container{ max-width:var(--container); margin:0 auto; padding:0 24px; }

.script{ font-family:var(--font-script); color:var(--gold-500); font-weight:600; font-style:italic; }

.eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--rose-600); font-weight:600; margin-bottom:14px; }
.eyebrow::before{ content:""; width:22px; height:1px; background:var(--gold-500); }

.section-head{ max-width:640px; margin-bottom:40px; }
.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
.section-head h2{ font-size:clamp(1.7rem,3vw,2.4rem); }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 30px; border-radius:var(--radius-control);
  font-size:.86rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
  border:var(--border-width) solid transparent; transition:var(--transition-ui); white-space:nowrap; cursor:pointer;
}
.btn-primary{ background:transparent; color:var(--rose-dust-700); box-shadow:none; border:var(--border-width) solid var(--rose-dust-700); }
.btn-primary:hover{ background:var(--rose-dust-700); color:var(--vanilla); transform:translateY(-2px); box-shadow:var(--shadow-sm); }
.btn-outline{ background:transparent; border-color:var(--rose-700); color:var(--rose-700); }
.btn-outline:hover{ background:var(--rose-700); color:var(--vanilla); }
.btn-outline-light{ border-color:var(--vanilla); color:var(--vanilla); }
.btn-outline-light:hover{ background:var(--vanilla); color:var(--rose-950); border-color:var(--vanilla); }
.btn-ghost{ background:var(--vanilla-deep); color:var(--rose-700); box-shadow:var(--shadow-sm); border:var(--border-rose); }
.btn-ghost:hover{ background:var(--surface-2); border-color:var(--border-color-hover); }
.btn-gold{ background:transparent; color:var(--gold-500); border:var(--border-width) solid var(--gold-500); }
.btn-gold:hover{ background:var(--gold-500); color:var(--rose-950); }
.btn-sm{ padding:10px 20px; font-size:.76rem; }
.btn-block{ width:100%; }
.btn[disabled]{ opacity:.5; cursor:not-allowed; }
.btn-icon{ width:44px; height:44px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--vanilla-deep); box-shadow:var(--shadow-sm); border:var(--border-rose); flex:none; color:var(--rose-700); transition:var(--transition-ui); }
.btn-icon:hover{ background:var(--surface-2); border-color:var(--border-color-hover); color:var(--gold-500); }
@media (max-width:480px){ .btn{ white-space:normal; text-align:center; } }

.link-arrow{ color:var(--rose-700); font-weight:600; font-size:.85rem; display:inline-flex; align-items:center; gap:6px; transition:var(--transition-ui); }
.link-arrow svg{ transition:var(--transition-ui); width:14px; height:14px; }
.link-arrow:hover{ color:var(--gold-500); }
.link-arrow:hover svg{ transform:translateX(4px); }