/* ==========================================================
   GLORIA BENDITA OLIVE — Reskin visual global (v2)
   Cambia color, tipografía y forma en toda la web.
   No toca estructura, contenido, ni páginas.
   ========================================================== */

:root{
  --gbo-gold:#b8860b;
  --gbo-olive:#4b5320;
  --gbo-olive-dark:#3a4119;
  --gbo-cream:#faf7f0;
  --gbo-cream-deep:#f3ecd9;
  --gbo-dark:#2b2b1f;
  --gbo-border:#e3ddc9;
  --gbo-radius-sm:10px;
  --gbo-radius-md:16px;
  --gbo-radius-pill:999px;
  --gbo-shadow-sm:0 3px 10px rgba(43,43,31,.08);
  --gbo-shadow-md:0 10px 30px rgba(43,43,31,.14);
  --gbo-transition:all .25s cubic-bezier(.4,0,.2,1);
}

/* Fondo general con calidez, en vez de blanco puro */
body{
  background-color:var(--gbo-cream) !important;
}

/* Las secciones/tarjetas de contenido quedan en blanco puro
   para que destaquen sobre el fondo cálido */
.wp-block-woocommerce-single-product,
.wc-block-add-to-cart-with-options,
.woocommerce div.product,
.wc-block-cart,
.wc-block-checkout{
  background:#fff;
}

/* ----------------------------------------------------------
   Transiciones suaves en todo lo interactivo
   ---------------------------------------------------------- */

a, button, .wp-element-button, .wp-block-button__link,
input, select, textarea, img{
  transition:var(--gbo-transition);
}

/* ----------------------------------------------------------
   Tipografía: más presencia y jerarquía clara
   ---------------------------------------------------------- */

h1, h2, h3, h4, h5, h6{
  color:var(--gbo-dark) !important;
  letter-spacing:.3px;
}

h2:where(.wp-block-heading){
  position:relative;
  padding-bottom:14px;
}

h2:where(.wp-block-heading)::after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:56px;
  height:3px;
  background:var(--gbo-gold);
  border-radius:2px;
}

.has-text-align-center h2::after{
  left:50%;
}

p{
  line-height:1.7;
  color:#4a4636;
}

::selection{
  background:var(--gbo-olive);
  color:#fff;
}

/* ----------------------------------------------------------
   Botones: relleno sólido, sombra marcada, feedback al pasar
   el ratón — cambio muy visible respecto al botón por defecto
   ---------------------------------------------------------- */

.wp-element-button,
.wp-block-button__link,
.single_add_to_cart_button,
.wc-block-components-button,
.wc-block-mini-cart__footer-cart,
.wc-block-mini-cart__footer-checkout{
  background-color:var(--gbo-olive) !important;
  color:#fff !important;
  border:none !important;
  border-radius:var(--gbo-radius-pill) !important;
  padding:14px 30px !important;
  font-weight:700 !important;
  letter-spacing:.4px;
  box-shadow:var(--gbo-shadow-sm) !important;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.single_add_to_cart_button:hover,
.wc-block-components-button:hover{
  background-color:var(--gbo-olive-dark) !important;
  transform:translateY(-2px);
  box-shadow:var(--gbo-shadow-md) !important;
}

.wp-element-button:active,
.wp-block-button__link:active,
.single_add_to_cart_button:active{
  transform:translateY(0);
}

/* Botones "outline" (contorno) se quedan en blanco/oliva,
   para que no todo sea relleno sólido */
.is-style-outline .wp-block-button__link,
.wc-block-mini-cart__footer-cart{
  background-color:#fff !important;
  color:var(--gbo-olive) !important;
  border:2px solid var(--gbo-olive) !important;
}

.is-style-outline .wp-block-button__link:hover,
.wc-block-mini-cart__footer-cart:hover{
  background-color:var(--gbo-cream-deep) !important;
  color:var(--gbo-olive-dark) !important;
}

/* ----------------------------------------------------------
   Formularios
   ---------------------------------------------------------- */

input[type="text"], input[type="email"], input[type="tel"],
input[type="number"], input[type="password"], input[type="search"],
select, textarea{
  border:1px solid var(--gbo-border) !important;
  border-radius:var(--gbo-radius-sm) !important;
  padding:12px 16px !important;
  background:#fff;
}

input:focus, select:focus, textarea:focus{
  outline:none;
  border-color:var(--gbo-olive) !important;
  box-shadow:0 0 0 3px rgba(75,83,32,.14);
}

.wc-block-components-quantity-selector,
.quantity .qty{
  border-radius:var(--gbo-radius-sm) !important;
  border-color:var(--gbo-border) !important;
}

/* ----------------------------------------------------------
   Imágenes y tarjetas: esquinas redondeadas + elevación
   ---------------------------------------------------------- */

.wc-block-components-product-image img,
.wp-block-image img,
.wc-block-grid__product-image img{
  border-radius:var(--gbo-radius-md);
}

.wc-block-components-product-image,
.wp-block-image{
  overflow:hidden;
}

/* ----------------------------------------------------------
   Precios
   ---------------------------------------------------------- */

.woocommerce-Price-amount{
  font-weight:700;
  color:var(--gbo-dark);
}

del .woocommerce-Price-amount{
  font-weight:400;
  color:#a39f8d;
  opacity:1;
}

/* ----------------------------------------------------------
   Badges (oferta, ahorro, etc.)
   ---------------------------------------------------------- */

.wc-block-components-product-badge,
.wc-block-components-sale-badge,
.wc-block-components-product-sale-badge{
  border-radius:var(--gbo-radius-pill) !important;
  background-color:var(--gbo-gold) !important;
  color:#fff !important;
  font-weight:700;
}

/* ----------------------------------------------------------
   Header: línea dorada sutil como firma de marca
   ---------------------------------------------------------- */

header.wp-block-template-part:first-of-type{
  border-bottom:2px solid var(--gbo-gold);
}

/* ----------------------------------------------------------
   Enlaces de texto en contenido
   ---------------------------------------------------------- */

.entry-content a:not(.wp-element-button):not(.wp-block-button__link){
  color:var(--gbo-olive);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

/* ----------------------------------------------------------
   Foco de teclado (accesibilidad)
   ---------------------------------------------------------- */

a:focus-visible, button:focus-visible, .wp-element-button:focus-visible{
  outline:2px solid var(--gbo-olive);
  outline-offset:2px;
}

/* ----------------------------------------------------------
   Header y hero de vídeo: evitar el hueco blanco gigante en
   móvil mientras carga el vídeo, y compactar la barra de
   logo/menú/carrito
   ---------------------------------------------------------- */

.wc-blocks-pattern-header-minimal.wc-blocks-header-pattern{
  padding-top:16px !important;
  padding-bottom:16px !important;
}

header.wp-block-cover{
  min-height:320px !important;
  max-height:400px;
  position:relative;
  overflow:hidden;
}

header.wp-block-cover .wp-block-cover__video-background{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

@media (max-width:600px){
  .wc-blocks-pattern-header-minimal.wc-blocks-header-pattern{
    padding-top:12px !important;
    padding-bottom:12px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .wc-blocks-pattern-header-minimal .custom-logo{
    width:44px !important;
    height:44px !important;
  }

  header.wp-block-cover{
    min-height:260px !important;
    max-height:320px;
  }

  header.wp-block-cover .wp-block-spacer{
    height:24px !important;
  }
}