/*
 Theme Name:   Sherasade Kadence Child
 Description:  Child theme Kadence per Sherasade Istituti di Bellezza
 Author:       Valore Digitale
 Template:     kadence
 Version:      1.0.0
 Text Domain:  sherasade-kadence-child
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Raleway:wght@300;400;600&family=Ephesis&display=swap');

:root {
  --sh-gold:       #e4c37c;
  --sh-gold-dark:  #c9a45a;
  --sh-black:      #000000;
  --sh-white:      #ffffff;
  --sh-gray-light: #f5f5f5;
  --sh-gray-dark:  #333333;
  --font-title:    'Cormorant Garamond', Georgia, serif;
  --font-body:     'Raleway', sans-serif;
  --font-firma:    'Ephesis', cursive;
  --radius-pill:   999px;
  --transition:    0.3s ease;
}

/* === BASE === */
*, *::before, *::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  color: var(--sh-black);
  background: var(--sh-white);
  line-height: 1.7;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--transition); }

/* === TIPOGRAFIA === */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-title);
  font-weight: 300;
  line-height: 1.15;
  letter-spacing: 0.02em;
}

h1 { font-size: clamp(2.5rem, 6vw, 5rem); }
h2 { font-size: clamp(2rem, 4vw, 3.75rem); }
h3 { font-size: clamp(1.5rem, 3vw, 2.75rem); }

p {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.8;
  color: var(--sh-gray-dark);
}

.sh-firma {
  font-family: var(--font-firma);
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  color: var(--sh-gold);
  line-height: 1.2;
}

.sh-overline {
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--sh-gold);
}

/* === BOTTONI === */
.sh-btn {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 0.9rem 2.2rem;
  background: var(--sh-gold);
  color: var(--sh-black);
  border: 2px solid var(--sh-gold);
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all var(--transition);
}
.sh-btn:hover {
  background: transparent;
  color: var(--sh-gold);
}

.sh-btn-outline {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 0.9rem 2.2rem;
  background: transparent;
  color: var(--sh-black);
  border: 2px solid rgba(0,0,0,0.2);
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all var(--transition);
}
.sh-btn-outline:hover {
  border-color: var(--sh-gold);
  color: var(--sh-gold);
}

/* === DIVISORI === */
.sh-divider {
  width: 60px;
  height: 1px;
  background: var(--sh-gold);
  margin: 2rem auto;
  border: none;
}
.sh-divider--left { margin-left: 0; }

/* === LAYOUT === */
.sh-section { padding: 7rem 0; }
.sh-section--dark { background: var(--sh-black); }
.sh-section--dark h1,
.sh-section--dark h2,
.sh-section--dark h3,
.sh-section--dark p { color: var(--sh-white); }
.sh-section--gray { background: var(--sh-gray-light); }

.sh-text-gold  { color: var(--sh-gold); }
.sh-text-white { color: var(--sh-white); }

/* === VIDEO WRAPPER 9:16 === */
.sh-video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 177.78%;
  overflow: hidden;
  background: var(--sh-black);
}
.sh-video-wrapper iframe,
.sh-video-wrapper video {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

/* === CARD === */
.sh-card {
  background: var(--sh-white);
  border: 1px solid rgba(228,195,124,0.2);
  padding: 2rem;
  transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}
.sh-card:hover {
  border-color: var(--sh-gold);
  box-shadow: 0 8px 40px rgba(228,195,124,0.12);
  transform: translateY(-4px);
}

/* === ANIMAZIONI === */
@keyframes sh-fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
.sh-fadeUp { animation: sh-fadeUp 0.8s cubic-bezier(0.16,1,0.3,1) both; }
.sh-fadeUp--1 { animation-delay: 0.1s; }
.sh-fadeUp--2 { animation-delay: 0.25s; }
.sh-fadeUp--3 { animation-delay: 0.4s; }

/* === KADENCE NAVBAR OVERRIDES === */
#site-header,
.site-header {
  background: var(--sh-white) !important;
  border-bottom: 1px solid rgba(228,195,124,0.2) !important;
  box-shadow: none !important;
}

#site-header .kadence-navigation .menu-item > a,
.header-navigation .menu-item > a {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--sh-gold) !important;
}

#site-header .kadence-navigation .menu-item > a:hover {
  color: var(--sh-gold-dark) !important;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  .sh-section { padding: 4rem 0; }
  .sh-btn, .sh-btn-outline { padding: 0.8rem 1.8rem; font-size: 0.75rem; }
}

@media (max-width: 480px) {
  .sh-section { padding: 3rem 0; }
}