/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://schuhhaus-oelrichs.de
 Description:  Child-Theme für Hello Elementor – Schuhhaus Oelrichs
 Author:       Schuhhaus Oelrichs
 Author URI:   https://schuhhaus-oelrichs.de
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* ============================================================
   KONTAKT-SEITE
   ============================================================ */

.oelrichs-kontakt-page h1 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
}

.oelrichs-kontakt-page h3 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    border-bottom: 2px solid #1a1a1a;
    padding-bottom: 0.4rem;
}

.oelrichs-kontakt-page a {
    color: #1a1a1a;
    text-decoration: underline;
}

/* Kontaktformular */
.oelrichs-kontakt-page form input,
.oelrichs-kontakt-page form textarea {
    transition: border-color 0.2s ease;
}

.oelrichs-kontakt-page form input:focus,
.oelrichs-kontakt-page form textarea:focus {
    outline: none;
    border-color: #1a1a1a !important;
}

.oelrichs-kontakt-page form button:hover {
    background: #333 !important;
}

/* ============================================================
   KARRIERE-SEITE
   ============================================================ */

.oelrichs-karriere-page h1 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
}

.oelrichs-karriere-page .wp-block-group {
    margin-bottom: 1.5rem;
    transition: box-shadow 0.2s ease;
}

.oelrichs-karriere-page .wp-block-group:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.oelrichs-karriere-page .wp-block-button__link {
    background: #1a1a1a;
    color: #fff;
    padding: 14px 32px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.oelrichs-karriere-page .wp-block-button__link:hover {
    background: #333;
}

/* ============================================================
   TABELLEN
   2026-10-17: alte Regeln (schwarzer Kopf #1a1a1a, Hover #f8f8f8) entfernt –
   Tabellen kommen jetzt zentral aus mu-plugins/oelrichs-design/design.css (Apple-Stil, wischbare Hülle).
   ============================================================ */

/* ============================================================
   ALLGEMEIN – KLEINE VERBESSERUNGEN
   ============================================================ */

/* 2026-10-17: Fokusring für Links kommt zentral aus oel-reset.css/design.css (2px var(--oel-focus), Abstand 2px) */

/* Print-Styles: Unnötiges ausblenden */
@media print {
    header, footer, nav, .elementor-section:last-child {
        display: none !important;
    }
    body {
        font-size: 12pt;
        color: #000;
    }
}

/* ============================================================
   FIX 2026-05-29: Zentrierung Magazin / FAQ / Instagram
   Container standen ohne explizite flex_direction -> Fallback row
   (Inhalt schrumpfte nach links). Erzwingt Spalten-Layout.
   ============================================================ */
.elementor-element.elementor-element-3421d23,
.elementor-element.elementor-element-d185ba7,
.elementor-element.elementor-element-46c136a {
    flex-direction: column !important;
}