/* CLAUDE: Aktuelle Objekte Section - Startseite */
/* CLAUDE: Responsive 3-Spalten Layout für Premium-Cards */
/* CLAUDE: Passt sich an bestehendes Design an (porous-stone Hintergrund) */

/* ============================================
   CLAUDE: Section Container
   ============================================ */

/* CLAUDE: Haupt-Section mit Hintergrundfarbe */
/* CLAUDE: Full-Bleed-Trick: Section bricht aus dem Parent-Container aus */
/* CLAUDE: Zum Anpassen: Falls Section in einem Container mit max-width ist */
.lhi-aktuelle-objekte-section {
    /* CLAUDE: Hintergrund passend zum Seitendesign */
    background-color: var(--wp--preset--color--porous-stone, #DCD7CE);
    /* CLAUDE: Vertikales Padding für Abstand */
    padding: var(--wp--preset--spacing--xxl, 4rem) 0;
    /* CLAUDE: Full-Bleed: Volle Viewport-Breite */
    width: 100vw;
    /* CLAUDE: Zentriert durch negativen Margin (Parent-Container-Ausbruch) */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    /* CLAUDE: Position relativ für Kinder-Positionierung */
    position: relative;
}

/* CLAUDE: Innerer Container für max-width */
/* CLAUDE: Breiter Container für bessere Karten-Darstellung auf großen Desktops */
/* CLAUDE: Zum Anpassen: max-width erhöhen/verringern für mehr/weniger Karten-Breite */
.lhi-aktuelle-objekte-section .lhi-section-container {
    /* CLAUDE: Breiterer Container für 3-Spalten-Layout (1600px statt 1400px) */
    max-width: 1600px;
    margin: 0 auto;
    /* CLAUDE: Seitliches Padding für Mobile-Abstand */
    padding: 0 var(--wp--preset--spacing--lg, 2rem);
}

/* ============================================
   CLAUDE: Header mit Titel und Untertitel
   ============================================ */

/* CLAUDE: Header-Container zentriert */
.lhi-aktuelle-objekte-section .lhi-section-header {
    text-align: center;
    margin-bottom: var(--wp--preset--spacing--xl, 2.5rem);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* CLAUDE: Haupttitel - passend zum Seitendesign */
.lhi-aktuelle-objekte-section .lhi-section-title {
    font-family: var(--wp--preset--font-family--serif, Georgia, serif);
    /* CLAUDE: Responsive Schriftgröße mit clamp() */
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 400;
    /* CLAUDE: Elegante Großbuchstaben */
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--wp--preset--color--dark-umber, #3B2A1A);
    margin: 0 0 0.75rem 0;
}

/* CLAUDE: Untertitel */
.lhi-aktuelle-objekte-section .lhi-section-subtitle {
    font-size: 1.1rem;
    color: var(--wp--preset--color--graphite, #594834);
    margin: 0;
    line-height: 1.5;
}

/* ============================================
   CLAUDE: Grid - 3 Spalten (Desktop)
   ============================================ */

/* CLAUDE: Grid-Überschreibungen für diese Section */
/* CLAUDE: Nutzt die bestehende .lhi-premium-grid Klasse */
.lhi-aktuelle-objekte-section .lhi-premium-grid {
    /* CLAUDE: Sicherstellen dass Grid aktiv ist */
    display: grid;
    gap: var(--wp--preset--spacing--lg, 2rem);
}

/* CLAUDE: 3 Spalten auf Desktop (>1200px) */
.lhi-aktuelle-objekte-section .lhi-premium-grid[data-columns="3"] {
    grid-template-columns: repeat(3, 1fr);
}

/* CLAUDE: 2 Spalten auf Tablet (768px - 1199px) */
@media (max-width: 1199px) {
    .lhi-aktuelle-objekte-section .lhi-premium-grid[data-columns="3"] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* CLAUDE: 1 Spalte auf Mobile (<768px) */
@media (max-width: 767px) {
    .lhi-aktuelle-objekte-section .lhi-premium-grid[data-columns="3"],
    .lhi-aktuelle-objekte-section .lhi-premium-grid[data-columns="2"] {
        grid-template-columns: 1fr;
    }

    /* CLAUDE: Reduziertes Padding auf Mobile */
    .lhi-aktuelle-objekte-section {
        padding: var(--wp--preset--spacing--xl, 2.5rem) 0;
    }

    .lhi-aktuelle-objekte-section .lhi-section-container {
        padding: 0 var(--wp--preset--spacing--sm, 1rem);
    }

    /* CLAUDE: Kleinere Titel auf Mobile */
    .lhi-aktuelle-objekte-section .lhi-section-title {
        letter-spacing: 0.05em;
    }
}

/* ============================================
   CLAUDE: CTA Button (optional)
   ============================================ */

/* CLAUDE: Button-Container zentriert */
.lhi-aktuelle-objekte-section .lhi-section-cta {
    text-align: center;
    margin-top: var(--wp--preset--spacing--xl, 2.5rem);
}

/* CLAUDE: Primary Button Styling */
.lhi-aktuelle-objekte-section .lhi-button--primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* CLAUDE: Hintergrund passend zum Theme */
    background-color: var(--wp--preset--color--heritage-gold, #8a6b3f);
    color: var(--wp--preset--color--white, #FFFFFF);
    /* CLAUDE: Padding und Größe */
    padding: 0.875rem 2rem;
    border-radius: 8px;
    /* CLAUDE: Typografie */
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    /* CLAUDE: Transition für Hover */
    transition: background-color 0.25s ease, transform 0.25s ease;
}

/* CLAUDE: Hover-Effekt */
.lhi-aktuelle-objekte-section .lhi-button--primary:hover {
    background-color: var(--wp--preset--color--dark-umber, #3B2A1A);
    transform: translateY(-2px);
}

/* CLAUDE: Focus für Accessibility */
.lhi-aktuelle-objekte-section .lhi-button--primary:focus {
    outline: 3px solid var(--wp--preset--color--heritage-gold, #8a6b3f);
    outline-offset: 2px;
}

/* ============================================
   CLAUDE: Reduced Motion
   ============================================ */

@media (prefers-reduced-motion: reduce) {
    .lhi-aktuelle-objekte-section .lhi-button--primary {
        transition: none;
    }

    .lhi-aktuelle-objekte-section .lhi-button--primary:hover {
        transform: none;
    }
}

/* ============================================
   CLAUDE: Print Styles
   ============================================ */

@media print {
    .lhi-aktuelle-objekte-section {
        background-color: #fff;
        padding: 1rem 0;
        /* CLAUDE: Full-Bleed für Print zurücksetzen */
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .lhi-aktuelle-objekte-section .lhi-section-cta {
        display: none;
    }
}