/* ════════════════════════════════════════════════════════════════════════════
   EXCURSION BOOKING — DESIGN VARIABLES
   ─────────────────────────────────────────────────────────────────────────
   Edit this file to customise the look of your excursion booking pages.
   All changes here override the plugin defaults automatically.
   DO NOT edit eb-frontend.css — it is overwritten on plugin updates.
   ════════════════════════════════════════════════════════════════════════════ */

:root {

    /* ── BRAND COLOURS ─────────────────────────────────────────────────────── */
    --eb-primary:      #2166A2;   /* Main brand colour — buttons, links, accents  */
    --eb-primary-dk:   #174f80;   /* Darker shade — hover states                  */
    --eb-primary-lt:   #3a7fc1;   /* Lighter shade — gradients                    */
    --eb-primary-xlt:  #e8f2fb;   /* Very light tint — backgrounds, highlights    */

    --eb-accent:       #e8a045;   /* Secondary accent — badges, today marker      */
    --eb-accent-dk:    #c7882e;   /* Darker accent                                */

    --eb-green:        #2e7d5e;   /* Included items, success states               */
    --eb-green-lt:     #e6f4ef;   /* Included items background                    */
    --eb-red:          #c0392b;   /* Not-included items, errors                   */
    --eb-red-lt:       #fdecea;   /* Error backgrounds                            */

    /* ── TYPOGRAPHY COLOURS ────────────────────────────────────────────────── */
    --eb-navy:         #0d1f35;   /* Hero text, dark overlays                     */
    --eb-text:         #1a2636;   /* Primary body text                            */
    --eb-text-soft:    #4a5568;   /* Secondary / description text                 */
    --eb-muted:        #8fa3b8;   /* Labels, placeholders, hints                  */

    /* ── BACKGROUNDS & BORDERS ─────────────────────────────────────────────── */
    --eb-white:        #ffffff;
    --eb-bg:           #f5f8fc;   /* Page background tint                         */
    --eb-border:       #dce8f3;   /* Default border colour                        */

    /* ── BORDER RADIUS ─────────────────────────────────────────────────────── */
    --eb-r:            10px;      /* Small radius — inputs, tags                  */
    --eb-r-lg:         18px;      /* Medium radius — cards, mosaic                */
    --eb-r-xl:         24px;      /* Large radius — widget, search bars           */

    /* ── SHADOWS ────────────────────────────────────────────────────────────── */
    --eb-shadow-sm:    0 2px 10px rgba(33,102,162,.07);    /* Subtle card shadow  */
    --eb-shadow:       0 6px 28px rgba(33,102,162,.10);    /* Standard shadow     */
    --eb-shadow-lg:    0 16px 56px rgba(33,102,162,.15);   /* Hover / modal       */

    /* ── TYPOGRAPHY ─────────────────────────────────────────────────────────── */
    --eb-font-display: inherit;   /* Headings / titles */
    --eb-font-body:    inherit; /* Body text    */

    /* ── HERO ────────────────────────────────────────────────────────────────── */
    --eb-hero-min-height:   560px;    /* Minimum hero section height              */
    --eb-hero-shade-start:  rgba(13,31,53,.9);    /* Bottom gradient colour       */
    --eb-hero-shade-end:    transparent;           /* Top gradient colour          */

    /* ── CARD ────────────────────────────────────────────────────────────────── */
    --eb-card-bg:           var(--eb-white);
    --eb-card-radius:       var(--eb-r-lg);
    --eb-card-shadow:       var(--eb-shadow-sm);
    --eb-card-shadow-hover: var(--eb-shadow-lg);
    --eb-card-img-ratio:    16/10;   /* Aspect ratio of the card image            */

    /* ── STATS BAR ───────────────────────────────────────────────────────────── */
    --eb-stats-bg:     var(--eb-primary);     /* Background of the stats strip    */
    --eb-stats-text:   rgba(255,255,255,.9);  /* Stats value text colour          */
    --eb-stats-label:  rgba(255,255,255,.5);  /* Stats label text colour          */

    /* ── BOOKING WIDGET ─────────────────────────────────────────────────────── */
    --eb-widget-bg:         rgba(255,255,255,.92); /* Glass card background       */
    --eb-widget-header-bg:  linear-gradient(135deg, var(--eb-primary) 0%, var(--eb-primary-lt) 60%, #5a9fd4 100%);
    --eb-widget-radius:     var(--eb-r-xl);

    /* ── CALENDAR ────────────────────────────────────────────────────────────── */
    --eb-cal-available-bg:    var(--eb-primary-xlt);   /* Available day cell      */
    --eb-cal-available-color: var(--eb-primary);
    --eb-cal-selected-bg:     var(--eb-primary);       /* Selected day cell       */
    --eb-cal-selected-color:  #ffffff;
    --eb-cal-today-ring:      var(--eb-accent);        /* Today outline colour    */

    /* ── BUTTONS & CTAS ──────────────────────────────────────────────────────── */
    --eb-btn-bg:       linear-gradient(135deg, var(--eb-primary), var(--eb-primary-lt));
    --eb-btn-bg-hover: linear-gradient(135deg, var(--eb-primary-dk), var(--eb-primary));
    --eb-btn-radius:   10px;
    --eb-btn-shadow:   0 8px 24px rgba(33,102,162,.35);

    /* ── SEARCH BAR ─────────────────────────────────────────────────────────── */
    --eb-search-bg:    rgba(255,255,255,.85);
    --eb-search-radius: var(--eb-r-xl);

    /* ── PRICING CARDS ───────────────────────────────────────────────────────── */
    --eb-pricing-accent-start: var(--eb-primary);
    --eb-pricing-accent-end:   var(--eb-primary-lt);

    /* ── INCLUDED / NOT INCLUDED ─────────────────────────────────────────────── */
    --eb-inc-yes-bg:     var(--eb-green-lt);
    --eb-inc-yes-border: rgba(46,125,94,.2);
    --eb-inc-yes-color:  var(--eb-green);
    --eb-inc-no-bg:      var(--eb-red-lt);
    --eb-inc-no-border:  rgba(192,57,43,.15);
    --eb-inc-no-color:   var(--eb-red);

    /* ── TRANSPORTATION ──────────────────────────────────────────────────────── */
    --eb-transport-icon-bg:  var(--eb-primary);
    --eb-transport-icon-r:   14px;

}

/* ════════════════════════════════════════════════════════════════════════════
   QUICK THEME OVERRIDES
   ─────────────────────────────────────────────────────────────────────────
   Uncomment and edit any block below to apply a different theme.
   ════════════════════════════════════════════════════════════════════════════ */

/*
 * ── WARM TERRACOTTA THEME ──────────────────────────────────────────────────
 * Uncomment to activate:

:root {
    --eb-primary:     #c17d5e;
    --eb-primary-dk:  #a35e40;
    --eb-primary-lt:  #d49a7d;
    --eb-primary-xlt: #f9ede8;
    --eb-accent:      #2166A2;
    --eb-stats-bg:    #2c3a5e;
}
*/

/*
 * ── DARK / NIGHT MODE ─────────────────────────────────────────────────────
 * Uncomment to activate:

:root {
    --eb-bg:           #0d1117;
    --eb-white:        #161b22;
    --eb-text:         #e6edf3;
    --eb-text-soft:    #8b949e;
    --eb-border:       #30363d;
    --eb-card-bg:      #161b22;
    --eb-primary-xlt:  #1a2840;
    --eb-widget-bg:    rgba(22,27,34,.95);
}
*/

/*
 * ── MINIMAL / CLEAN WHITE THEME ────────────────────────────────────────────
 * Uncomment to activate:

:root {
    --eb-primary:     #111827;
    --eb-primary-dk:  #000000;
    --eb-primary-lt:  #374151;
    --eb-primary-xlt: #f9fafb;
    --eb-accent:      #f59e0b;
    --eb-stats-bg:    #111827;
    --eb-border:      #e5e7eb;
    --eb-shadow-sm:   0 1px 3px rgba(0,0,0,.06);
    --eb-shadow:      0 4px 12px rgba(0,0,0,.08);
}
*/