/*
 * Drive Electric MN — extras Kadence can't set in the Customizer.
 * Colors, fonts, header and footer live in Appearance → Customize.
 */

/* Header shadow from the old theme */
.site-header {
    box-shadow: 0 2px 10px 0 rgba(50, 50, 50, 0.2);
    position: relative;
    z-index: 1000;
}

/* Bokeh background helpers: add "orange-bg" or "navy-bg" as an extra CSS class on a Kadence row */
.orange-bg,
.navy-bg {
    background-size: cover;
    background-repeat: no-repeat;
}
.orange-bg { background-image: url("../images/orange-bokeh.jpg"); }
.navy-bg { background-image: url("../images/navy-bokeh.jpg"); }
.orange-bg p, .orange-bg li, .orange-bg h3,
.navy-bg p, .navy-bg li { color: #fff; }
.navy-bg h3 { color: var(--global-palette2); }

/* Partner colors */
.partner-color-a { background-color: #D04C02; }
.partner-color-b { background-color: #a6c505; }
.partner-color-c { background-color: #722257; }
.partner-color-d { background-color: #425563; }

/* Homepage feature boxes: buttons line up at the bottom */
.feature-box > .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
}
.feature-box .wp-block-kadence-advancedbtn {
    margin-top: auto;
}

/* Partner cards: logo shows, colored text fades in over it on hover */
.partner-card > .kt-inside-inner-col {
    position: relative;
}
.partner-card .wp-block-kadence-image,
.partner-card img {
    display: block;
    margin: 0;
    width: 100%;
}
.partner-card .partner-card__text {
    cursor: pointer;
    font-size: 15px;
    inset: 0;
    line-height: 1.3;
    margin: 0;
    opacity: 0;
    overflow: auto;
    padding: 10px;
    position: absolute;
    transition: opacity 500ms;
}
.partner-card:hover .partner-card__text {
    opacity: 1;
}

/* Responsive map embed */
.google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }
.google-maps iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; }

/* Footer widget headings match the old small uppercase style */
.site-footer .widget-title,
.site-footer .wp-block-heading {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 8px;
    text-transform: uppercase;
}
.site-footer .widget_media_image img,
.site-footer .wp-block-image img { max-width: 285px; }