/*
Theme Name: Enlace Artesano - Kadence
Author: Platita Software
Description: Child theme para Enlace Artesano basado en Kadence
Version: 1.2
Template: kadence
*/

:root {
  --color-gold:    #8B7320;
  --color-gold-lt: #C9A84C;
  --color-dark:    #1C1A16;
  --color-cream:   #FAF7F0;
  --color-light:   #F0EBE0;
  --color-mid:     #6B6455;
  --color-border:  #D4C9A8;
  --color-white:   #FFFFFF;
  --font-serif:    'Cormorant Garamond', Georgia, serif;
  --font-sans:     'DM Sans', Arial, sans-serif;
  --global-palette1: #8B7320;
  --global-palette2: #C9A84C;
  --global-palette3: #1C1A16;
  --global-palette4: #FAF7F0;
  --global-palette8: #FAF7F0;
  --global-palette9: #FFFFFF;
}

body {
  font-family: var(--font-sans) !important;
  background-color: var(--color-cream) !important;
  color: var(--color-dark);
  line-height: 1.7;
}
h1, h2, h3 {
  font-family: var(--font-serif) !important;
  color: var(--color-dark);
  line-height: 1.2;
}
h1 { font-size: clamp(36px, 5vw, 64px); font-weight: 700; }
h2 { font-size: clamp(28px, 4vw, 42px); font-weight: 600; }
h3 { font-size: clamp(22px, 3vw, 28px); font-weight: 600; }
a { color: var(--color-gold); transition: color 0.2s ease; }
a:hover { color: var(--color-gold-lt); }

#masthead, .site-header, .header-wrap { background-color: var(--color-cream) !important; }
.site-header-row { border-bottom: 1px solid var(--color-border); }

.primary-nav > ul > li > a, .kadence-navigation > ul > li > a {
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--color-dark) !important;
}
.primary-nav > ul > li > a:hover,
.kadence-navigation > ul > li > a:hover { color: var(--color-gold) !important; }

.header-cart-wrap, .cart-contents, .woocommerce-cart-link,
.kadence-header-btn-wrap { display: none !important; }

.wp-block-button.is-style-fill .wp-block-button__link,
.wp-block-button__link {
  background-color: var(--color-gold) !important;
  color: var(--color-white) !important;
  border: 1.5px solid var(--color-gold) !important;
  border-radius: 2px !important;
  font-family: var(--font-sans) !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 14px 32px !important;
}
.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button__link:hover {
  background-color: var(--color-gold-lt) !important;
  border-color: var(--color-gold-lt) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  color: var(--color-gold) !important;
  border: 1.5px solid var(--color-gold) !important;
}

#colophon, .site-footer, .footer-wrap {
  background-color: var(--color-dark) !important;
  color: rgba(255,255,255,0.7) !important;
}
.site-footer a, #colophon a { color: rgba(255,255,255,0.8) !important; }
.site-footer a:hover, #colophon a:hover { color: var(--color-gold-lt) !important; }
.site-footer .widget-title, #colophon .widget-title {
  font-family: var(--font-serif) !important;
  color: var(--color-white) !important;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper textarea,
.gform_wrapper select {
  background: var(--color-white) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 2px !important;
  font-family: var(--font-sans) !important;
  width: 100%;
}
.gform_wrapper input:focus, .gform_wrapper textarea:focus {
  border-color: var(--color-gold) !important;
  box-shadow: 0 0 0 3px rgba(139,115,32,0.12) !important;
  outline: none !important;
}

.custom-logo {
  width: auto !important;
  height: auto !important;
  max-width: 130px !important;
  max-height: 60px !important;
  object-fit: contain;
}
@media (max-width: 768px) {
  .custom-logo {
    max-width: 100px !important;
    max-height: 46px !important;
  }
}
.brand.has-logo-image {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 8px 16px;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

#site-header, #masthead {
  position: relative;
  z-index: 20;
}
.site-header-row {
  flex-wrap: nowrap !important;
}
.header-navigation, .primary-nav {
  white-space: nowrap;
}
.primary-nav ul.menu, .kadence-navigation ul.menu {
  flex-wrap: nowrap !important;
  display: flex !important;
}
.primary-nav > ul > li > a, .kadence-navigation > ul > li > a {
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-size: 12px !important;
  white-space: nowrap;
}
.ea-hero-dark, .wp-block-group:first-of-type {
  position: relative;
  z-index: 1;
}

@media (max-width: 480px) {
  h1 { font-size: 32px !important; }
  h2 { font-size: 26px !important; }
}