/* =========================================================
   Grand Royal Travel — CookieConsent v3 custom theme
   -----------------------------------------------------------
   Colors picked from the live site's footer/header:
   - Navy background   #0d2340  (footer / nav bar)
   - Teal accent       #21a6ae  (icon circles, social icons)
   - White             #ffffff  (text on navy, header bg)
   These are close estimates from a screenshot — if you want
   pixel-perfect values, grab them once via Elementor:
   Site Settings → Global Colors, then swap them in below.
   ========================================================= */

.cc--grandroyal {
    color-scheme: dark;

    /* Base — dark navy banner, like the site's footer */
    --cc-bg: #0d2340;
    --cc-primary-color: #ffffff;
    --cc-secondary-color: #c3ccd8;     /* softer body text on navy */

    /* Primary button ("Got it") — teal accent from the icon circles */
    --cc-btn-primary-bg: #21a6ae;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-hover-bg: #1a848b;
    --cc-btn-primary-hover-color: #ffffff;

    /* Secondary elements (kept for future use if you add categories) */
    --cc-btn-secondary-bg: #16304f;
    --cc-btn-secondary-color: #ffffff;
    --cc-btn-secondary-hover-bg: #1c3b5f;
    --cc-btn-secondary-hover-color: #ffffff;

    /* Links in the footer of the modal ("Privacy Policy", "Contact us") */
    --cc-link-color: #4fd1d8;
    --cc-link-color-hover: #21a6ae;

    /* Overlay behind the modal (only relevant if disablePageInteraction: true) */
    --cc-overlay-bg: rgba(13, 35, 64, 0.55) !important;

    /* Borders / footer separators */
    --cc-separator-border-color: #1c3b5f;
    --cc-footer-border-color: #1c3b5f;
    --cc-footer-bg: var(--cc-bg);

    /* Shape */
    --cc-btn-border-radius: .4rem;
    --cc-modal-border-radius: .5rem;
}

/* Match the site's heading font. If Elementor Global Fonts shows a
   different family (Site Settings → Global Fonts), replace 'Poppins'. */
.cc--grandroyal #cc-main {
    font-family: 'Poppins', sans-serif;
}

.cc--grandroyal #cc-main .cm__title {
    font-weight: 600;
    letter-spacing: .02em;
}