/* ===========================================================
   Caribbean Hosting Theme v3.1
   Header + Footer + Buttons
=========================================================== */

:root {
    --cng-blue: #072040;
    --cng-blue-hover: #0B2E5C;
    --cng-blue-active: #11457F;
    --cng-dark: #04162D;
    --cng-white: #ffffff;
    --cng-light: #dbe7f5;
    --cng-accent: #8cc8ff;
}

/* HEADER TOP BAR */
.toolbarmain-container,
.toolbarmain,
.toolbarmain-text,
.toolbarmain-menu,
.toolbarmain-menu ul,
.toolbarmain-menu li,
.toolbarmain-menu a {
    background: var(--cng-blue) !important;
    color: var(--cng-white) !important;
}

/* MAIN HEADER */
.headermain,
.headermain-design1,
.headermain-design2 {
    background: var(--cng-white) !important;
}

/* NAVIGATION */
.navmain-container,
.navmain,
.navmain > ul,
.navmain > ul > li,
.navmain > ul > li > a {
    background: var(--cng-blue) !important;
    color: var(--cng-white) !important;
    border-color: var(--cng-blue) !important;
}

/* NAV HOVER */
.navmain > ul > li:hover > a,
.navmain > ul > li > a:hover {
    background: var(--cng-blue-hover) !important;
    color: var(--cng-white) !important;
}

/* ORDER BUTTON */
.navmain-cta,
.navmain-cta a {
    background: var(--cng-blue-active) !important;
    color: var(--cng-white) !important;
}

/* DROPDOWNS */
.navmain-subcontainer,
.navmain-columns,
.navmain-columns-col,
.navmain-links,
.navmain-link,
.navmain-link a {
    background: var(--cng-white) !important;
    color: var(--cng-blue) !important;
}

.navmain-link:hover,
.navmain-link:hover a {
    background: #f2f6fb !important;
    color: var(--cng-blue) !important;
}

/* MOBILE MENU */
.navmain-mobile-home,
.navmain-mobile-icon {
    background: var(--cng-blue) !important;
    color: var(--cng-white) !important;
}

/* CTA ABOVE FOOTER */
.cta-container,
.cta-container .background,
.cta {
    background: var(--cng-blue-active) !important;
    color: var(--cng-white) !important;
}

/* FOOTER */
.footermain,
.footermain-background,
.footermain-background-inner {
    background: var(--cng-blue) !important;
    color: var(--cng-white) !important;
}

.footermain-inner,
.footermain-col,
.footermain-box {
    background: transparent !important;
}

/* FOOTER HEADINGS */
.footermain-heading {
    color: var(--cng-white) !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
    padding-bottom: 12px;
}

/* FOOTER TEXT */
.footermain,
.footermain p,
.footermain span,
.footermain li,
.footermain div {
    color: var(--cng-light) !important;
}

/* FOOTER LINKS */
.footermain a,
.footermain-link a {
    color: var(--cng-light) !important;
    text-decoration: none !important;
}

.footermain a:hover,
.footermain-link a:hover {
    color: var(--cng-white) !important;
}

/* FOOTER ICONS */
.footermain i {
    color: var(--cng-accent) !important;
}

/* CONTACT BOXES */
.linkblocks-linkblock,
.linkblocks-linkblock a {
    background: var(--cng-blue-hover) !important;
    color: var(--cng-white) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}

/* COPYRIGHT */
.copyrightmain {
    background: var(--cng-dark) !important;
    color: var(--cng-white) !important;
}

.copyrightmain-inner,
.copyright-logos {
    background: transparent !important;
}

.copyrightmain,
.copyrightmain *,
.copyrightmain a {
    color: var(--cng-white) !important;
}

/* BUTTONS */
.btn-primary,
.button1.color1,
.button1.color2,
input[type="submit"],
button[type="submit"] {
    background: var(--cng-blue-active) !important;
    border-color: var(--cng-blue-active) !important;
    color: var(--cng-white) !important;
}

.btn-primary:hover,
.button1.color1:hover,
.button1.color2:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background: var(--cng-blue-hover) !important;
    border-color: var(--cng-blue-hover) !important;
    color: var(--cng-white) !important;
}

/* Header logo area stays white */
.headermain,
.headermain-design2,
.headermain-inner {
    background: #ffffff !important;
}

/* Top menu bar */
.toolbarmain-container,
.toolbarmain {
    background: #072040 !important;
    color: #ffffff !important;
}

/* Main navigation bar */
.navmain-container,
.navmain,
.navmain > ul,
.navmain > ul > li,
.navmain > ul > li > a {
    background: #072040 !important;
    color: #ffffff !important;
}

/* Hover */
.navmain > ul > li:hover > a,
.navmain > ul > li > a:hover {
    background: #0B2E5C !important;
    color: #ffffff !important;
}

/* Order button */
.navmain-cta a {
    background: #11457F !important;
    color: #ffffff !important;
}

/* Footer */
.footermain,
.footermain-background,
.footermain-background-inner {
    background: #072040 !important;
    color: #ffffff !important;
}

.footermain *,
.copyrightmain * {
    color: #ffffff !important;
}

.copyrightmain {
    background: #04162D !important;
}

/* Mobile & tablet: footer accordion links → gold text */
@media (max-width: 991px) {
    .footermain-link a,
    .footermain-link a:visited {
        color: #000000 !important;
    }
}