/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ============================================================
   CENTRO COLOR · Fundacion de estilos (paleta + tipografias + modo claro/oscuro)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=Fraunces:ital,opsz,wght@1,9..144,400;1,9..144,500&family=Space+Mono:wght@400;700&display=swap');

:root{
  --brand-1:#515DA7; --brand-2:#745AA3; --brand-3:#59C0CA;
  --brand-grad:linear-gradient(120deg,#515DA7,#745AA3,#59C0CA);
  --brand-grad-2:linear-gradient(120deg,#515DA7,#59C0CA);
}

/* ---------- MODO CLARO (default) ---------- */
:root,[data-theme="light"]{
  --cc-bg:#FFFFFF; --cc-bg2:#F4F5FB; --cc-card:#FFFFFF;
  --cc-line:#E4E6F2; --cc-line-strong:#D2D5EA;
  --cc-text:#1B1E2C; --cc-text-soft:#414660; --cc-muted:#727892; --cc-acc:#4A54A0;
  --theme-text-color:#414660;
  --theme-headings-color:#1B1E2C;
  --theme-border-color:#E4E6F2;
  --theme-palette-color-3:#414660;
  --theme-palette-color-4:#1B1E2C;
  --theme-link-initial-color:#4A54A0;
  --theme-link-hover-color:#59C0CA;
}

/* ---------- MODO OSCURO ---------- */
[data-theme="dark"]{
  --cc-bg:#141726; --cc-bg2:#1A1E30; --cc-card:#1D2236;
  --cc-line:#2C324A; --cc-line-strong:#39405C;
  --cc-text:#F2F3FA; --cc-text-soft:#C7CBE0; --cc-muted:#8A90AC; --cc-acc:#8F9BE8;
  --theme-background-color:#141726;
  --theme-text-color:#C7CBE0;
  --theme-headings-color:#F2F3FA;
  --theme-border-color:#2C324A;
  --theme-palette-color-3:#C7CBE0;
  --theme-palette-color-4:#F2F3FA;
  --theme-palette-color-5:#2C324A;
  --theme-palette-color-6:#1D2236;
  --theme-palette-color-7:#1A1E30;
  --theme-palette-color-8:#141726;
  --theme-link-initial-color:#8F9BE8;
  --theme-link-hover-color:#59C0CA;
}
[data-theme="dark"] body,
[data-theme="dark"] #main{ background-color:#141726; color:#C7CBE0; }
[data-theme="dark"] .type-product,
[data-theme="dark"] ul.products li.product,
[data-theme="dark"] .ct-card{ background-color:#1D2236; }

body{ transition:background-color .3s ease, color .3s ease; }

/* ---------- Tipografias ---------- */
h1,h2,h3,h4,.entry-title,.ct-header .site-name,.woocommerce-loop-product__title{ font-family:'Poppins',sans-serif; }
body{ font-family:'Inter',sans-serif; }
.cc-serif{ font-family:'Fraunces',serif; font-style:italic; }

/* ---------- Toggle claro/oscuro ---------- */
#cc-theme-toggle{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; margin:0 4px; padding:0; border:1px solid var(--cc-line-strong,#D2D5EA); border-radius:10px; background:transparent; color:var(--theme-headings-color,#1B1E2C); cursor:pointer; transition:border-color .2s,color .2s,transform .2s; }
#cc-theme-toggle:hover{ border-color:var(--brand-3); color:var(--brand-3); transform:translateY(-2px); }
#cc-theme-toggle svg{ display:block; }
#cc-theme-toggle .cc-moon{ display:none; }
[data-theme="dark"] #cc-theme-toggle .cc-sun{ display:none; }
[data-theme="dark"] #cc-theme-toggle .cc-moon{ display:inline; }


/* ---------- Contraste header/menu en modo oscuro ---------- */
[data-theme="dark"] nav[class*="menu"] .ct-menu-link{ color:#C7CBE0 !important; }
[data-theme="dark"] nav[class*="menu"] .ct-menu-link:hover,
[data-theme="dark"] nav[class*="menu"] .current-menu-item > .ct-menu-link,
[data-theme="dark"] nav[class*="menu"] li.active > .ct-menu-link{ color:#59C0CA !important; }
[data-theme="dark"] .ct-header{ background-color:#0F1220 !important; }
[data-theme="dark"] .ct-header [data-id="cart"] a,
[data-theme="dark"] .ct-header .ct-header-search,
[data-theme="dark"] .ct-header [data-id="account"] a{ color:#C7CBE0; }


/* ---------- Header: logo izq / iconos centro / menu der (desktop) ---------- */
@media (min-width:1000px){
  header [data-row="middle"] > .ct-container-fluid [data-column="end"]{ order:2; justify-self:stretch; display:flex; align-items:center; justify-content:center; }
  header [data-row="middle"] > .ct-container-fluid [data-column="middle"]{ order:3; justify-self:end; justify-content:flex-end; }
}