/*
Theme Name: CTRL+I Tienda
Theme URI: https://ctrli.eus
Description: Tema hijo de Storefront para la tienda de manualidades de CTRL+I — lámparas de teselas y percheros artesanales hechos a mano en Astigarraga.
Author: Aimar Lizarribar Imaz
Author URI: https://ctrli.eus
Template: storefront
Version: 1.0.0
Text Domain: ctrli-tienda
*/

:root{
  --ctrli-bg:        #FAF8F5;
  --ctrli-bg-alt:    #F1EAE0;
  --ctrli-text:      #2B1B12;
  --ctrli-accent:    #E8862E; /* ámbar de la lámpara */
  --ctrli-wood:      #8B5A2B; /* nogal del perchero */
  --ctrli-sage:      #3A8F5C;
  --ctrli-border:    #E7DDD0;
  --ctrli-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --ctrli-font-body:    'Work Sans', -apple-system, Arial, sans-serif;
}

/* ---------- Base ---------- */
body{
  background: var(--ctrli-bg);
  color: var(--ctrli-text);
  font-family: var(--ctrli-font-body);
}
h1, h2, h3, h4, h5,
.site-title, .site-title a{
  font-family: var(--ctrli-font-display);
  font-weight: 700;
  letter-spacing: -0.01em;
}
a{ color: var(--ctrli-wood); }
a:hover{ color: var(--ctrli-accent); }

/* ---------- Header ---------- */
.site-header{
  background: var(--ctrli-bg);
  border-bottom: 1px solid var(--ctrli-border);
}
.site-branding .site-title a{ color: var(--ctrli-text); }

/* ---------- Buttons (site-wide + WooCommerce) ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
a.button.ctrli-cta{
  background-color: var(--ctrli-accent);
  border: none;
  border-radius: 999px;
  color: #fff;
  padding: 0.9em 1.8em;
  font-weight: 600;
  text-transform: none;
  transition: background-color .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
a.button.ctrli-cta:hover{
  background-color: var(--ctrli-wood);
  color: #fff;
}

/* ---------- Prices ---------- */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color: var(--ctrli-accent);
  font-weight: 600;
}

/* ---------- Product grid ---------- */
.woocommerce ul.products li.product{
  background: #fff;
  border: 1px solid var(--ctrli-border);
  border-radius: 14px;
  padding: 1.2em;
  transition: transform .15s ease, box-shadow .15s ease;
}
.woocommerce ul.products li.product:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(43,27,18,0.08);
}
.woocommerce ul.products li.product img{
  border-radius: 10px;
}

/* ---------- Hero (front page) ---------- */
.ctrli-hero{
  background-image: linear-gradient(180deg, rgba(43,27,18,0.15), rgba(43,27,18,0.55)), url('assets/images/hero-banner.jpg');
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 7em 1.5em;
  text-align: center;
}
.ctrli-hero-inner{ max-width: 720px; margin: 0 auto; }
.ctrli-hero h1{
  color: #fff;
  font-size: clamp(2rem, 4vw, 3.2rem);
  margin-bottom: 0.4em;
}
.ctrli-hero p{
  font-size: 1.15rem;
  margin-bottom: 1.6em;
  opacity: 0.95;
}

/* ---------- Front page sections ---------- */
.ctrli-section{
  max-width: 1100px;
  margin: 0 auto;
  padding: 4em 1.5em;
}
.ctrli-section h2{
  text-align: center;
  margin-bottom: 1em;
  font-size: 2rem;
}
.ctrli-about{
  background: var(--ctrli-bg-alt);
  text-align: center;
}
.ctrli-about .ctrli-section{ padding: 4em 1.5em; }
.ctrli-about p{
  max-width: 640px;
  margin: 0 auto;
  font-size: 1.1rem;
  line-height: 1.6;
}

/* ---------- Footer ---------- */
.site-footer{
  background: var(--ctrli-text);
  color: var(--ctrli-bg);
  padding: 2.5em 1.5em;
}
.site-footer a{ color: var(--ctrli-bg-alt); }
.site-footer a:hover{ color: var(--ctrli-accent); }