/**
 * Best Bali Travel — Global Brand Palette & Aesthetic Override
 * 
 * Primary Accent / CTA / Highlights : #ffc803 (Sun Gold Yellow)
 * Brand Gradient (180deg)          : linear-gradient(180deg, #226214 0%, #43cc25 100%)
 * Brand Forest Deep                : #16420d
 * Brand Forest Medium              : #226214
 * Brand Emerald Light              : #43cc25
 */

:root {
    --bbt-brand-yellow: #ffc803;
    --bbt-brand-yellow-dark: #e0ab00;
    --bbt-brand-yellow-light: #ffd338;
    --bbt-brand-yellow-bg: #fff9db;

    --bbt-brand-green-dk: #16420d;
    --bbt-brand-green: #226214;
    --bbt-brand-green-lt: #43cc25;
    --bbt-brand-green-bg: #eaf8e7;

    --bbt-gradient-180: linear-gradient(180deg, #226214 0%, #43cc25 100%);
    --bbt-gradient-180-dark: linear-gradient(180deg, #16420d 0%, #226214 100%);
    --bbt-gradient-180-rev: linear-gradient(0deg, #226214 0%, #43cc25 100%);
    --bbt-gradient-180-yellow: linear-gradient(180deg, #ffc803 0%, #e0ab00 100%);

    --bbt-shadow-brand: 0 10px 30px -5px rgba(34, 98, 20, 0.35);
    --bbt-shadow-yellow: 0 10px 30px -5px rgba(255, 200, 3, 0.45);
}

/* ==========================================================================
   1. GLOBAL BUTTONS & CTA (All Pages, Posts, Tours, Activities, Checkout)
   ========================================================================== */
.bbt-btn-primary,
.bbt-btn--primary,
.bbt-lg-button--primary,
.bbt-st-book-btn,
.bbt-st-sticky-book-btn,
.bbt-st-sticky-bar__btn,
.bbt-filter-apply,
.checkout-btn,
.btn-next,
.btn-submit,
.bbt-book-btn,
button.button.alt,
input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order {
    background: var(--bbt-gradient-180-yellow) !important;
    background-color: var(--bbt-brand-yellow) !important;
    color: #16420d !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: 0 4px 18px rgba(255, 200, 3, 0.35) !important;
    transition: all 0.25s ease !important;
}

.bbt-btn-primary:hover,
.bbt-btn--primary:hover,
.bbt-lg-button--primary:hover,
.bbt-st-book-btn:hover,
.bbt-st-sticky-book-btn:hover,
.bbt-st-sticky-bar__btn:hover,
.bbt-filter-apply:hover,
.checkout-btn:hover,
.btn-next:hover,
.btn-submit:hover,
.bbt-book-btn:hover,
button.button.alt:hover,
input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #place_order:hover {
    background: linear-gradient(180deg, #ffd338 0%, #ffc803 100%) !important;
    color: #0f2b09 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(255, 200, 3, 0.5) !important;
}

/* Secondary Button: Brand Green 180deg */
.bbt-btn-secondary,
.bbt-btn--secondary,
.bbt-list-row__cta,
.bbt-list-row__btn {
    background: var(--bbt-gradient-180) !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 800 !important;
    box-shadow: var(--bbt-shadow-brand) !important;
}

.bbt-btn-secondary:hover,
.bbt-btn--secondary:hover,
.bbt-list-row__cta:hover,
.bbt-list-row__btn:hover {
    background: linear-gradient(180deg, #43cc25 0%, #226214 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

.bbt-btn-outline,
.bbt-btn--outline {
    border: 2px solid var(--bbt-brand-green) !important;
    color: var(--bbt-brand-green) !important;
    background: transparent !important;
}

.bbt-btn-outline:hover,
.bbt-btn--outline:hover {
    background: var(--bbt-brand-green) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   2. HERO SECTIONS, BANNER & OVERLAYS
   ========================================================================== */
.bbt-archive-hero,
.bbt-hero-section,
.bbt-page-header,
.bbt-banner--gradient,
.bbt-gradient-bg,
.bbt-brand-banner,
.bbt-section--cta,
.bbt-st-hero__overlay,
.bbt-cta-box {
    background: var(--bbt-gradient-180) !important;
}

.bbt-archive-hero {
    position: relative;
    background: linear-gradient(180deg, rgba(22, 66, 13, 0.92) 0%, rgba(67, 204, 37, 0.85) 100%) !important;
}

.bbt-archive-hero__title {
    color: #ffffff !important;
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.6) !important;
}

.bbt-archive-hero__kicker {
    background: rgba(255, 200, 3, 0.2) !important;
    border-color: rgba(255, 200, 3, 0.4) !important;
    color: #ffc803 !important;
}

/* Gradient Text Effect */
.bbt-gradient-text,
.bbt-text-gradient,
.bbt-lg-hero h1 span {
    background: linear-gradient(180deg, #ffffff 10%, #ffd338 60%, #ffc803 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: #ffc803 !important;
}

/* ==========================================================================
   3. BADGES, TAGS, KICKERS & HIGHLIGHTS
   ========================================================================== */
.bbt-badge-primary,
.bbt-badge--featured,
.bbt-list-row__badge,
.bbt-st-hero__badge,
.bbt-badge-gold,
.bbt-tag--popular,
.bbt-pill--primary,
.bbt-lg-pill__dot,
.bbt-lg-avatars span:first-child {
    background: var(--bbt-gradient-180-yellow) !important;
    color: #16420d !important;
    font-weight: 800 !important;
}

.bbt-lg-pill__dot {
    box-shadow: 0 0 14px #ffc803 !important;
}

.bbt-badge-secondary,
.bbt-badge-success,
.bbt-st-badge--eco,
.bbt-tag--green,
.bbt-lg-avatars span:nth-child(2) {
    background: var(--bbt-gradient-180) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   4. PRICES, RATINGS & ACCENT ICONS
   ========================================================================== */
.bbt-card-price,
.bbt-price-amount,
.bbt-st-hero__price-val,
.bbt-st-summary-price__val,
.bbt-st-price,
.bbt-lg-card__footer strong,
.checkout-price .price-amount,
.price-row.total span:last-child,
.price ins,
.woocommerce-Price-amount,
.woocommerce .cart_totals .order-total .amount,
.woocommerce-checkout-review-order-table .order-total .amount {
    color: var(--bbt-brand-green) !important;
    font-weight: 800 !important;
}

.bbt-list-row__price {
    background: linear-gradient(180deg, #ffc803 0%, #e0ab00 100%) !important;
}

.bbt-list-row__price-amount,
.bbt-list-row__price-from,
.bbt-list-row__price-per {
    color: #16420d !important;
}

.bbt-rating-star,
.bbt-star--filled,
.bbt-lg-stars,
.star-rating span::before,
.bbt-st-hero__rating-stars,
.bbt-rating i.filled,
.bbt-rating svg.lucide-star {
    color: var(--bbt-brand-yellow) !important;
    fill: var(--bbt-brand-yellow) !important;
}

/* Eyebrow & text links */
.bbt-lg-eyebrow,
.bbt-lg-text-link span {
    color: var(--bbt-brand-green-lt) !important;
}

.bbt-lg-card:hover .bbt-lg-card__arrow,
.bbt-lg-hero-card__content>a:hover {
    color: #16420d !important;
    background: #ffc803 !important;
}

/* ==========================================================================
   5. TOURS & ACTIVITIES (Single Tour / Activity Details)
   ========================================================================== */
/* Tab navigation */
.bbt-st-nav-item.is-active,
.bbt-st-nav-item:hover,
.bbt-st-tabs__btn.active,
.bbt-st-tabs__btn:hover {
    color: var(--bbt-brand-green) !important;
    border-color: var(--bbt-brand-yellow) !important;
}

.bbt-st-nav-item.is-active::after,
.bbt-st-tabs__btn.active::after {
    background: var(--bbt-brand-yellow) !important;
}

/* Section Title Accents */
.bbt-st-section__title::before,
.bbt-st-overview__title::before,
.bbt-archive-sidebar__title::before {
    background: var(--bbt-gradient-180-yellow) !important;
}

/* Highlight boxes & bullets */
.bbt-st-highlight-icon,
.bbt-st-timeline-step,
.bbt-st-timeline-bullet,
.bbt-itinerary-number {
    background: var(--bbt-gradient-180) !important;
    color: #ffffff !important;
}

.bbt-st-timeline-line,
.bbt-itinerary-line {
    background: linear-gradient(180deg, #226214, #43cc25) !important;
}

.bbt-st-feature-item svg,
.bbt-st-check-icon,
.bbt-st-include-icon {
    color: var(--bbt-brand-green-lt) !important;
}

/* Booking Widget Panel */
.bbt-st-booking-box,
.bbt-single-tour-booking {
    border-top: 4px solid var(--bbt-brand-yellow) !important;
    box-shadow: 0 12px 40px rgba(34, 98, 20, 0.12) !important;
}

.bbt-st-booking-box__title,
.bbt-booking-title {
    color: var(--bbt-brand-green-dk) !important;
}

/* Flatpickr Calendar */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: var(--bbt-gradient-180) !important;
    border-color: var(--bbt-brand-green) !important;
    color: #ffffff !important;
}

.flatpickr-day.today {
    border-color: var(--bbt-brand-yellow) !important;
}

/* Sidebar filter actions */
.bbt-archive-sidebar__clear {
    color: var(--bbt-brand-green) !important;
}

.bbt-archive-sidebar__clear:hover {
    background: var(--bbt-brand-green-bg) !important;
    color: var(--bbt-brand-green-dk) !important;
}

.bbt-archive-count strong {
    color: var(--bbt-brand-green-dk) !important;
    background: var(--bbt-brand-yellow-bg) !important;
}

/* ==========================================================================
   6. HEADER, MEGA NAVIGATION & MOBILE MENU
   ========================================================================== */
.bbt-header {
    border-bottom: 2px solid rgba(67, 204, 37, 0.2);
}

.bbt-header__top-bar,
.bbt-topbar {
    background: var(--bbt-gradient-180) !important;
    color: #ffffff !important;
}

.bbt-nav-link:hover,
.bbt-nav-link.active,
.bbt-menu-item.current-menu-item>a {
    color: var(--bbt-brand-green) !important;
}

.bbt-nav-link.active::after,
.bbt-menu-item.current-menu-item>a::after {
    background: var(--bbt-brand-yellow) !important;
}

.bbt-mega-nav__category-title,
.bbt-mega-item:hover .bbt-mega-item__title {
    color: var(--bbt-brand-green) !important;
}

.bbt-mega-badge {
    background: var(--bbt-brand-yellow) !important;
    color: #16420d !important;
}

.bbt-mobile-nav__item.is-active,
.bbt-mobile-nav__item.is-active .bbt-mobile-nav__label,
.bbt-mobile-nav__item.is-active svg {
    color: var(--bbt-brand-green) !important;
}

.bbt-mobile-nav__item.is-active::after {
    background: var(--bbt-brand-yellow) !important;
}

/* ==========================================================================
   7. FOOTER & NEWSLETTER
   ========================================================================== */
.bbt-footer {
    background: #0f2b09 !important;
    color: #e5e7eb !important;
    border-top: 4px solid var(--bbt-brand-green-lt) !important;
}

.bbt-footer__newsletter {
    background: var(--bbt-gradient-180) !important;
}

.bbt-footer__newsletter-btn,
.bbt-newsletter-submit {
    background: var(--bbt-brand-yellow) !important;
    color: #16420d !important;
    font-weight: 700 !important;
}

.bbt-footer a:hover {
    color: var(--bbt-brand-yellow) !important;
}

.bbt-footer__bottom {
    border-top: 1px solid rgba(67, 204, 37, 0.2) !important;
}

/* ==========================================================================
   8. FORMS, CHECKOUT & WOOCOMMERCE
   ========================================================================== */
.bbt-form-input:focus,
.bbt-form-select:focus,
.bbt-form-textarea:focus,
.form-group input:focus,
.form-group textarea:focus,
.woocommerce form .input-text:focus,
.woocommerce form select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
    border-color: var(--bbt-brand-green) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(67, 204, 37, 0.25) !important;
}

/* Checkboxes & Radios */
input[type="checkbox"]:checked,
input[type="radio"]:checked,
.bbt-filter-checkbox input:checked+span {
    color: var(--bbt-brand-green) !important;
    accent-color: var(--bbt-brand-green) !important;
}

.bbt-filter-checkbox:has(input:checked) {
    background: var(--bbt-brand-green-bg) !important;
    color: var(--bbt-brand-green-dk) !important;
}

.bbt-filter-pill.is-active,
.bbt-active-filter {
    background: var(--bbt-brand-green-bg) !important;
    color: var(--bbt-brand-green) !important;
    border: 1px solid var(--bbt-brand-green) !important;
}

/* Pagination */
.bbt-pagination .page-numbers.current,
.pagination .page-numbers.current {
    background: var(--bbt-gradient-180) !important;
    color: #ffffff !important;
    border-color: var(--bbt-brand-green) !important;
}

.bbt-pagination .page-numbers:hover,
.pagination .page-numbers:hover {
    background: var(--bbt-brand-yellow-bg) !important;
    color: var(--bbt-brand-green-dk) !important;
    border-color: var(--bbt-brand-yellow) !important;
}

/* WhatsApp CTA Button */
.btn-whatsapp,
.bbt-whatsapp-btn {
    background: linear-gradient(180deg, #25D366 0%, #128C7E 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35) !important;
}