/* ============================================================================
   Kombi With Us — Brand colours (based on the logo)
   Teal #014e59 · Amber #a86817 · Cream #fceedc
   Loaded AFTER kwu.css so these take precedence. Tune freely.
   ============================================================================ */
:root{
    --kwu-teal:#014e59;
    --kwu-teal-dark:#013a42;
    --kwu-amber:#a86817;
    --kwu-amber-dark:#8a5512;
    --kwu-cream:#fceedc;
}

/* ── Primary CTAs → teal ─────────────────────────────────────────────────── */
.common_btn,
.kwu_booknow_btn,
.kwu_floating{
    background-color:var(--kwu-teal) !important;
    background-image:none !important;
    border-color:var(--kwu-teal) !important;
    color:#fff !important;
}
.common_btn:hover,
.kwu_booknow_btn:hover,
.kwu_floating:hover{
    background-color:var(--kwu-teal-dark) !important;
    border-color:var(--kwu-teal-dark) !important;
    color:#fff !important;
}

/* ── Secondary buttons (“Read more / Book”) → amber outline ──────────────── */
.read_btn{
    color:var(--kwu-amber) !important;
    border-color:var(--kwu-amber) !important;
}
.read_btn:hover{
    background-color:var(--kwu-amber) !important;
    border-color:var(--kwu-amber) !important;
    color:#fff !important;
}

/* ── Navigation, language, social → brand accents ────────────────────────── */
.main_menu .nav-link.active,
.main_menu .nav-link:hover{ color:var(--kwu-teal) !important; }

.kwu_lang_btn.active{ border-color:var(--kwu-amber) !important; }

.kwu_social_icon:hover{
    background:var(--kwu-amber) !important;
    border-color:var(--kwu-amber) !important;
    color:#fff !important;
}

/* ── Footer links hover ──────────────────────────────────────────────────── */
footer .footer_link ul li a:hover,
.footer_copyright a:hover{ color:var(--kwu-amber) !important; }

/* ── Misc accents that the template renders in the old orange ────────────── */
.scroll_up{ background-color:var(--kwu-teal) !important; }

/* ── Footer signature phrase: single line on wide screens ────────────────── */
.kwu_footer_phrase{
    font-size:13px;
    font-style:italic;
    color:#9aa3ad;
    margin:0;
    white-space:normal;
}
@media (min-width:1400px){
    .kwu_footer_phrase{ font-size:20px; }
}