/*
Theme Name: LÚMENA WooCommerce
Theme URI: https://lumena.design/
Author: AMMUNÁ STUDIO
Description: Tema visual LÚMENA con catálogo inmersivo, carrito sincronizado y checkout WooCommerce.
Version: 1.0.23
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: lumena
*/

:root{
  --lumena-void:#0a0908;
  --lumena-surface:#100e0c;
  --lumena-gold:#e8cb94;
  --lumena-cream:#efe7d8;
  --lumena-muted:#9a8e7c;
  --lumena-line:rgba(232,203,148,.16);
}

body.lumena-inner{
  margin:0;background:var(--lumena-void);color:var(--lumena-cream);
  font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;
}
.lumena-site-head{position:sticky;top:0;z-index:20;background:rgba(10,9,8,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--lumena-line)}
.lumena-site-head__inner,.lumena-site-foot__inner,.lumena-page{width:min(1180px,calc(100% - 40px));margin:auto}
.lumena-site-head__inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.lumena-wordmark{display:inline-flex;align-items:center;justify-content:center;color:var(--lumena-gold);text-decoration:none}
.lumena-wordmark img{display:block;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(232,203,148,.16))}
.lumena-inner-nav{display:flex;align-items:center;gap:22px}
.lumena-inner-nav a{color:var(--lumena-cream);text-decoration:none;font-size:14px}
.lumena-inner-nav a:hover{color:var(--lumena-gold)}
.lumena-continue-shopping-bar{width:min(1180px,calc(100% - 40px));margin:18px auto 0}
.lumena-continue-shopping-bar a{display:inline-flex;align-items:center;gap:8px;color:var(--lumena-gold);font-size:14px;text-decoration:none;transition:opacity .2s ease,transform .2s ease}
.lumena-continue-shopping-bar a:hover{opacity:.82;transform:translateX(-3px)}
.lumena-page{min-height:65vh;padding:70px 0 100px}
.lumena-page h1,.lumena-page h2,.lumena-page h3{font-family:Georgia,serif;font-weight:400;color:var(--lumena-cream)}
.lumena-page a{color:var(--lumena-gold)}
.lumena-site-foot{border-top:1px solid var(--lumena-line);background:var(--lumena-surface)}
.lumena-site-foot__inner{padding:32px 0;display:flex;justify-content:space-between;gap:20px;color:var(--lumena-muted);font-size:13px}

.woocommerce{color:var(--lumena-cream)}
.woocommerce form .form-row label,.woocommerce table.shop_table th{color:var(--lumena-cream)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .select2-container--default .select2-selection--single{
  min-height:48px;background:#17130f;border:1px solid var(--lumena-line);border-radius:8px;color:var(--lumena-cream);padding:10px 12px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--lumena-cream);line-height:28px}
.woocommerce table.shop_table{border-color:var(--lumena-line);border-radius:12px;overflow:hidden}
.woocommerce table.shop_table td{border-color:var(--lumena-line)}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{background:var(--lumena-surface);border:1px solid var(--lumena-line);border-radius:14px;padding:24px}
.woocommerce #payment{background:var(--lumena-surface);border:1px solid var(--lumena-line);border-radius:14px}
.woocommerce #payment div.payment_box{background:#211a13;color:var(--lumena-cream)}
.woocommerce #payment div.payment_box::before{border-bottom-color:#211a13}
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce a.button.alt{
  background:var(--lumena-gold);color:var(--lumena-void);border-radius:999px;padding:15px 24px;font-weight:700;
}
.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce input.button:hover,.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:#f3dbad;color:var(--lumena-void)}
.woocommerce-info,.woocommerce-message{background:var(--lumena-surface);color:var(--lumena-cream);border-top-color:var(--lumena-gold)}
.woocommerce-info::before,.woocommerce-message::before{color:var(--lumena-gold)}

/* WooCommerce Checkout Block: labels legibles sobre campos blancos */
.wc-block-components-text-input label,
.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
.wc-blocks-components-select .wc-blocks-components-select__label{
  color:#51483d!important;
  opacity:1!important;
  text-shadow:none!important;
}
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-blocks-components-select .wc-blocks-components-select__select{
  background-color:#fff!important;
  color:#1d1915!important;
  caret-color:#1d1915!important;
}
.wc-block-components-text-input input::placeholder,
.wc-block-components-combobox .wc-block-components-combobox-control input::placeholder{
  color:#655b4f!important;
  opacity:1!important;
}
.wc-block-components-text-input.is-active label,
.wc-block-components-combobox .wc-block-components-combobox-control.is-active label.components-base-control__label{
  color:#51483d!important;
}

@media(max-width:720px){
  .lumena-site-head__inner,.lumena-site-foot__inner,.lumena-page{width:min(100% - 28px,1180px)}
  .lumena-wordmark img{width:48px;height:48px}
  .lumena-continue-shopping-bar{width:min(100% - 28px,1180px);margin-top:15px}
  .lumena-inner-nav a:first-child{display:none}
  .lumena-page{padding-top:42px}
  .lumena-site-foot__inner{flex-direction:column}
  .woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{width:100%;float:none;margin-bottom:18px}
}