/*
Theme Name: GLJ Suplementos
Theme URI: https://gljsuplementos.com/
Author: Ricardo Mazo
Description: Tema de bloques (FSE) para tienda de suplementos deportivos. Estética oscura con acentos rojos, tipografía condensada. Compatible con WooCommerce.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: glj-suplementos
*/

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

.glj-topbar { overflow: hidden; white-space: nowrap; }
.glj-topbar p { display: inline-block; padding-left: 100%; animation: glj-marquee 28s linear infinite; margin: 0; }
@keyframes glj-marquee { to { transform: translateX(-100%); } }

.glj-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(8px); }
.glj-header .wp-block-navigation a { text-transform: uppercase; font-size: .75rem; letter-spacing: .08em; font-weight: 600; }
.glj-header .wp-block-navigation a:hover { color: var(--wp--preset--color--primary); }

.glj-hero {
  background:
    radial-gradient(ellipse at 15% 20%, rgba(225,20,20,.22), transparent 55%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.025) 0 2px, transparent 2px 14px),
    var(--wp--preset--color--base);
}
.glj-eyebrow { display: inline-block; border: 1px solid var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); padding: .35rem .8rem; }

.glj-card { border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--surface); transition: border-color .2s, transform .2s; }
.glj-card:hover { border-color: var(--wp--preset--color--primary); transform: translateY(-3px); }

.glj-stat-num { font-family: var(--wp--preset--font-family--display); font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: 1; color: var(--wp--preset--color--primary); margin: 0; }

.glj-nutri-row { border-bottom: 1px solid var(--wp--preset--color--border); padding: .85rem 0; }
.glj-nutri-row .amount { font-family: var(--wp--preset--font-family--display); color: var(--wp--preset--color--primary); font-size: 1.5rem; }

.wp-block-button__link { text-transform: uppercase; letter-spacing: .06em; transition: background .2s, color .2s; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); }

/* Productos */
.price { color: var(--wp--preset--color--primary); font-weight: 700; font-size: 1.15rem; margin: .25rem 0; }

@media (max-width: 781px) {
  .glj-hero h1 { font-size: 3rem !important; }
}