/*
Theme Name: Kadence Child - Javier Derderyan
Theme URI: https://javierderderyan.com
Description: Child theme de Kadence para javierderderyan.com — ajustes editoriales sobre la base Kadence.
Author: Javier Derderyan
Version: 1.0.0
Template: kadence
Text Domain: kadence-child
*/

/* ============================================================
   Overrides finos — tipografía editorial + detalles
   ============================================================ */

/* Hero slider — crossfade entre 2 fotos, texto fijo encima */
.jd-hero-slider {
    position: relative;
    width: 100%;
    min-height: 75vh;
    overflow: hidden;
    margin: 0;
}
.jd-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    will-change: opacity;
}
.jd-hero-bg-2 {
    /* Capa inferior, siempre visible */
    background-image: url('https://javierderderyan.com/wp-content/uploads/2025/04/a9b026b2-f785-4a85-a8b4-8d8f07d20afb.jpg');
    background-position: center center;
    z-index: 0;
}
.jd-hero-bg-1 {
    /* Capa superior (remera roja) — aparece primero y hace fade */
    background-image: url('https://javierderderyan.com/wp-content/uploads/2026/04/DSC6528-Mejorado-NR-1-scaled.jpg');
    background-position: 55% 55%;
    z-index: 1;
    animation: jdHeroFade 12s infinite ease-in-out;
}
@keyframes jdHeroFade {
    0%, 42%  { opacity: 1; }
    55%, 90% { opacity: 0; }
    100%     { opacity: 1; }
}
.jd-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10,14,20,0) 0%, rgba(10,14,20,0.35) 45%, rgba(10,14,20,0.85) 100%);
    z-index: 1;
    pointer-events: none;
}
.jd-hero-content {
    position: relative;
    z-index: 2;
    min-height: 75vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: 900px;
    padding: clamp(60px, 8vh, 100px) clamp(24px, 5vw, 60px) clamp(50px, 8vh, 80px);
}
.jd-hero-eyebrow {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #A8B0BC;
    margin: 0 0 16px;
}
.jd-hero-title {
    font-family: 'Fraunces', Georgia, serif !important;
    font-size: clamp(42px, 7vw, 76px);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.025em;
    color: #fff;
    margin: 0 0 24px;
    text-shadow: 0 2px 24px rgba(0,0,0,0.55);
}
.jd-hero-subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-style: italic;
    color: #E5E7EB;
    margin: 0 0 14px;
    line-height: 1.5;
}
.jd-hero-bio {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #C1C7D0;
    margin: 0 0 44px;
    line-height: 1.7;
}
.jd-hero-cta {
    display: inline-block;
    background: #1E2B3D;
    color: #fff !important;
    padding: 15px 28px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    align-self: flex-start;
    transition: background .2s;
}
.jd-hero-cta:hover {
    background: #111;
}
@media (max-width: 768px) {
    .jd-hero-slider, .jd-hero-content { min-height: 68vh; }
}

/* Quitar el "entry-hero" de Kadence (barra de título arriba del contenido)
   en todas las páginas. En artículos (single post) se mantiene. */
body.page .entry-hero,
body.page .entry-hero-container-inner,
body.archive .entry-hero,
body.search .entry-hero {
    display: none !important;
}
body.page .site {
    margin-top: 0;
}
body.page .content-wrap,
body.page .site-main {
    padding-top: 0;
}
/* Y el wrapper del título si está renderizado como h1 fuera de entry-hero */
body.page .entry-header:empty,
body.page header.entry-header:not(:has(.entry-title)) {
    display: none;
}

/* Títulos con un poco más de carácter */
.site-main h1, .entry-content h1,
.site-main h2, .entry-content h2,
.site-main h3, .entry-content h3 {
    letter-spacing: -0.01em;
}

/* Links con subrayado elegante (solo en contenido) */
.entry-content a:not(.button):not(.wp-block-button__link) {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: rgba(184, 147, 90, 0.5);
    transition: text-decoration-color .2s ease;
}
.entry-content a:not(.button):not(.wp-block-button__link):hover {
    text-decoration-color: #B8935A;
}

/* Primera letra capital en artículos (opcional, se puede quitar) */
.single-post .entry-content > p:first-of-type::first-letter {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 3.4em;
    font-weight: 600;
    float: left;
    line-height: 0.9;
    padding: 0.1em 0.12em 0 0;
    color: #B8935A;
}

/* WooCommerce: precios con un acento sutil */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
    color: #1A1128;
    font-weight: 600;
}

/* Botones WooCommerce alineados al tono editorial */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    letter-spacing: 0.04em;
    font-weight: 600;
    border-radius: 6px;
}