/*
Theme Name:   HANIMÈ Body
Theme URI:    https://www.hanimebody.com
Description:  Custom WordPress theme for HANIMÈ®. Design: rose tones, Cormorant Garamond + Jost, brand accent. Full WooCommerce support.
Author:       HANIMÈ Body
Author URI:   https://www.hanimebody.com
Version:      1.0.0
Update URI:   false
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License:      GPL-2.0-or-later
Text Domain:  hanimebody-theme
Tags:         woocommerce, e-commerce, custom-background, custom-logo, full-width-template, one-column, two-columns, left-sidebar, right-sidebar
*/

/* ─────────────────────────────────────────────
   CSS VARIABLES
───────────────────────────────────────────── */
:root {
  --pink:   #c9184a;
  --blush:  #fce8f2;
  --cream:  #fdf3f8;
  --wine:   #5e1840;
  --dark:   #1e0e1a;
  --mid:    #7a4a6a;
  --border: rgba(94,24,64,0.13);
  --white:  #ffffff;
  --fd: 'Cormorant Garamond', Georgia, serif;
  --fb: 'Jost', sans-serif;
  --radius-pill: 30px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --shadow-card: 0 4px 24px rgba(122,29,58,0.08);
  --shadow-hover: 0 16px 40px rgba(122,29,58,0.14);
  --transition: 0.25s ease;
}

/* ─────────────────────────────────────────────
   RESET & BASE
───────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
  font-family: var(--fb);
  color: var(--dark);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--pink); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--wine); }
ul { list-style: none; }
button, input, select, textarea { font-family: var(--fb); }

h1,h2,h3,h4,h5,h6 {
  font-family: var(--fd);
  color: var(--wine);
  line-height: 1.1;
}

/* ─────────────────────────────────────────────
   LAYOUT HELPERS
───────────────────────────────────────────── */
.container { max-width: 1320px; margin: 0 auto; padding: 0 48px; }
.container-fluid { padding: 0 48px; }
.section-pad { padding: 80px 48px; }
.section-pad-sm { padding: 48px; }

/* ─────────────────────────────────────────────
   TYPOGRAPHY
───────────────────────────────────────────── */
.t-display { font-family: var(--fd); }
.t-label {
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--fb);
}
.t-body { font-family: var(--fb); font-weight: 300; line-height: 1.75; color: var(--mid); }

/* ─────────────────────────────────────────────
   BUTTONS
───────────────────────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  border-radius: var(--radius-pill);
  font-family: var(--fb);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: all var(--transition);
  text-decoration: none;
  white-space: nowrap;
}
.btn-primary { background: var(--pink); color: #fff; }
.btn-primary:hover { background: var(--wine); color: #fff; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(232,23,75,.3); }
.btn-secondary { background: transparent; color: var(--wine); border: 1.5px solid var(--wine); }
.btn-secondary:hover { background: var(--wine); color: #fff; }
.btn-outline-white { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.6); }
.btn-outline-white:hover { background: #fff; color: var(--wine); }
.btn-sm { padding: 10px 22px; font-size: 11px; }
.btn-full { width: 100%; }