/*
Theme Name: Confort & Casa
Theme URI: https://mayoreodeblancos.mx
Author: MAYOREO DE BLANCOS
Description: Tema de tienda de blancos y ropa de cama (sábanas, edredones, toallas, almohadas y cortinas) con catálogo, carrito lateral y pedido por WhatsApp. Temixco, Morelos.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: confort-casa
*/

/* Los estilos de diseño vienen de Tailwind (ver functions.php). Aquí solo van ajustes puntuales. */

html { scroll-behavior: smooth; }
section[id], footer[id] { scroll-margin-top: 5rem; }
body { font-family: 'Hanken Grotesk', system-ui, sans-serif; }

/* Foco visible para navegación con teclado */
:focus-visible { outline: 2px solid #1E2B4A; outline-offset: 2px; }
.on-dark :focus-visible { outline-color: #D9BB86; }

/* Chips de filtro: scroll horizontal sin barra visible */
.no-scrollbar { scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* Pequeño rebote del contador al agregar un producto */
@keyframes bump { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(1); } }
.bump { animation: bump .35s ease; }

dialog::backdrop { background: rgba(30, 43, 74, .55); }

/* Barra de administración de WordPress (solo visible para usuarios con sesión iniciada) */
body.admin-bar .site-header { top: 32px; }
body.admin-bar #cartDrawer { top: 32px; height: calc(100% - 32px); }
@media screen and (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
  body.admin-bar #cartDrawer { top: 46px; height: calc(100% - 46px); }
}
@media screen and (max-width: 600px) {
  body.admin-bar .site-header { top: 0; }
}

/* Contenido de páginas y entradas (Tailwind reinicia los estilos por defecto) */
.cyc-content > * + * { margin-top: 1.1em; }
.cyc-content h2, .cyc-content h3, .cyc-content h4 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; color: #1E2B4A; line-height: 1.15; }
.cyc-content h2 { font-size: 2rem; margin-top: 1.6em; }
.cyc-content h3 { font-size: 1.5rem; margin-top: 1.4em; }
.cyc-content p, .cyc-content li { line-height: 1.75; }
.cyc-content ul { list-style: disc; padding-left: 1.4em; }
.cyc-content ol { list-style: decimal; padding-left: 1.4em; }
.cyc-content a { color: #1E2B4A; text-decoration: underline; }
.cyc-content img { max-width: 100%; height: auto; border-radius: 1rem; }
.cyc-content blockquote { border-left: 3px solid #B08D57; padding-left: 1em; color: #6B675F; }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}