/* ==========================================================
   FOOTER WIDGETS - 5 COLUMN LAYOUT
   ========================================================== */

/* Wider container on desktop */
@media (min-width: 1000px) {
    #footer-widgets .container {
        max-width: 1672px !important;
    }
}

/* Remove legacy row clearfix */
#footer-widgets[data-cols="5"] .row::before,
#footer-widgets[data-cols="5"] .row::after {
    display: none !important;
    content: none !important;
}

/* ==========================================================
   GRID LAYOUT
   ========================================================== */

#footer-widgets[data-cols="5"] .row {
    display: grid !important;
    gap: 20px;
    align-items: flex-start;
}

/* Desktop layout (English) */
@media (min-width: 768px) {
    html[lang="en-US"] #footer-widgets[data-cols="5"] .row {
        grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    }
}

/* Desktop layout (German) */
@media (min-width: 768px) {
    html[lang="de-DE"] #footer-widgets[data-cols="5"] .row {
        grid-template-columns: 1.8fr 1.2fr 1fr 1fr 1fr;
    }
}

/* Tablet layout */
@media (max-width: 999px) {
    #footer-widgets[data-cols="5"] .row {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile layout */
@media (max-width: 767px) {
    #footer-widgets[data-cols="5"] .row {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   COLUMN RESET
   ========================================================== */

#footer-widgets[data-cols="5"] .row .col {
    /* width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important; */
}

/* ==========================================================
   FIFTH COLUMN (CONTACT COLUMN)
   ========================================================== */



@media (min-width: 768px) {

    #footer-widgets[data-cols="5"] .row .col:nth-child(5) {
        padding-left: 45px !important;
        border-left: 1px solid #00000033;
    }
}

/* ==========================================================
   COLUMN SPACING
   ========================================================== */

@media (min-width: 768px) {

    /* Logo widget spacing */
    #footer-widgets[data-cols="5"] .row .col:first-child .widget_media_image {
        padding-bottom: 34px !important;
    }
}

/* Align middle columns vertically on desktop */
@media (min-width: 1000px) {
    #footer-widgets[data-cols="5"] .row .col:not(:first-child, :last-child) {
        margin-top: 74px !important;
    }
}


@media (max-width:767px) {

    /* Forth Column space */
    body #footer-widgets .container .col:nth-child(4) {
        margin-bottom: 40px !important;
    }

}

/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

/* First column heading */
#footer-widgets[data-cols="5"] .row .col:first-child .widget h5.wp-block-heading {
    font-size: 21px !important;
    font-weight: 700;
    line-height: 24px;
    color: #326eef !important;
}

/* First column description */
#footer-widgets[data-cols="5"] .row .col:first-child .widget_text p {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #326eef;
}

/* Middle column links */
#footer-widgets[data-cols="5"] .row .col:not(:first-child, :last-child) .widget_text a {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-decoration: underline;
    color: #03102c !important;
}

/* Last column links */
#footer-widgets[data-cols="5"] .row .col:last-child .widget_text a {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #326eef !important;
}

/* ==========================================================
   SOCIAL ICONS
   ========================================================== */

#footer-widgets[data-cols="5"] .row .col:first-child .wp-block-social-link svg {
    fill: #0e2030;
    color: #0e2030;
    width: 35px;
    height: 35px;
}

/* ==========================================================
   FOOTER GLOBAL SPACING
   ========================================================== */

#footer-outer .row {
    padding: 50px 0 !important;
}

#footer-outer .widget {
    margin-bottom: 18px !important;
}

/* Remove unwanted widget spacing */
#footer-outer #text-1,
#footer-outer #text-2,
#footer-outer #text-3,
#footer-outer #text-4,
#footer-outer #text-5,
#footer-outer #text-6,
#footer-outer #text-10,
#footer-outer #text-11,
#footer-outer #text-13,
#footer-outer #custom_html-2,
#footer-outer #custom_html-3 {
    margin-bottom: 0 !important;
}

/* ==========================================================
   CUSTOM WIDGET HEADINGS
   ========================================================== */

#footer-outer #text-10 h5,
#footer-outer #text-13 h5 {
    margin-bottom: 15px;
    font-size: 21px !important;
    font-weight: 700;
    line-height: 24px;
    color: #326eef !important;
}

@media (min-width:768px) {

    #footer-outer #text-10 h5,
    #footer-outer #text-13 h5 {
        margin-bottom: 30px;
    }
}

/* ==========================================================
   LANGUAGE-SPECIFIC RULES
   ========================================================== */

/* Hide duplicate blocks in English version */
html[lang="en-US"] #footer-outer #block-2,
html[lang="en-US"] #footer-outer #block-5 {
    /* display: none; */
}

/* ==========================================================
   MISC
   ========================================================== */

/* Hide default copyright section */
#footer-widgets[data-cols="5"]+#copyright {
    /* display: none; */
}