/* LOGO HEADER */

.header__logo-img {
    height: 50px;
    width: auto;
    display: block;
}

/* Mobile */
@media (max-width: 768px) {
    .header__logo-img {
        height: 50px;
    }
}

/* HERO HEADER */
.hesk-hero {
    background: url('../img/final.jpg') center center / cover no-repeat;
    min-height: 170px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.hesk-hero-overlay {
    background: rgba(139, 186, 0, 0.8);
    color: #fff;
    text-align: center;
    padding: 30px 40px;
    border-radius: 6px;
    max-width: 900px;
    width: 100%;
}

.hesk-hero h1 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.2;
    text-shadow: 0 4px 10px rgba(0,0,0,0.65);
}

.hesk-hero p {
    font-size: 18px;
    opacity: 0.95;
    text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}

/* HERO RESPONSIVE */
@media (max-width: 768px) {

    .hesk-hero {
        min-height: 170px;
        padding: 15px;
    }

    .hesk-hero-overlay {
        padding: 20px;
        border-radius: 4px;
    }

    .hesk-hero h1 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .hesk-hero p {
        font-size: 15px;
    }
}

@media (max-width: 480px) {

    .hesk-hero {
        min-height: 170px;
    }

    .hesk-hero h1 {
        font-size: 20px;
    }

    .hesk-hero p {
        font-size: 14px;
    }
}

.hesk-hero + .container,
.hesk-hero + div {
    margin-top: 20px;
}

/* FOOTER CUSTOM */

#footer-custom {
    background: #000000;
    color: #ffffff;
    padding: 10px;
    font-size: 13px;
}

.footer-columns {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
}

.footer-columns a {
    color: #9fd3ff;
    text-decoration: none;
}

/* Dropdowns and Selectize Hover Override */

/* Override default blue hover for dropdowns/selectize to black */
/* These selectors match the ones in app.css and app.min.css */
.dropdown .dropdown-list>li:hover,
.dropdown-select .dropdown-list>li:hover,
.with-label .dropdown-list>li:hover,
.dropdown .dropdown-list>li:hover a,
.dropdown-select .dropdown-list>li:hover a,
.with-label .dropdown-list>li:hover a,
.selectize-control .selectize-dropdown .option.active,
.selectize-control .selectize-dropdown .option:hover,
.selectize-input:not(.read-write):hover,
.selectize-input.not-read-write.dropdown-active:hover,
.selectize-control .selectize-input.dropdown-active:hover {
    background-color: #000 !important;
    color: #fff !important;
}

/* Ensure icons/text inside hovered items become white */
.dropdown .dropdown-list>li:hover svg,
.dropdown-select .dropdown-list>li:hover svg,
.with-label .dropdown-list>li:hover svg,
.selectize-control .selectize-dropdown .option.active svg,
.selectize-control .selectize-dropdown .option:hover svg {
    fill: #fff !important;
}

/* Optional: change dropdown border when open (if you want consistent black accent) */
.dropdown .dropdown-list,
.dropdown-select .dropdown-list,
.with-label .dropdown-list {
    border-color: #000 !important;
}

.voice-btn {
    float: right;
}