/* =====================================================================
   PluginAR — override de marca para el tema Classic de PrestaShop 8.x
   Subir a: /themes/classic-pluginar/assets/css/pluginar-brand.css
   (theme duplicado — NO subir a /themes/classic/, es compartido con
   Pili Deco y LosHerrajes)
   Enganchar en head.tpl (ver INSTRUCCIONES.md)
   ===================================================================== */

/* ---- Tipografía de marca ---- */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  /* Paleta PluginAR */
  --pa-ground:      #EFEBDD; /* papel diazo — fondo general */
  --pa-panel:        #F8F5EA; /* paneles / tarjetas claras */
  --pa-ink:          #16324F; /* texto principal sobre claro */
  --pa-ink-dim:      #5B7488; /* texto secundario sobre claro */
  --pa-line:         #D8D0B8; /* bordes sobre claro */
  --pa-signal:       #B8631A; /* ámbar — CTA / acento sobre claro */
  --pa-signal-soft:  #F3DFC4; /* fondo suave del acento sobre claro */

  --pa-dark-ground:  #0E2A4A; /* azul técnico — header / footer */
  --pa-dark-panel:   #0A2038;
  --pa-dark-ink:     #DDEFF8; /* texto sobre azul */
  --pa-dark-ink-dim: #8FB6CC;
  --pa-dark-line:    #2A4C6C;
  --pa-dark-signal:  #FFA94D; /* ámbar sobre azul */
  --pa-dark-signal-soft: #3A2E1C;

  --pa-font-display: "Sora", "Helvetica Neue", Arial, sans-serif;
  --pa-font-body:    "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --pa-font-mono:    "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
}

/* ---- Base ---- */
body{
  background-color: var(--pa-ground);
  color: var(--pa-ink);
  font-family: var(--pa-font-body);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5,
.page-title,
.product-title,
.cms-title,
#category-description h1,
.block-category h1{
  font-family: var(--pa-font-display) !important;
  font-weight: 700;
  color: var(--pa-ink);
}

a{ color: var(--pa-ink); }
a:hover, a:focus{ color: var(--pa-signal); }

/* ---- Header (franja técnica oscura) ---- */
#header{
  background-color: var(--pa-dark-ground);
  border-bottom: 1px solid var(--pa-dark-line);
}
#header .header-top,
#header .header-nav{
  background-color: var(--pa-dark-ground);
}
#header a,
#header .cart-products-count,
#header #_desktop_user_info a,
#header #_desktop_language_selector a,
#header .header-nav .container{
  color: var(--pa-dark-ink);
}
#header .position-static .float-xs-left,
#header nav .position-static a{
  color: var(--pa-dark-ink) !important;
}
#header a:hover,
#header .user-info a:hover,
#header .cart-preview:hover{
  color: var(--pa-dark-signal) !important;
}

/* logo del header */
#_desktop_logo img,
#header .logo{
  max-height: 46px;
  width: auto;
}

/* buscador en el header */
#header #search_widget input{
  font-family: var(--pa-font-body);
  background-color: var(--pa-dark-panel);
  border: 1px solid var(--pa-dark-line);
  color: var(--pa-dark-ink);
}
#header #search_widget button{
  color: var(--pa-dark-signal);
}

/* icono / contador del carrito */
#header .blockcart .cart-products-count,
#_desktop_cart .cart-products-count{
  background-color: var(--pa-dark-signal);
  color: var(--pa-dark-ground);
}

/* menú principal (categorías) */
.js-top-menu,
#header .menu > li > a{
  font-family: var(--pa-font-body);
  font-weight: 500;
  color: var(--pa-dark-ink);
}
#header .menu > li > a:hover,
#header .menu > li.active > a{
  color: var(--pa-dark-signal);
}

/* ---- Botones / CTA ---- */
.btn-primary,
button.btn-primary,
a.btn-primary,
#cart-button,
.product-add-to-cart button,
.add-to-cart,
.btn-pluginar{
  background-color: var(--pa-signal);
  border-color: var(--pa-signal);
  color: #FFFFFF;
  font-family: var(--pa-font-body);
  font-weight: 600;
  border-radius: 6px;
}
.btn-primary:hover,
.btn-primary:focus,
#cart-button:hover,
.product-add-to-cart button:hover{
  background-color: #96500F; /* ámbar más oscuro para hover */
  border-color: #96500F;
}
.btn-secondary,
.btn-outline-primary{
  color: var(--pa-signal);
  border-color: var(--pa-signal);
}
.btn-secondary:hover,
.btn-outline-primary:hover{
  background-color: var(--pa-signal-soft);
  color: var(--pa-signal);
}

/* ---- Precios (dato técnico → mono) ---- */
.price,
.product-price,
.current-price,
.current-price-value,
.product-prices .price,
span[itemprop="price"],
.regular-price{
  font-family: var(--pa-font-mono) !important;
  font-variant-numeric: tabular-nums;
}
.current-price .price,
.product-price.current-price{
  color: var(--pa-signal);
  background-color: var(--pa-signal-soft);
  padding: 2px 8px;
  border-radius: 4px;
  display: inline-block;
}

/* referencias / SKU de producto */
.product-reference,
.product-minimal-quantity,
[data-product-reference]{
  font-family: var(--pa-font-mono);
  color: var(--pa-ink-dim);
  font-size: .85rem;
}

/* ---- Tarjetas de producto ---- */
.product-miniature .thumbnail-container,
.js-product-miniature{
  background-color: var(--pa-panel);
  border: 1px solid var(--pa-line);
  border-radius: 10px;
}
.product-miniature .product-title a{
  color: var(--pa-ink);
  font-family: var(--pa-font-display);
}
.highlighted-informations,
.discount-percentage,
.product-flag{
  background-color: var(--pa-signal);
  color: #fff;
  font-family: var(--pa-font-mono);
}

/* ---- Bloques / paneles (categorías, filtros) ---- */
.card,
.faceted-slider,
#search_filters,
.block-category{
  background-color: var(--pa-panel);
  border-color: var(--pa-line);
}

/* ---- Footer (misma franja técnica oscura) ---- */
#footer,
.footer-container{
  background-color: var(--pa-dark-ground);
  color: var(--pa-dark-ink-dim);
  font-family: var(--pa-font-body);
}
#footer h3,
#footer .h3,
.footer-container .title{
  font-family: var(--pa-font-display);
  color: var(--pa-dark-ink);
}
#footer a,
.footer-container a{
  color: var(--pa-dark-ink-dim);
}
#footer a:hover,
.footer-container a:hover{
  color: var(--pa-dark-signal);
}
#footer .block-social a,
.footer-container .block-social a{
  background-color: var(--pa-dark-panel);
  border: 1px solid var(--pa-dark-line);
}

/* ---- Migas de pan / breadcrumb ---- */
.breadcrumb{
  background-color: transparent;
  font-family: var(--pa-font-mono);
  font-size: .8rem;
  color: var(--pa-ink-dim);
}
.breadcrumb a{ color: var(--pa-ink-dim); }
.breadcrumb a:hover{ color: var(--pa-signal); }

/* ---- Badges de stock / promo ---- */
.product-flags .on-sale,
.product-flags .discount,
.badge{
  font-family: var(--pa-font-mono);
  background-color: var(--pa-signal-soft);
  color: var(--pa-signal);
  border: 1px solid var(--pa-signal);
}

/* ---- Estados de foco accesibles con el color de marca ---- */
a:focus-visible,
button:focus-visible,
input:focus-visible{
  outline: 2px solid var(--pa-signal);
  outline-offset: 2px;
}
#header .header-nav .blockcart {
 
    background:none; */}

    #footer, .footer-container,
#footer *, .footer-container * {
  color: var(--pa-dark-ink-dim) !important;
}

#footer a, .footer-container a {
  color: var(--pa-dark-ink) !important;
}
#header .header-top a,
#header .header-top a[data-depth="0"] {
  color: var(--pa-dark-ink) !important;
}