/*
Theme Name: Corventas Tienda
Theme URI: https://tienda.corventasdecolombia.com.co
Author: Corventas de Colombia
Author URI: https://corventasdecolombia.com.co
Description: Tema hijo de Twenty Twenty-Five con la identidad visual de Corventas de Colombia: colores, tipografías, encabezado y pie iguales a los del landing.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: corventas-tienda
*/

/* =========================================================
   Colores, tipografías y botones base viven en theme.json.
   Aquí van los detalles que theme.json no alcanza a cubrir:
   encabezado, pie y tarjetas de producto de WooCommerce.
   ========================================================= */

:root{
  --cv-blue:#3389F7;
  --cv-blue-600:#2578E4;
  --cv-dark:#0B3D80;
  --cv-blue-050:#EEF5FF;
  --cv-yellow:#FFEB00;
  --cv-ink:#1E293B;
  --cv-muted:#64748B;
  --cv-line:#E6EAF0;
  --cv-bg-alt:#F8F9FA;
  --cv-r:14px;
  --cv-r-lg:20px;
  --cv-sh-1:0 1px 2px rgba(15,23,42,.05), 0 4px 12px rgba(15,23,42,.05);
  --cv-sh-2:0 8px 28px rgba(11,61,128,.10);
  --cv-sh-3:0 20px 50px rgba(11,61,128,.16);
  --cv-ease:cubic-bezier(.22,.61,.36,1);
}

body{-webkit-font-smoothing:antialiased}

/* ---------- Encabezado ---------- */

/* Todo el encabezado queda fijo arriba al hacer scroll */
header.wp-block-template-part{position:sticky; top:0; z-index:100}
body.admin-bar header.wp-block-template-part{top:32px}
@media (max-width:782px){ body.admin-bar header.wp-block-template-part{top:46px} }
@media (max-width:600px){ body.admin-bar header.wp-block-template-part{top:0} }

/* Franja superior de contacto, igual a la del landing */
.cv-topbar{background:var(--cv-dark); color:rgba(255,255,255,.85); font-size:.8rem; padding-top:7px; padding-bottom:7px}
.cv-topbar p{margin:0}
.cv-topbar a{color:inherit; text-decoration:none; transition:color .18s}
.cv-topbar a:hover{color:var(--cv-yellow)}
@media (max-width:781px){ .cv-topbar__lema{display:none} }

/* Barra principal */
.cv-header{
  background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--cv-line);
  box-shadow:0 6px 24px rgba(11,61,128,.06);
  padding-top:10px; padding-bottom:10px;
}
.cv-header__in{gap:22px}
.cv-header .wp-block-site-logo img{height:50px !important; width:auto !important; max-width:none}

.cv-nav a{color:var(--cv-ink); font-weight:600; text-decoration:none}
.cv-nav a:hover{color:var(--cv-blue)}

/* Buscador de productos */
.cv-buscar{flex:1 1 240px; max-width:420px; margin:0 0 0 auto}
.cv-buscar .wp-block-search__inside-wrapper{
  border:1.5px solid var(--cv-line); border-radius:12px;
  background:var(--cv-bg-alt); padding:3px;
  transition:border-color .2s, box-shadow .2s;
}
.cv-buscar .wp-block-search__inside-wrapper:focus-within{
  border-color:var(--cv-blue); background:#fff;
  box-shadow:0 0 0 4px rgba(51,137,247,.14);
}
.cv-buscar .wp-block-search__input{border:0; background:transparent; padding-left:10px}
.cv-buscar .wp-block-search__button{border-radius:10px; padding:8px 12px; margin-left:4px}

.cv-header__acciones{gap:4px}
.wc-block-mini-cart__badge{
  background:var(--cv-yellow) !important;
  color:var(--cv-ink) !important;
  border-color:#fff !important;
}

/* En celular, el buscador pasa a su propia fila a todo el ancho */
@media (max-width:781px){
  .cv-header__in{flex-wrap:wrap !important; gap:12px}
  .cv-header .wp-block-site-logo img{height:42px !important}
  .cv-buscar{order:10; flex-basis:100%; max-width:none; margin:0}
}

/* ---------- Tarjetas de producto (mismo estilo que las del landing) ---------- */

.wc-block-product,
ul.products li.product{
  background:#fff;
  border:1px solid var(--cv-line);
  border-radius:var(--cv-r-lg);
  padding:14px 14px 18px;
  box-shadow:var(--cv-sh-1);
  transition:transform .28s var(--cv-ease), box-shadow .28s var(--cv-ease), border-color .28s var(--cv-ease);
}
.wc-block-product:hover,
ul.products li.product:hover{
  transform:translateY(-6px);
  box-shadow:var(--cv-sh-3);
  border-color:rgba(51,137,247,.32);
}

.wc-block-product .wc-block-components-product-image,
.wc-block-product .wp-block-woocommerce-product-image{
  border-radius:12px; overflow:hidden; background:var(--cv-bg-alt);
}
.wc-block-product .wp-block-post-title{font-size:1rem; font-weight:700; line-height:1.3}
.wc-block-product .wp-block-post-title a{color:var(--cv-ink); text-decoration:none}
.wc-block-product .wp-block-post-title a:hover{color:var(--cv-blue)}

/* Precio en azul de marca */
.wc-block-components-product-price,
.wp-block-woocommerce-product-price .price,
.woocommerce-Price-amount{color:var(--cv-blue); font-weight:700}
.single-product .wp-block-woocommerce-product-price{font-size:1.6rem}
.wc-block-components-product-price del,
.wc-block-components-product-price del .woocommerce-Price-amount{color:var(--cv-muted); font-weight:500}

/* Insignia de oferta en amarillo, como los acentos del landing */
.wc-block-components-product-sale-badge,
.onsale{
  background:var(--cv-yellow) !important;
  color:var(--cv-ink) !important;
  border:0 !important;
  border-radius:999px !important;
  font-weight:700;
}

/* ---------- Formularios (carrito, pago, mi cuenta) ---------- */

.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-blocks-components-select__select{border-radius:10px !important}
.wc-block-components-text-input input:focus,
.wc-blocks-components-select__select:focus{
  border-color:var(--cv-blue) !important;
  box-shadow:0 0 0 4px rgba(51,137,247,.14) !important;
}

/* ---------- Pie de página (igual al del landing) ---------- */

footer.wp-block-template-part{margin-top:0}
.cv-footer{
  background:var(--cv-dark);
  color:rgba(255,255,255,.72);
  padding-top:56px; padding-bottom:0;
  margin-top:0;
}
.cv-footer__logo svg{height:60px; width:auto; margin-bottom:10px}
.cv-footer p{font-size:.92rem; line-height:1.9}
.cv-footer h4{
  color:#fff; font-family:Inter, system-ui, sans-serif;
  font-size:.8rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  margin-bottom:6px;
}
.cv-footer a{color:rgba(255,255,255,.82); text-decoration:none; transition:color .18s}
.cv-footer a:hover{color:var(--cv-yellow)}
.cv-footer__legal{
  border-top:1px solid rgba(255,255,255,.14);
  margin-top:36px; padding-top:18px; padding-bottom:18px;
}
.cv-footer__legal p{font-size:.8rem; color:rgba(255,255,255,.55); margin:0}