/*
Theme Name: Écurie Huguet - Prestige Équestre
Theme URI: https://ecuriehuguet.fr
Author: Écurie Huguet
Description: Thème WordPress sur-mesure pour l'Écurie Huguet. Prestations équestres de prestige : mariages, Noël, spectacles, animations.
Version: 1.0
Text Domain: ecurie-huguet
*/

/* ========== BASE ========== */
body {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff;
    color: #000000;
    margin: 0;
}

h1, h2, h3, h4, .font-serif {
    font-family: 'Playfair Display', serif;
}

/* ========== CUSTOM SCROLLBAR ========== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #ffffff; }
::-webkit-scrollbar-thumb { background: #dc2626; }

/* ========== ACCENT UTILITIES ========== */
.accent-red { color: #dc2626; }
.bg-accent-red { background-color: #dc2626; }
.border-accent-red { border-color: #dc2626; }

/* ========== GRAYSCALE IMAGES ========== */
.grayscale-img {
    filter: grayscale(100%) contrast(110%);
    transition: filter 0.5s ease;
}
.grayscale-img:hover {
    filter: grayscale(0%) contrast(100%);
}

/* ========== BLOG PAGINATION ========== */
.page-numbers {
    list-style: none;
    display: flex;
    gap: 0.5rem;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
}
.page-numbers li a,
.page-numbers li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #e5e7eb;
    color: #374151;
    transition: all 0.3s;
}
.page-numbers li a:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}
.page-numbers li span.current {
    background: #dc2626;
    color: #fff;
    border-color: #dc2626;
}

/* ========== LINE CLAMP ========== */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ========== DAMIER EQUESTRE ========== */
.bg-damier {
    position: relative;
}
.bg-damier::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: url('/wp-content/themes/ecurie-huguet-theme/assets/img/damier-equestre.svg') repeat;
    background-size: 240px 240px;
    opacity: 0.3;
}
.bg-damier > * {
    position: relative;
    z-index: 1;
}

/* ========== WORDPRESS OVERRIDES ========== */
.wp-admin-bar-fix { padding-top: 32px !important; }
img { max-width: 100%; height: auto; }
a { text-decoration: none; color: inherit; }