/*
Theme Name: Plantify
Description: Tema mínimo de Plantify. El diseño (header, home, catálogo, ficha, carrito, checkout, footer) lo pone el plugin Plantify Core; el tema solo da el marco limpio y las páginas sueltas (texto, 404). Reemplaza a WoodMart.
Version: 0.7.1
Requires at least: 6.5
Requires PHP: 8.1
Author: Plantify
Text Domain: plantify
WC requires at least: 9.0
*/

/* Base. Colores y fuentes salen de los tokens del plugin (assets/plantify.css); aquí van respaldos. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--papel,#fff);color:var(--tinta,#1d1d1b);font:400 16px/1.55 var(--texto,"Manrope",system-ui,sans-serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}
:where(img,svg,video){max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit}
/* Sin color en los títulos: el home, catálogo y ficha los heredan de su sección (fondos oscuros con texto blanco). */
:where(h1,h2,h3,h4){font-family:var(--disp,inherit);line-height:1.2}
:where(.pt-wrap,.pt-404) :is(h1,h2,h3,h4){color:var(--negro,#111)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100002;background:#fff;padding:10px 14px;border-radius:6px}
.main-page-wrapper{min-height:50vh}

/* Páginas sueltas (políticas, términos, blog) */
.pt-wrap{max-width:820px;margin:0 auto;padding:40px 20px 72px}
.pt-wrap.ancho{max-width:1240px}
.pt-h1{font-size:clamp(28px,4vw,40px);margin:0 0 20px}
.pt-txt{font-size:16px;line-height:1.7;color:var(--tinta2,#3a3a38)}
.pt-txt h2{font-size:22px;margin:32px 0 10px}
.pt-txt h3{font-size:18px;margin:24px 0 8px}
.pt-txt a{color:var(--negro,#111);text-underline-offset:3px}
.pt-txt img{border-radius:8px}
.pt-txt table{width:100%;border-collapse:collapse;font-size:14px}
.pt-txt td,.pt-txt th{border-bottom:1px solid var(--linea,#e6e4df);padding:8px;text-align:left}
.pt-lista{display:grid;gap:22px}
.pt-lista article h2{font-size:20px;margin:0 0 6px}
.pt-lista article h2 a{text-decoration:none}
.pt-pag{display:flex;gap:12px;margin-top:28px}

/* Respaldo si el plugin está apagado */
.pt-hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #e6e4df;background:#fff}
.pt-hdr a{text-decoration:none;font-weight:700}
.pt-hdr ul{list-style:none;display:flex;gap:18px;margin:0;padding:0}
.pt-ftr{padding:28px 20px;text-align:center;font-size:13px;color:#6b6b68;border-top:1px solid #e6e4df}

/* 404 */
.pt-404{max-width:1240px;margin:0 auto;padding:56px 20px 80px;text-align:center}
.pt-404 .n{font:700 clamp(64px,12vw,120px)/1 var(--disp,inherit);color:var(--plomo2,#d9d7d2);margin:0}
.pt-404 h1{font-size:clamp(24px,3.4vw,34px);margin:8px 0 10px}
.pt-404 p{color:var(--tinta2,#3a3a38);margin:0 auto 22px;max-width:520px}
.pt-404 form{display:flex;gap:8px;max-width:520px;margin:0 auto 18px}
.pt-404 input[type=search]{flex:1;height:48px;padding:0 14px;border:1.5px solid var(--linea,#e6e4df);border-radius:6px;background:#fff;min-width:0}
.pt-404 input[type=search]:focus{outline:0;border-color:var(--negro,#111)}
.pt-404 button{height:48px;padding:0 20px;border:0;border-radius:6px;background:var(--negro,#111);color:#fff;font-weight:700;cursor:pointer}
.pt-404 .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:44px}
.pt-404 .chips a{padding:8px 14px;border:1px solid var(--linea,#e6e4df);border-radius:999px;font-size:14px;text-decoration:none;background:#fff}
.pt-404 .chips a:hover{border-color:var(--negro,#111)}
.pt-404 h2{font-size:20px;margin:0 0 16px;text-align:left}
.pt-404 .grid{text-align:left}

@media (max-width:600px){
  .pt-wrap{padding:28px 16px 56px}
  .pt-404{padding:40px 16px 56px}
  .pt-404 form{flex-direction:column}
}