/*
 Theme Name:   Ursis Brautmode
 Theme URI:    https://www.ursis-brautmode.de
 Description:  Child Theme für Ursis Brautmode basierend auf Divi. DSGVO-konforme Google Fonts Einbindung.
 Author:       JoussenKarliczek
 Author URI:   https://www.j-k.de
 Template:     Divi
 Version:      1.0.0
 Text Domain:  ursis-brautmode
*/

/* ────────────────────────────────────────── */
/* Allgemein */
:root {
    --content-width: 90%;
}

/* ────────────────────────────────────────── */
/* Schriften */
:root {
    --et_global_heading_font: 'Cormorant Garamond' !important;
    --et_global_body_font: 'Poppins' !important;
}

body,
[class^="et_pb_text_"] .et_pb_text_inner h5,
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1,
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h2.et_pb_module_header,
.et_pb_fullwidth_header_1.et_pb_fullwidth_header .header-content h2.et_pb_module_header,
.et_pb_text_5 .et_pb_text_inner h5 {
    font-family: "Poppins", sans-serif;
}

h1, h2, h3, h4, h5, h6, .et_pb_fullwidth_header_0.blog-title h1.et_pb_module_header {
    font-family: "Cormorant Garamond", serif;
}

[class^="et_pb_text_"] .et_pb_text_inner h5,
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1,
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h2.et_pb_module_header,
.et_pb_fullwidth_header_1.et_pb_fullwidth_header .header-content h2.et_pb_module_header,
.et_pb_text_5 .et_pb_text_inner h5 {
    font-weight: 700 !important;
}

/* ────────────────────────────────────────── */
/* Header */
header .et_pb_menu .et_pb_menu__menu,
header .et_pb_menu .et_pb_menu__menu > nav {
    width: 100%;
}

#menu-hauptmenue {
    width: 100%;
    gap: 4%;
}

#menu-hauptmenue.et-menu li li a {
    width: 320px;
}

#menu-hauptmenue.nav li ul {
    width: 360px;
}

.ursis-brautmode-header {
    transition: padding 0.3s ease;
}

@media (max-width: 980px) {
    .ursis-brautmode-header .et_pb_row_0_tb_header {
        display: grid !important;
        grid-template-columns: 1fr auto auto;
        align-items: center !important;
        column-gap: 10px;
    }

    .ursis-brautmode-header .et_pb_column_0_tb_header {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    .ursis-brautmode-header .et_pb_column_1_tb_header {
        grid-column: 3;
        grid-row: 1;
        min-width: 0;
    }

    .ursis-brautmode-header .et_pb_column_2_tb_header {
        grid-column: 2;
        grid-row: 1;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .ursis-brautmode-header .et_pb_menu,
    .ursis-brautmode-header .et_pb_menu_inner_container,
    .ursis-brautmode-header .et_pb_menu__wrap {
        width: auto !important;
    }

    .ursis-brautmode-header .et_pb_menu__menu {
        display: none !important;
    }

    .ursis-brautmode-header .et_mobile_nav_menu {
        display: block !important;
    }

    .ursis-brautmode-header .et_pb_image_wrap img {
        max-height: 42px;
        width: auto;
    }

    .ursis-brautmode-header .et_pb_button_0_tb_header {
        white-space: nowrap;
        font-size: 11px !important;
        padding: 10px 12px !important;
        letter-spacing: 0.14em;
    }

    .ursis-brautmode-header .et_mobile_nav_menu .mobile_menu_bar:before {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .ursis-brautmode-header .et_pb_row_0_tb_header {
        grid-template-columns: minmax(0, 1fr) auto auto;
        column-gap: 8px;
    }

    .ursis-brautmode-header .et_pb_button_0_tb_header {
        font-size: 10px !important;
        padding: 9px 10px !important;
    }

    .ursis-brautmode-header .et_pb_image_wrap img {
        max-height: 36px;
    }
}

/* ──────────────────────────────────────────
   Mobiles Aufklapp-Menü: korrekte Positionierung
────────────────────────────────────────── */
@media (max-width: 980px) {

    /* Header-Section als Anker für absolute Positionierung */
    .ursis-brautmode-header {
        position: relative;
    }

    /* Aufgeklapptes Menü: volle Breite, unterhalb des Headers */
    .ursis-brautmode-header .et_mobile_menu {
        position: absolute !important;
        top: 100% !important;
        left: auto !important;
        right: auto !important;
        width: 90% !important;
        z-index: 9999;
        box-sizing: border-box;
        list-style: none;
        padding: 0;
    }

    .ursis-brautmode-header .et_mobile_menu ul {
        list-style: none;
        padding: 0;
    }
}


/* ────────────────────────────────────────── */
/* Footer */
.et_pb_menu #menu-footer > li {
    padding: 0 5px;
}

#menu-footer li + li::before {
    content: '|';
    margin: 0 10px 0 0;
    color: #666;
}

/* ────────────────────────────────────────── */
/* Slider */
.et_pb_slider .et-pb-arrow-prev {
    left: 22px;
    opacity: 1;
}

.et_pb_slider .et-pb-arrow-next {
    right: 22px;
    opacity: 1;
}

@media (max-width: 767px) {
    .et_pb_slider .et-pb-arrow-prev {
        left: -10px;
    }

    .et_pb_slider .et-pb-arrow-next {
        right: -10px;
    }
}

@media (max-width: 980px) {
    footer .et_pb_menu .et_pb_menu__menu {
        display: block;
    }

    footer .et_pb_menu .et_mobile_nav_menu {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .et_pb_menu_0_tb_footer.et_pb_menu .et_pb_menu__wrap {
        justify-content: center !important;
    }
}