/*
 * Trocha Pura — Brand Styles
 * Gremio equino colombiano
 * Paleta: tierra, cuero, campo
 */

/* ── Google Fonts ────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Lato:wght@300;400;700&display=swap');

/* ── Brand Variables ─────────────────────────────────────────────────────── */
:root {
    /* Colores */
    --luc-color-primary:      #2C1A0E;   /* cafe oscuro / cuero */
    --luc-color-secondary:    #F5EFE6;   /* crema / lino */
    --luc-color-accent:       #8B5E3C;   /* cuero medio / silla de montar */
    --luc-color-accent-warm:  #C9973A;   /* dorado ocre / herraje */
    --luc-color-text:         #2C1A0E;
    --luc-color-text-light:   #7A6552;
    --luc-color-bg:           #FAFAF8;   /* blanco hueso */
    --luc-color-bg-alt:       #F0E8DC;   /* arena */
    --luc-color-border:       #D9CCBC;

    /* Tipografia */
    --luc-font-primary:       'Lato', sans-serif;
    --luc-font-secondary:     'Oswald', sans-serif;

    /* WooCommerce */
    --tp-btn-bg:              #2C1A0E;
    --tp-btn-color:           #F5EFE6;
    --tp-btn-hover-bg:        #8B5E3C;
    --tp-price-color:         #2C1A0E;
    --tp-sale-color:          #8B5E3C;
}

/* ── Base ────────────────────────────────────────────────────────────────── */
body {
    font-family: var(--luc-font-primary);
    background-color: var(--luc-color-bg);
    color: var(--luc-color-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--luc-font-secondary);
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
}

/* ── Nav ─────────────────────────────────────────────────────────────────── */
.lce-nav {
    background-color: var(--luc-color-primary);
    color: var(--luc-color-secondary);
}
.lce-nav.is-sticky {
    background-color: var(--luc-color-primary);
    box-shadow: 0 2px 16px rgba(44,26,14,.25);
}
.lce-nav__logo-text {
    font-family: var(--luc-font-secondary);
    color: var(--luc-color-secondary);
    font-size: 1.4rem;
    letter-spacing: .1em;
}
.lce-nav__menu a {
    color: var(--luc-color-secondary);
    font-family: var(--luc-font-primary);
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .85;
    transition: opacity .2s;
}
.lce-nav__menu a:hover { opacity: 1; }
.lce-nav__actions button { color: var(--luc-color-secondary); }
.lce-nav__cart-count {
    background-color: var(--luc-color-accent-warm);
    color: var(--luc-color-primary);
}
.lce-nav__hamburger span { background: var(--luc-color-secondary); }
.lce-nav__mobile-drawer { background-color: var(--luc-color-primary); }
.lce-nav__mobile-menu a { color: var(--luc-color-secondary); }

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.lce-btn {
    background-color: var(--luc-color-primary);
    color: var(--luc-color-secondary);
    border-color: var(--luc-color-primary);
    font-family: var(--luc-font-secondary);
    font-weight: 600;
    letter-spacing: .1em;
    border-radius: 0;
    transition: background-color .25s, color .25s, border-color .25s;
}
.lce-btn:hover {
    background-color: var(--luc-color-accent);
    border-color: var(--luc-color-accent);
    color: var(--luc-color-secondary);
}
.lce-btn--outline {
    background-color: transparent;
    color: var(--luc-color-primary);
    border-color: var(--luc-color-primary);
}
.lce-btn--outline:hover {
    background-color: var(--luc-color-primary);
    color: var(--luc-color-secondary);
}

/* ── Hero Slider ─────────────────────────────────────────────────────────── */
.lce-hero-slider__eyebrow {
    font-family: var(--luc-font-primary);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--luc-color-accent-warm);
}
.lce-hero-slider__title {
    font-family: var(--luc-font-secondary);
    font-size: clamp(2.5rem, 7vw, 6rem);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
}
.lce-hero-slider__subtitle {
    font-family: var(--luc-font-primary);
    font-size: 1rem;
    font-weight: 300;
    color: rgba(255,255,255,.8);
    letter-spacing: .05em;
}
.lce-hero-slider__cta {
    background-color: var(--luc-color-accent-warm);
    color: var(--luc-color-primary);
    font-family: var(--luc-font-secondary);
    font-weight: 700;
    letter-spacing: .12em;
    padding: .9rem 2.5rem;
    font-size: .9rem;
}
.lce-hero-slider__cta:hover {
    background-color: var(--luc-color-secondary);
    opacity: 1;
}
.lce-hero-slider__arrow {
    background: rgba(44,26,14,.5);
}
.lce-hero-slider__arrow:hover {
    background: rgba(44,26,14,.85);
}
.lce-hero-slider__dot { background: rgba(245,239,230,.4); }
.lce-hero-slider__dot.is-active { background: var(--luc-color-accent-warm); }

/* ── Section titles ──────────────────────────────────────────────────────── */
.lce-section__eyebrow {
    color: var(--luc-color-accent);
    font-family: var(--luc-font-primary);
    font-weight: 700;
    letter-spacing: .18em;
}
.lce-section__title {
    font-family: var(--luc-font-secondary);
    color: var(--luc-color-primary);
    font-weight: 700;
}

/* ── Product Cards ───────────────────────────────────────────────────────── */
.lce-product-card__badge--sale { background-color: var(--luc-color-accent); }
.lce-product-card__badge--new  { background-color: var(--luc-color-primary); }
.lce-product-card__title a { color: var(--luc-color-primary); }
.lce-product-card__title a:hover { color: var(--luc-color-accent); }
.lce-product-card__actions .button,
.lce-product-card__actions .add_to_cart_button {
    background-color: var(--luc-color-primary) !important;
    color: var(--luc-color-secondary) !important;
    border-radius: 0 !important;
    font-family: var(--luc-font-secondary) !important;
    font-size: .75rem !important;
    letter-spacing: .1em !important;
    padding: .6rem 1.2rem !important;
    text-transform: uppercase !important;
}

/* ── Featured Products Grid ──────────────────────────────────────────────── */
.lce-featured-grid__title { color: #fff; font-family: var(--luc-font-secondary); }
.lce-featured-grid__price { color: var(--luc-color-accent-warm); }

/* ── Collection Banner ───────────────────────────────────────────────────── */
.lce-collection-banner__content {
    background-color: var(--luc-color-bg-alt);
}
.lce-collection-banner__eyebrow {
    color: var(--luc-color-accent);
    font-family: var(--luc-font-primary);
    letter-spacing: .18em;
}
.lce-collection-banner__title {
    font-family: var(--luc-font-secondary);
    color: var(--luc-color-primary);
    font-size: clamp(2rem, 4vw, 3.5rem);
}
.lce-collection-banner__text { color: var(--luc-color-text-light); }

/* ── Testimonials ────────────────────────────────────────────────────────── */
.lce-testimonials__item {
    background-color: var(--luc-color-secondary);
    border-left: 3px solid var(--luc-color-accent-warm);
}
.lce-testimonials__quote { color: var(--luc-color-text); }
.lce-testimonials__name  { color: var(--luc-color-primary); }
.lce-testimonials__role  { color: var(--luc-color-text-light); }
.lce-star--filled        { color: var(--luc-color-accent-warm); }

/* ── Countdown Timer ─────────────────────────────────────────────────────── */
.lce-countdown__block--block {
    background-color: var(--luc-color-primary);
    color: var(--luc-color-secondary);
}
.lce-countdown__number { color: var(--luc-color-primary); }
.lce-countdown--block .lce-countdown__number { color: var(--luc-color-secondary); }
.lce-countdown__sep    { color: var(--luc-color-accent); }

/* ── Mini Cart Drawer ────────────────────────────────────────────────────── */
.lce-cart-drawer {
    background-color: var(--luc-color-bg);
}
.lce-cart-drawer__header {
    border-bottom-color: var(--luc-color-border);
    background-color: var(--luc-color-primary);
    color: var(--luc-color-secondary);
}
.lce-cart-drawer__title { color: var(--luc-color-secondary); }
.lce-cart-drawer__close { color: var(--luc-color-secondary); }
.lce-cart-drawer__footer { border-top-color: var(--luc-color-border); }

/* ── Footer ──────────────────────────────────────────────────────────────── */
.lce-footer {
    background-color: var(--luc-color-primary);
    color: var(--luc-color-secondary);
}
.lce-footer a { color: var(--luc-color-secondary); }
.lce-footer__col-title {
    color: var(--luc-color-accent-warm);
    font-family: var(--luc-font-secondary);
}
.lce-footer__bar {
    background-color: rgba(0,0,0,.25);
    border-top-color: rgba(245,239,230,.1);
}

/* ── WooCommerce Global ──────────────────────────────────────────────────── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: var(--tp-btn-bg) !important;
    color: var(--tp-btn-color) !important;
    border-radius: 0 !important;
    font-family: var(--luc-font-secondary) !important;
    font-weight: 600 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: var(--tp-btn-hover-bg) !important;
    color: var(--tp-btn-color) !important;
}
.woocommerce span.price,
.woocommerce .price .amount { color: var(--tp-price-color); }
.woocommerce .onsale {
    background-color: var(--tp-sale-color);
    border-radius: 0;
    font-family: var(--luc-font-secondary);
}

/* ── Elementor overrides ─────────────────────────────────────────────────── */
.elementor-section,
.e-con { --e-global-color-primary: #2C1A0E; }