/*
Theme Name: AC Papelaria Child
Theme URI: https://example.com/
Description: Tema-filho de Hello Commerce com estilo pastel (papel cru, tinta de caneta) para a loja AC Papelaria.
Author: AC Papelaria
Template: hello-commerce
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ac-papelaria-child
*/

/* =====================================================================
   IMPORTANTE: a linha "Template:" acima TEM de ser igual ao nome da
   pasta do tema-pai em /wp-content/themes/. Para o Hello Commerce é
   "hello-commerce". Se a tua pasta tiver outro nome, corrige aqui.
   As fontes são carregadas pelo functions.php (não usar @import).
   ===================================================================== */

/* ------------------------------------------------------------------ */
/* [1] TOKENS                                                          */
/* ------------------------------------------------------------------ */
:root{
  --paper:#FAF6EF; --paper-soft:#F1EBE0; --ink:#34304A; --ink-soft:#6E6884;
  --line:#E4DCCF; --lavender:#B3A4D8; --lavender-deep:#8E78C2;
  --sage:#A8C3A0; --rose:#E3AFA0; --sky:#A6C4D6; --peach:#EAC59B;
  --font-display:"Fraunces", Georgia, serif;
  --font-body:"Mulish", system-ui, sans-serif;
  --font-hand:"Caveat", cursive;
  --pill:999px; --radius:18px;
  --shadow:0 18px 40px -22px rgba(52,48,74,.45);
}

/* ------------------------------------------------------------------ */
/* [2] BASE GLOBAL                                                     */
/* ------------------------------------------------------------------ */
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--paper);
  background-image:repeating-linear-gradient(to bottom,
    transparent 0, transparent 37px,
    rgba(52,48,74,.045) 37px, rgba(52,48,74,.045) 38px);
  line-height:1.6;
}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;color:var(--ink)}
a{color:var(--lavender-deep)}
a:hover{color:#7e66b8}
:focus-visible{outline:3px solid var(--lavender-deep);outline-offset:3px;border-radius:4px}

/* ------------------------------------------------------------------ */
/* [3] BOTÕES WOOCOMMERCE                                              */
/* ------------------------------------------------------------------ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce ul.products li.product .button,
.woocommerce .widget_shopping_cart .buttons a{
  background:var(--lavender-deep) !important;
  color:var(--paper) !important;
  border:none !important;
  border-radius:var(--pill) !important;
  font-family:var(--font-body) !important;
  font-weight:600;
  padding:.7em 1.5em;
  box-shadow:var(--shadow);
  transition:transform .25s ease, background .25s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce .widget_shopping_cart .buttons a:hover{
  background:#7e66b8 !important;
  transform:translateY(-2px);
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order,
.woocommerce .single_add_to_cart_button{
  background:var(--ink) !important;
  color:var(--paper) !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #place_order:hover,
.woocommerce .single_add_to_cart_button:hover{
  background:#26233a !important;
}

/* ------------------------------------------------------------------ */
/* [4] GRELHA DE PRODUTOS                                              */
/* ------------------------------------------------------------------ */
.woocommerce ul.products li.product{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:14px 14px 18px;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow);
  border-color:transparent;
}
.woocommerce ul.products li.product img{
  border-radius:14px;
  background:#EDE7F6;
  padding:14px;
  margin-bottom:12px !important;
  transition:transform .35s ease;
}
.woocommerce ul.products li.product:nth-child(4n+2) img{background:#E8F0E5}
.woocommerce ul.products li.product:nth-child(4n+3) img{background:#F6E6E0}
.woocommerce ul.products li.product:nth-child(4n)   img{background:#E5EFF4}
.woocommerce ul.products li.product:hover img{transform:rotate(-2deg) scale(1.03)}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--font-display);
  font-size:1.2rem;
  font-weight:600;
  color:var(--ink);
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--ink) !important;
  font-weight:700;
}
.woocommerce ul.products li.product .price del{color:var(--ink-soft);font-weight:400}
.woocommerce ul.products li.product .price ins{text-decoration:none}

.woocommerce span.onsale{
  background:var(--rose) !important;
  color:var(--ink) !important;
  border-radius:var(--pill) !important;
  font-family:var(--font-body);
  font-weight:700;
  min-height:auto;
  min-width:auto;
  padding:.35em .9em;
  line-height:1.4;
}

/* ------------------------------------------------------------------ */
/* [5] FICHA DE PRODUTO                                                */
/* ------------------------------------------------------------------ */
.woocommerce div.product .product_title{font-size:clamp(1.8rem,4vw,2.6rem)}
.woocommerce div.product .woocommerce-product-gallery img{border-radius:var(--radius)}
.woocommerce .quantity .qty{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--paper);
  color:var(--ink);
  padding:.5em;
}
.woocommerce-tabs ul.tabs li{
  background:var(--paper-soft) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--pill) !important;
  margin-right:8px;
}
.woocommerce-tabs ul.tabs li.active{
  background:var(--lavender-deep) !important;
  border-color:var(--lavender-deep) !important;
}
.woocommerce-tabs ul.tabs li.active a{color:var(--paper) !important}
.woocommerce-tabs ul.tabs::before{border-bottom-color:var(--line) !important}

/* ------------------------------------------------------------------ */
/* [6] CARRINHO E FINALIZAR COMPRA                                     */
/* ------------------------------------------------------------------ */
.woocommerce table.shop_table{
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
}
.woocommerce table.shop_table th{background:var(--paper-soft);color:var(--ink)}
.woocommerce .cart_totals h2,
.woocommerce-checkout h3{font-family:var(--font-display)}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-ordering select,
.select2-container .select2-selection{
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  background:var(--paper);
  color:var(--ink);
  padding:.6em .9em;
}
.woocommerce-info,
.woocommerce-message{
  border-top-color:var(--lavender-deep) !important;
  background:#F2EEF8;
}
.woocommerce-info::before,
.woocommerce-message::before{color:var(--lavender-deep) !important}
.woocommerce-error{border-top-color:var(--rose) !important;background:#FBEEEA}

/* ------------------------------------------------------------------ */
/* [7] PAGINAÇÃO / CONTAGEM                                            */
/* ------------------------------------------------------------------ */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{border-radius:10px;color:var(--ink)}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--lavender-deep);color:var(--paper);
}
.woocommerce .woocommerce-result-count{color:var(--ink-soft)}

/* ------------------------------------------------------------------ */
/* [8] CLASSES REUTILIZÁVEIS p/ widget HTML do Elementor               */
/* ------------------------------------------------------------------ */
.ac-hand{font-family:var(--font-hand);font-weight:600;color:var(--lavender-deep)}
.ac-eyebrow{font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  font-size:.72rem;color:var(--lavender-deep)}
.ac-btn{display:inline-block;font-family:var(--font-body);font-weight:600;
  padding:.85em 1.7em;border-radius:var(--pill);background:var(--lavender-deep);
  color:var(--paper);text-decoration:none;transition:transform .25s,background .25s}
.ac-btn:hover{background:#7e66b8;transform:translateY(-2px);color:var(--paper)}
.ac-btn-ghost{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}
.ac-btn-ghost:hover{background:var(--ink);color:var(--paper)}

.ac-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;
  padding:40px 0}
.ac-hero h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.05;margin:6px 0}
.ac-hero h1 em{font-style:italic;color:var(--lavender-deep)}
.ac-hero p{color:var(--ink-soft);max-width:32ch;margin:14px 0 26px;font-size:1.1rem}
.ac-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.ac-hero-art{aspect-ratio:4/5;border-radius:24px;
  background:linear-gradient(155deg,#EFE7F6,#F6EEE9 60%,#EAF0EC);
  box-shadow:var(--shadow)}

.ac-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;text-align:center}
.ac-blot{width:100%;aspect-ratio:1;
  border-radius:46% 54% 58% 42% / 52% 46% 54% 48%;
  box-shadow:inset 0 -10px 22px rgba(52,48,74,.12);transition:transform .35s ease}
.ac-swatch:hover .ac-blot{transform:rotate(-4deg) scale(1.04)}
.ac-swatch .ac-name{display:block;margin-top:10px;font-family:var(--font-hand);
  font-size:1.4rem;color:var(--ink)}
.ac-lav{background:radial-gradient(circle at 35% 30%,#C7BBE6,var(--lavender))}
.ac-sage{background:radial-gradient(circle at 35% 30%,#BFD6B8,var(--sage))}
.ac-rose{background:radial-gradient(circle at 35% 30%,#EFC4B8,var(--rose))}
.ac-sky{background:radial-gradient(circle at 35% 30%,#BFD7E5,var(--sky))}
.ac-peach{background:radial-gradient(circle at 35% 30%,#F2D6B2,var(--peach))}

/* ------------------------------------------------------------------ */
/* [9] RESPONSIVO + ACESSIBILIDADE                                     */
/* ------------------------------------------------------------------ */
@media(max-width:900px){
  .ac-hero{grid-template-columns:1fr;gap:28px}
  .ac-hero-art{max-width:380px;order:-1}
  .ac-swatches{grid-template-columns:repeat(3,1fr);row-gap:26px}
}
@media(max-width:520px){ .ac-swatches{grid-template-columns:repeat(2,1fr)} }
@media(prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
}