/* ==========================================================================
   DESKTOP COMPACT - Réduction ~80% pour écrans desktop
   Fichier à inclure APRÈS main.css et pages.css
   ========================================================================== */

/* Appliquer uniquement sur desktop (>1024px) */
@media (min-width: 1025px) {
    
    /* ===== VARIABLES AJUSTÉES ===== */
    :root {
        --scale-factor: 0.82; /* Facteur de réduction global */
    }

    /* ===== TYPOGRAPHIE GLOBALE ===== */
    body {
        font-size: 0.92rem; /* 14.7px au lieu de 16px */
        line-height: 1.55;
    }

    /* ===== NAVIGATION ===== */
    nav {
        padding: 0.35rem 0;
    }

    nav.scrolled {
        padding: 0.3rem 0;
    }

    .logo-img {
        height: 80px; /* Réduit de 100px */
    }

    nav.scrolled .logo-img {
        height: 55px; /* Réduit de 70px */
    }

    .nav-link {
        font-size: 0.85rem; /* Réduit de 0.95rem */
    }

    .nav-links {
        gap: 1.2rem; /* Réduit de 1.5rem */
    }

    .btn-nav {
        padding: 0.55rem 1.4rem !important; /* Réduit de 0.7rem 1.8rem */
        font-size: 0.78rem; /* Réduit de 0.85rem */
    }

    /* ===== HERO ===== */
    .hero {
        height: 60vh; /* Réduit de 70vh */
        min-height: 480px; /* Réduit de 600px */
        max-height: 650px; /* Réduit de 800px */
        margin-top: 90px; /* Réduit de 110px */
    }

    .hero h1 {
        font-size: clamp(2.4rem, 6.5vw, 4.2rem); /* Réduit de clamp(3rem, 8vw, 5.5rem) */
        margin-bottom: 0.8rem;
    }

    .hero p {
        font-size: 1.1rem; /* Réduit de 1.3rem */
        margin-bottom: 2.4rem; /* Réduit de 3rem */
    }

    .hero-content {
        max-width: 750px; /* Réduit de 900px */
        padding: 1.6rem; /* Réduit de 2rem */
    }

    /* ===== BOUTONS ===== */
    .btn {
        padding: 0.8rem 2rem; /* Réduit de 1rem 2.5rem */
        font-size: 0.85rem; /* Réduit de 0.95rem */
    }

    .cta-buttons {
        gap: 1.2rem; /* Réduit de 1.5rem */
    }

    /* ===== STATUS BAR ===== */
    .status-bar-inline {
        padding: 1.1rem 0; /* Réduit de 1.4rem */
    }

    .status-bar-inline .status-icon {
        width: 48px; /* Réduit de 60px */
        height: 48px;
        min-width: 48px;
    }

    .status-bar-inline .status-item {
        gap: 1.2rem; /* Réduit de 1.5rem */
        padding: 0 1.6rem; /* Réduit de 2rem */
    }

    .status-bar-inline .status-label {
        font-size: 0.75rem; /* Réduit de 0.85rem */
    }

    .status-bar-inline .status-value {
        font-size: 0.95rem; /* Réduit de 1.1rem */
    }

    /* Status bar sticky */
    .status-bar-sticky {
        top: 65px; /* Ajusté pour la nav plus petite */
    }

    .status-bar-sticky .status-icon {
        width: 36px; /* Réduit de 45px */
        height: 36px;
        min-width: 36px;
    }

    .status-bar-sticky .status-label {
        font-size: 0.62rem; /* Réduit de 0.7rem */
    }

    .status-bar-sticky .status-value {
        font-size: 0.8rem; /* Réduit de 0.9rem */
    }

    /* ===== SECTIONS ===== */
    .section-header {
        margin-bottom: 3.2rem; /* Réduit de 4rem */
    }

    .section-tag {
        font-size: 0.75rem; /* Réduit de 0.85rem */
        margin-bottom: 0.8rem;
    }

    .section-header h2 {
        font-size: clamp(1.7rem, 4vw, 2.8rem); /* Réduit de clamp(2rem, 5vw, 3.5rem) */
    }

    /* ===== CONTAINER ===== */
    .container {
        padding: 0 1.6rem; /* Réduit de 2rem */
    }

    /* ===== INFO SECTION ===== */
    .info-section {
        padding: 4rem 0; /* Réduit de 5rem */
    }

    .info-grid {
        gap: 2rem; /* Réduit de 2.5rem */
    }

    .info-card {
        padding: 2rem; /* Réduit de 2.5rem */
    }

    .card-header {
        margin-bottom: 1.6rem; /* Réduit de 2rem */
        padding-bottom: 1.2rem; /* Réduit de 1.5rem */
    }

    .card-header h3 {
        font-size: 1.5rem; /* Réduit de 1.8rem */
    }

    /* ===== CALENDRIER ===== */
    .calendar-header h3 {
        font-size: 1.6rem; /* Réduit de 2rem */
    }

    .calendar-nav {
        padding: 0.6rem; /* Réduit de 0.75rem */
        width: 36px; /* Réduit de 44px */
        height: 36px;
    }

    .calendar-filters {
        gap: 0.6rem; /* Réduit de 0.75rem */
        margin-bottom: 1.6rem; /* Réduit de 2rem */
        padding: 0.8rem; /* Réduit de 1rem */
    }

    .filter-btn {
        padding: 0.5rem 1.2rem; /* Réduit de 0.65rem 1.5rem */
        font-size: 0.8rem; /* Réduit de 0.9rem */
    }

    .calendar-grid {
        gap: 6px; /* Réduit de 8px */
        margin-bottom: 1.6rem; /* Réduit de 2rem */
        padding: 1.2rem; /* Réduit de 1.5rem */
    }

    .calendar-day-name {
        font-size: 0.68rem; /* Réduit de 0.75rem */
        padding: 0.6rem 0; /* Réduit de 0.75rem */
    }

    .calendar-day {
        font-size: 0.85rem; /* Réduit de 0.95rem */
    }

    /* Events */
    .calendar-events {
        margin-top: 1.6rem; /* Réduit de 2rem */
        padding-top: 1.6rem;
    }

    .calendar-events h4 {
        font-size: 1.2rem; /* Réduit de 1.4rem */
        margin-bottom: 1.2rem; /* Réduit de 1.5rem */
    }

    .events-list {
        gap: 0.8rem; /* Réduit de 1rem */
        max-height: 400px; /* Réduit de 500px */
    }

    .event {
        padding: 1.2rem; /* Réduit de 1.5rem */
    }

    .event-date {
        font-size: 0.72rem; /* Réduit de 0.8rem */
    }

    .event-title {
        font-size: 0.98rem; /* Réduit de 1.1rem */
    }

    .event-subtitle {
        font-size: 0.85rem; /* Réduit de 0.95rem */
    }

    .event-time {
        font-size: 0.8rem; /* Réduit de 0.9rem */
    }

    .calendar-legend {
        gap: 1.2rem; /* Réduit de 1.5rem */
        margin-top: 1.6rem;
        padding-top: 1.2rem;
    }

    .legend-item {
        font-size: 0.78rem; /* Réduit de 0.85rem */
    }

    /* ===== ABOUT SECTION ===== */
    .about-section {
        padding: 4.8rem 0; /* Réduit de 6rem */
    }

    .about-grid {
        gap: 4rem; /* Réduit de 5rem */
    }

    .about-text p {
        font-size: 0.98rem; /* Réduit de 1.1rem */
        margin-bottom: 1.2rem;
    }

    .stats {
        gap: 1.6rem; /* Réduit de 2rem */
        margin-top: 2.4rem; /* Réduit de 3rem */
    }

    .stat {
        padding: 1.6rem; /* Réduit de 2rem */
    }

    .stat-number {
        font-size: 2.4rem; /* Réduit de 3rem */
    }

    .stat-label {
        font-size: 0.85rem; /* Réduit de 0.95rem */
    }

    .about-image {
        height: 480px; /* Réduit de 600px */
    }

    /* ===== INSTALLATIONS ===== */
    .installations-section {
        padding: 4.8rem 0; /* Réduit de 6rem */
    }

    .installations-grid {
        gap: 2rem; /* Réduit de 2.5rem */
    }

    .installation-image {
        height: 200px; /* Réduit de 250px */
    }

    .installation-content {
        padding: 1.6rem; /* Réduit de 2rem */
    }

    .installation-content h3 {
        font-size: 1.3rem; /* Réduit de 1.5rem */
        margin-bottom: 0.8rem;
    }

    /* ===== TARIFS ===== */
    .tarifs-section {
        padding: 4.8rem 0; /* Réduit de 6rem */
    }

    .tarifs-grid {
        gap: 2rem; /* Réduit de 2.5rem */
    }

    .tarif-card {
        padding: 2.4rem 1.6rem; /* Réduit de 3rem 2rem */
    }

    .tarif-name {
        font-size: 0.88rem; /* Réduit de 1rem */
        margin-bottom: 1.2rem;
    }

    .tarif-price {
        font-size: 2.8rem; /* Réduit de 3.5rem */
    }

    .tarif-desc {
        font-size: 0.85rem; /* Réduit de 0.95rem */
        margin-bottom: 1.6rem;
    }

    .tarif-features li {
        padding: 0.65rem 0; /* Réduit de 0.8rem */
    }

    /* ===== INSTAGRAM ===== */
    .instagram-section {
        padding: 2.4rem 0; /* Réduit de 3rem */
    }

    .instagram-section .section-header {
        margin-bottom: 1.6rem;
    }

    .instagram-cta {
        gap: 1.2rem;
        padding: 1.2rem 0 0.4rem;
    }

    .instagram-cta .btn {
        padding: 0.8rem 2rem;
        font-size: 0.88rem;
        min-width: 200px; /* Réduit de 240px */
    }

    /* ===== CONTACT ===== */
    .contact-section {
        padding: 4.8rem 0; /* Réduit de 6rem */
    }

    .contact-grid {
        gap: 2.4rem; /* Réduit de 3rem */
    }

    .contact-left {
        gap: 1.6rem; /* Réduit de 2rem */
    }

    .info-item-compact {
        gap: 0.8rem;
        padding: 0.8rem 1.2rem;
    }

    .info-item-compact .info-icon {
        font-size: 1.3rem;
    }

    .info-item-compact .info-text h4 {
        font-size: 0.68rem;
    }

    .info-item-compact .info-text p {
        font-size: 0.85rem;
    }

    .map-container {
        min-height: 280px; /* Réduit de 350px */
    }

    .contact-form {
        padding: 2.4rem; /* Réduit de 3rem */
    }

    .form-group {
        margin-bottom: 1.2rem;
    }

    .form-group input,
    .form-group textarea {
        padding: 0.8rem;
        font-size: 0.92rem;
    }

    /* ===== FOOTER ===== */
    .footer {
        padding: 2.4rem 0 1.6rem;
    }

    .partners-section {
        padding: 1.6rem 0 2.4rem;
        margin-bottom: 1.6rem;
    }

    .partners-section h4 {
        font-size: 0.8rem;
        margin-bottom: 1.6rem;
    }

    .partners-grid {
        gap: 1.6rem;
    }

    .partners-grid img {
        height: 40px; /* Réduit de 50px */
        max-width: 100px; /* Réduit de 120px */
    }

    .footer-content {
        margin-bottom: 1.6rem;
        gap: 1.6rem;
    }

    .footer-logo-img {
        height: 40px; /* Réduit de 50px */
    }

    .footer-links {
        gap: 1.6rem;
    }

    .footer-links a {
        font-size: 0.8rem;
    }

    .footer-links.footer-legal a {
        font-size: 0.75rem;
    }

    .footer-bottom {
        padding-top: 1.6rem;
        font-size: 0.8rem;
    }

    /* ===== PAGES STANDARDS ===== */
    .page-hero-mini {
        height: 160px; /* Réduit de 200px */
        margin-top: 90px; /* Réduit de 110px */
        margin-bottom: 40px; /* Réduit de 50px */
    }

    .page-container {
        padding: 40px 16px; /* Réduit de 50px 20px */
        gap: 32px; /* Réduit de 40px */
        grid-template-columns: 1fr 300px; /* Réduit de 350px */
    }

    .page-header {
        margin-bottom: 40px; /* Réduit de 50px */
    }

    .page-title {
        font-size: 2.8rem; /* Réduit de 3.5rem */
        padding-bottom: 16px;
    }

    .page-title::after {
        width: 65px; /* Réduit de 80px */
        height: 3px;
    }

    .page-excerpt {
        font-size: 1.05rem; /* Réduit de 1.2rem */
    }

    .entry-content {
        font-size: 0.98rem; /* Réduit de 1.1rem */
        line-height: 1.75;
    }

    .entry-content h2 {
        font-size: 1.7rem; /* Réduit de 2rem */
        margin-top: 2.4rem;
        margin-bottom: 1rem;
    }

    .entry-content h3 {
        font-size: 1.3rem; /* Réduit de 1.5rem */
        margin-top: 2rem;
    }

    .entry-content h4 {
        font-size: 1.05rem; /* Réduit de 1.2rem */
        margin-top: 1.6rem;
    }

    .entry-content p {
        margin-bottom: 1.2rem;
    }

    .entry-content img {
        margin: 2rem 0;
    }

    /* ===== SIDEBAR ===== */
    .page-sidebar {
        top: 130px; /* Ajusté pour nav plus petite */
        gap: 16px;
    }

    body.admin-bar .page-sidebar {
        top: calc(130px + 32px);
    }

    .widget-title {
        font-size: 1.5rem; /* Réduit de 1.8rem */
        padding: 24px 24px 20px 24px;
    }

    .widget-content {
        padding: 24px;
    }

    .sidebar-menu a {
        padding: 10px 0;
        font-size: 0.88rem;
    }

    .contact-item {
        gap: 10px;
    }

    .contact-icon svg {
        width: 18px;
        height: 18px;
    }

    .contact-item a,
    .contact-item span:not(.contact-icon) {
        font-size: 0.88rem;
    }

    .horaires-item {
        padding: 10px 0;
    }

    .horaires-item strong,
    .horaires-item span {
        font-size: 0.88rem;
    }

    .social-link {
        width: 38px;
        height: 38px;
    }

    /* Widget Events */
    .widget-event-item {
        gap: 12px;
        padding: 12px;
    }

    .widget-event-date {
        min-width: 48px;
        height: 48px;
    }

    .widget-event-day {
        font-size: 1.4rem;
    }

    .widget-event-month {
        font-size: 0.58rem;
    }

    .widget-event-title {
        font-size: 0.92rem;
        margin-bottom: 6px;
    }

    .widget-event-type {
        padding: 3px 10px;
        font-size: 0.62rem;
    }

    .widget-event-time {
        font-size: 0.78rem;
    }

    /* ===== PDF ACCORDION ===== */
    .pdf-accordion-header {
        padding: 1rem 1.2rem;
    }

    .pdf-accordion-title {
        font-size: 0.98rem;
    }

    /* ===== FORMULAIRES GÉNÉRAUX ===== */
    form input:not([type="checkbox"]):not([type="submit"]),
    form select {
        padding: 0.8rem;
        margin-bottom: 20px;
        font-size: 0.92rem;
    }

    /* ===== MAP ===== */
    #map {
        height: 560px; /* Réduit de 700px */
    }

    .legend {
        padding: 12px;
        font-size: 11px;
        max-width: 140px;
    }

    .legend h3 {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .hole-info-panel {
        padding: 16px;
        min-width: 240px;
        max-width: 240px;
        font-size: 11px;
    }

    .hole-info-panel h3 {
        font-size: 26px !important;
        margin-top: 75px !important;
    }

    #info-img {
        height: 120px;
    }

    .hole-btn {
        padding: 4px 10px;
        font-size: 0.85rem;
    }

    /* ===== LEGAL PAGES ===== */
    .legal-page {
        padding: 6.4rem 0 3.2rem;
    }

    .legal-page h1 {
        font-size: clamp(1.7rem, 4vw, 2.4rem);
        margin-bottom: 2.4rem;
    }

    .legal-content {
        padding: 1.6rem;
    }

    .legal-content h2 {
        font-size: 1.5rem;
        margin-top: 2rem;
    }

    .legal-content h3 {
        font-size: 1.15rem;
        margin-top: 1.2rem;
    }

    .legal-content p,
    .legal-content li {
        font-size: 0.92rem;
    }

    .cookies-table th,
    .cookies-table td {
        padding: 0.8rem;
        font-size: 0.88rem;
    }
}