/*
Theme Name:   Chez Carmen
Theme URI:    https://chez-carmen.com
Description:  Editorial child theme for Divi — Chez Carmen, A Studio by Carmen Ignatzi. Cream/Ink palette, Cormorant Garamond + Inter, custom pill-CTAs, Calendly popup integration.
Author:       Built for Chez Carmen
Author URI:   https://chez-carmen.com
Template:     Divi
Version:      1.0.0
Text Domain:  chez-carmen
*/

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

:root {
  --cc-cream:        #F4EDE3;
  --cc-cream-soft:   #EFE7DC;
  --cc-cream-deep:   #ECE3D5;
  --cc-ink:          #15110D;
  --cc-ink-soft:     #2A241D;
  --cc-muted:        #7A6F62;
  --cc-muted-light:  #B5AB9C;
  --cc-line:         #D9CFC1;
  --cc-line-dark:    #2D2620;

  --cc-font-sans:  "Inter", ui-sans-serif, system-ui, sans-serif;
  --cc-font-serif: "Cormorant Garamond", "EB Garamond", Georgia, serif;
}

/* --- Globale Typografie & Hintergrund --- */
body,
body.et_pb_pagebuilder_layout {
  background-color: var(--cc-cream);
  color: var(--cc-ink);
  font-family: var(--cc-font-sans);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#main-content,
.et_pb_section {
  background-color: transparent;
}

::selection {
  background-color: var(--cc-ink);
  color: var(--cc-cream);
}

/* --- Wordmark / Header --- */
.cc-wordmark {
  display: inline-block;
  line-height: 1;
}
.cc-wordmark__name {
  font-family: var(--cc-font-serif);
  font-size: 22px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--cc-ink);
}
.cc-wordmark__name em {
  font-style: italic;
  font-weight: 400;
}
.cc-wordmark__sub {
  display: block;
  margin-top: 6px;
  font-size: 9px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--cc-muted);
}

/* --- Eyebrow (optional, falls jemals gebraucht) --- */
.cc-eyebrow {
  font-family: var(--cc-font-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cc-muted);
}

/* --- Serif-Headlines --- */
.cc-serif,
.cc-serif * {
  font-family: var(--cc-font-serif) !important;
  letter-spacing: -0.01em !important;
  font-weight: 400 !important;
}
.cc-italic {
  font-style: italic;
}

/* --- Hairlines (dünne Trennlinien) --- */
.cc-hairline {
  display: block;
  height: 1px;
  background-color: var(--cc-line);
  border: 0;
  margin: 0;
}
.cc-hairline--dark {
  background-color: var(--cc-line-dark);
}

/* --- CTA-Pill (Buttons) --- */
.cc-pill,
a.cc-pill,
.et_pb_button.cc-pill {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  padding: 14px 28px !important;
  font-family: var(--cc-font-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  border: 1px solid var(--cc-ink) !important;
  color: var(--cc-ink) !important;
  background-color: transparent !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: background-color 220ms ease, color 220ms ease !important;
  cursor: pointer;
  line-height: 1 !important;
}
.cc-pill:hover,
a.cc-pill:hover,
.et_pb_button.cc-pill:hover {
  background-color: var(--cc-ink) !important;
  color: var(--cc-cream) !important;
}
.cc-pill::after {
  content: " ↗";
  display: inline-block;
  margin-left: 4px;
  letter-spacing: 0;
}
.et_pb_button.cc-pill::after {
  display: none;
}

/* Pill auf dunklem Grund */
.cc-pill--light,
a.cc-pill--light,
.et_pb_button.cc-pill--light {
  border-color: var(--cc-cream) !important;
  color: var(--cc-cream) !important;
}
.cc-pill--light:hover,
a.cc-pill--light:hover,
.et_pb_button.cc-pill--light:hover {
  background-color: var(--cc-cream) !important;
  color: var(--cc-ink) !important;
}

/* --- Sektion: Statement (dunkel) --- */
.cc-section--ink {
  background-color: var(--cc-ink) !important;
  color: var(--cc-cream) !important;
}
.cc-section--ink * {
  color: var(--cc-cream) !important;
}
.cc-section--ink .cc-eyebrow {
  color: var(--cc-muted-light) !important;
}

/* --- Sektion: Cream-Soft / Cream-Deep --- */
.cc-section--cream-soft { background-color: var(--cc-cream-soft) !important; }
.cc-section--cream-deep { background-color: var(--cc-cream-deep) !important; }

/* --- Service-Index-Nummer (01..06) --- */
.cc-service-index {
  display: block;
  font-size: 10px;
  letter-spacing: 0.24em;
  color: var(--cc-muted);
  margin-bottom: 20px;
  font-family: var(--cc-font-sans);
}

/* --- Header-Navigation (Divi) entschärfen --- */
#main-header,
.et_header_style_centered #main-header {
  background-color: var(--cc-cream) !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--cc-line);
}
#top-menu li a,
#et-top-navigation .et_mobile_menu li a {
  font-family: var(--cc-font-sans) !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--cc-ink) !important;
  font-weight: 500 !important;
}

/* --- Footer (Divi-Default ausgeblendet, eigener Footer-Block übernimmt) --- */
#main-footer,
#footer-bottom {
  display: none;
}

/* --- CC-Monogramm (SVG inline, Größe steuern) --- */
.cc-mark {
  display: inline-block;
  width: 48px;
  height: 48px;
  color: var(--cc-ink);
}

/* --- Responsives Feintuning --- */
@media (max-width: 980px) {
  .cc-wordmark__name { font-size: 18px; }
  .cc-wordmark__sub  { font-size: 8px; }
}
/* --- Footer Links --- */
.cc-footer-link {
  text-decoration: none;
  color: var(--cc-muted);
  transition: color 220ms ease;
}
.cc-footer-link:hover {
  color: var(--cc-ink);
}