/*
Theme Name: Travelami Child
Theme URI: https://travelami.templaza.net/
Description: A child theme of Travelami
Author: TemPlaza Team
Author URI: https://www.templaza.com
Version: 1.1.2
Text Domain: travelami
Template: travelami
*/

/* ============================================================
   DISCOVERY TOURS – AP PRODUCT CARD UI
   Applies to:
   - Archive / taxonomy product cards
   - Elementor blocks using AP product cards
============================================================ */

/* =============
   CARD WRAPPER
   ============= */
.ap-inner {
    font-family: "DM Sans", sans-serif;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #E2E2DC;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ap-inner .ap-info {
    padding: 5px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
}

/* Ensure the bottom row (button block) stays at the bottom */
.ap-inner .ap-info-inner:last-of-type {
    margin-top: auto;
}

/* ===========================
   IMAGE AREA (grid + list)
   =========================== */
.ap-inner .uk-card-media-top,
.ap-inner .uk-card-media-left,
.ap-inner .uk-card-media-right,
.ap-inner .tz-img {
    border-radius: 0 !important;
    overflow: hidden;
}

.ap-inner .uk-card-media-top img,
.ap-inner .uk-card-media-left img,
.ap-inner .uk-card-media-right img,
.ap-inner .tz-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 !important;
    transform: scale(1.02);
    transition: transform 0.35s ease;
}

.ap-inner:hover .uk-card-media-top img,
.ap-inner:hover .uk-card-media-left img,
.ap-inner:hover .uk-card-media-right img,
.ap-inner:hover .tz-img img {
    transform: scale(1.06);
}

/* ===========================
   BADGES OVER IMAGE
   =========================== */
.ap-inner .ap-card-badges {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    z-index: 10;
}

.ap-inner .ap-card-badges .ap-badge {
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background: #21211C;
    color: #ffffff;
}

/* ===========================
   DESTINATION TAGS ABOVE TITLE
   =========================== */
.ap-inner .ap-before-title {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.ap-inner .ap-before-title span {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 3px 8px;
    border-radius: 999px;
    background: #F4EEE3;
    color: #7A5F32;
}

/* ===========================
   TITLE CLAMPING
   =========================== */
.ap-inner .ap-title {
    margin: 0;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    color: #21211C;

    display: -webkit-box;
    -webkit-line-clamp: 4;   /* desktop max 4 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ap-inner .ap-title a {
    color: inherit;
    text-decoration: none;
}

/* Mobile clamp (2 lines) */
@media (max-width: 767px) {
    .ap-inner .ap-title {
        font-size: 16px;
        -webkit-line-clamp: 2;
    }
}

/* ===========================
   PRICE + DURATION (STACKED)
   =========================== */

/* Make the whole spec area vertical */
.ap-info-inner.ap-info-bottom .ap-specification {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1px !important;
    margin-top: 1px;
}

/* Each item becomes a full-width stacked row */
.ap-info-inner.ap-info-bottom .ap-specification .ap-spec-item {
    flex: unset !important;
    width: 100% !important;
    justify-content: flex-start !important;
    text-align: left !important;
    list-style: none !important;
    margin: 0;
    padding: 0 !important;
}

/* Labels = 12px uppercase */
.ap-info-inner.ap-info-bottom .ap-field-label {
    font-size: 12px;
    text-transform: uppercase;
}

/* Values */
.ap-info-inner.ap-info-bottom .ap-spec-value {
    font-weight: inherit;
    font-size: 18px;
}

/* Force product card price & duration value to 18px
   (overrides AP inline CSS that sets 22px) */
.ap-item .ap-inner .ap-info-inner.ap-info-bottom .ap-specification .ap-spec-value {
    font-size: 18px !important;
}


/* ===========================
   REMOVE AP BULLETS
   =========================== */
.ap-specification .ap-spec-item::before,
.ap-specification-style1 .ap-spec-item::before,
.ap-specification-style2 .ap-spec-item::before,
.ap-specification-style3 .ap-spec-item::before {
    content: "" !important;
    display: none !important;
}

.ap-specification .ap-spec-item {
    padding-left: 0 !important;
}

/* ===========================
   READ MORE BUTTON
   =========================== */
.ap-inner .ap-readmore-box,
.ap-inner .ap-readmore-box a.templaza-btn {
    width: 100% !important;
    display: block !important;
}

.ap-inner .ap-readmore-box .templaza-btn {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 16px !important;
    text-transform: uppercase;

    padding: 20px 26px !important;
    border-radius: 10px !important;
    border: 1px solid #B9975B !important;
    background: #B9975B !important;
    color: #ffffff !important;

    display: block !important;
    text-align: center !important;

    text-decoration: none;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.15s ease;
}

.ap-inner .ap-readmore-box .templaza-btn:hover {
    background: #FFFFFF !important;
    color: #B9975B !important;
    border-color: #B9975B !important;
    transform: translateY(-1px);
}

/* Hide Compare + Quick View buttons */
.ap-archive-btn-action {
    display: none !important;
}

/* ===========================
   MOBILE SPACING
   =========================== */
@media (max-width: 767px) {
    .ap-inner {
        border-radius: 10px;
    }
    .ap-inner .ap-info {
        padding: 14px 14px 16px;
        gap: 8px;
    }
}

/* ============================================================
   LIST VIEW – match grid typography + button (style 5)
============================================================ */

/* Labels: 12px uppercase */
.ap-specification-style5 .ap-field-label {
    font-size: 12px !important;
    text-transform: uppercase !important;
}

/* Values: 18px, bold, gold */
.ap-specification-style5 .ap-spec-value,
.ap-item.ap-item-style5.ap-item-list .ap-specification-style5 .ap-spec-value {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #B9975B !important;
}

/* List view button – same padding as grid, not full width */
.ap-specification-style5 ~ .ap-readmore-box .templaza-btn,
.ap-item.ap-item-style5.ap-item-list .ap-readmore-box .templaza-btn {
    height: auto !important;
    line-height: 1.4 !important;
    padding: 20px 26px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* Fix image radius on the left side in list view */
.ap-item.ap-item-style5.ap-item-list .ap-item-list-img,
.ap-item.ap-item-style5.ap-item-list .ap-item-list-img img {
    border-radius: 20px 0 0 20px !important;
    overflow: hidden !important;
}


/* ============================================================
   SINGLE AP PRODUCT – Price Box + Hide Original "Rates"
============================================================ */

/* Hide the original "Rates" group */
.single-ap_product .ap-content #rates.ap-group-rates {
    display: none !important;
}

/* Base typography */
.single-ap_product .custom-pricebox,
.single-ap_product .custom-pricebox * {
    font-family: "DM Sans", sans-serif;
    line-height: 1.3;
}

/* Price box container (right-hand sidebar) */
.single-ap_product
div.templaza-ap-single.ap-single-style3
.ap-single-side-box.ap-single-price-box
.ap-single-price-inner {
    padding: 16px 16px 16px 0 !important;
    background: #21211C;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
}

/* List layout */
.single-ap_product .custom-pricebox .ap-price-list {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    display: grid;
    gap: 15px !important;
}

/* Reset spacing on each row */
.single-ap_product .custom-pricebox .ap-price-item--adult,
.single-ap_product .custom-pricebox .ap-price-item--child,
.single-ap_product .custom-pricebox .ap-price-item--concession,
.single-ap_product .custom-pricebox .ap-price-item--btn {
    margin: 0 !important;
}

/* Adult price */
.single-ap_product .custom-pricebox .ap-price-item--adult .ap-price-heading {
    font-weight: 400;
    font-size: 16px;
    opacity: 0.85;
    margin: 0 0 2px 0 !important;
}

.single-ap_product .custom-pricebox .ap-price-item--adult .ap-price-amount {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.1;
    margin: 0 !important;
}

.single-ap_product .custom-pricebox .ap-price-item--adult .ap-price-suffix {
    font-weight: 400;
    font-size: 16px;
    opacity: 0.8;
}

/* Concession price */
.single-ap_product .custom-pricebox .ap-price-item--concession .ap-price-heading {
    font-weight: 400;
    font-size: 14px;
    opacity: 0.85;
    margin: 0 0 2px 0 !important;
}

.single-ap_product .custom-pricebox .ap-price-item--concession .ap-price-amount {
    font-weight: 700;
    font-size: 14px !important;
    line-height: 1.1;
    margin: 0 !important;
}

.single-ap_product .custom-pricebox .ap-price-item--concession .ap-price-suffix {
    font-weight: 400;
    font-size: 14px;
    opacity: 0.8;
}

/* Child price */
.single-ap_product .custom-pricebox .ap-price-item--child .ap-price-heading {
    font-weight: 400;
    font-size: 14px;
    opacity: 0.85;
    margin: 0 0 2px 0 !important;
}

.single-ap_product .custom-pricebox .ap-price-item--child .ap-price-amount {
    font-weight: 700;
    font-size: 14px !important;
    line-height: 1.1;
    margin: 0 !important;
}

.single-ap_product .custom-pricebox .ap-price-item--child .ap-price-suffix {
    font-weight: 400;
    font-size: 14px;
    opacity: 0.8;
}

/* Buttons */
.single-ap_product .custom-pricebox .ap-price-item--btn .ap-btn {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 14px 20px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}

/* Book Now */
.single-ap_product .custom-pricebox .ap-btn-book {
    background: #B9975B !important;
    border: 1px solid #B9975B;
    color: #FFFFFF;
}
.single-ap_product .custom-pricebox .ap-btn-book:hover {
    background: #FFFFFF !important;
    border-color: #B9975B;
    color: #B9975B;
}

/* Speak to Expert */
.single-ap_product .custom-pricebox .ap-btn-enquire {
    background: #6292A0 !important;
    border: 1px solid #6292A0;
    color: #FFFFFF;
}
.single-ap_product .custom-pricebox .ap-btn-enquire:hover {
    background: #A8CFC6 !important;
    border: 1px solid #A8CFC6;
    color: #21211C;
}

/* Responsive – price box */
@media (max-width: 768px) {
    .single-ap_product
    div.templaza-ap-single.ap-single-style3
    .ap-single-side-box.ap-single-price-box
    .ap-single-price-inner {
        padding: 16px 16px 16px 5px;
    }

    .single-ap_product .custom-pricebox .ap-price-item--btn .ap-btn {
        padding: 12px 25px;
        font-size: 14px;
    }

    .single-ap_product .custom-pricebox .ap-price-amount {
        font-size: 30px !important;
    }
}

@media (max-width: 480px) {
    .single-ap_product
    div.templaza-ap-single.ap-single-style3
    .ap-single-side-box.ap-single-price-box
    .ap-single-price-inner {
        padding: 12px 12px 12px 5px;
    }

    .single-ap_product .custom-pricebox .ap-price-heading,
    .single-ap_product .custom-pricebox .ap-price-suffix {
        font-size: 14px;
    }

    .single-ap_product .custom-pricebox .ap-price-item--btn .ap-btn {
        padding: 10px 25px;
        font-size: 14px;
    }
}


/* ============================================================
   SINGLE AP PRODUCT – Tabs & Content Spacing
============================================================ */

/* 1. Remove big gap under the sticky tabs bar */
.single-ap_product .templaza-ap-single.ap-single-style3 
  .ap-group-scroll-wrap .uk-sticky-placeholder {
    margin: 0 !important;
}

/* 2. Tighten spacing between tab panels */
.single-ap_product .templaza-ap-single.ap-single-style3 
  .ap-group-scroll-wrap > .ap-single-box {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* 3. Remove big margin under the first box below the banner */
.single-ap_product .templaza-ap-single.ap-single-style3 
  > .ap-single-box:first-of-type {
    margin-bottom: 0 !important;
}


/* ============================================================
   ARCHIVE FILTER UX – Each taxonomy hides its own filter
============================================================ */
.tax-destination .templaza-framework-gutenberg-adv-product-filters
.ap-search-item[data-field_name="ap_destination"] {
    display: none !important;
}

.tax-tour-style .templaza-framework-gutenberg-adv-product-filters
.ap-search-item[data-field_name="ap_tour-style"] {
    display: none !important;
}


/* ============================================================
   GLOBAL H1 OVERRIDE
   - All AP Single pages
   - AP Archive pages
   - All archive/category/taxonomy pages
============================================================ */

/* Desktop */
.single-ap_product .templaza-ap-single h1,
.single-ap_product .templaza-ap-single .ap-single-title,
.single-ap_product .templaza-ap-single .ap-single-title h1,
.templaza-ap-archive h1,
.templaza-ap-archive .ap-archive-title,
.templaza-ap-archive .ap-archive-title h1,
body.archive h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: inherit;
}

/* Mobile */
@media (max-width: 767px) {
    .single-ap_product .templaza-ap-single h1,
    .single-ap_product .templaza-ap-single .ap-single-title,
    .single-ap_product .templaza-ap-single .ap-single-title h1,
    .templaza-ap-archive h1,
    .templaza-ap-archive .ap-archive-title,
    .templaza-ap-archive .ap-archive-title h1,
    body.archive h1 {
        font-size: 24px !important;
    }
}


/* ============================================================
   GLOBAL COMPONENTS – Reviews, Radii, Forms, Tabs, Accordion
============================================================ */

/* Hide the Reviews tab content panel so only your global section shows */
.single-ap_product .ap-tabs .ap-tab-panel[aria-labelledby*="reviews"],
.single-ap_product .ap-tabs .ap-tab-panel#reviews {
    display: none !important;
}

/* Remove radius in product pages */
div.templaza-ap-single.ap-single-style3 .ap-media,
div.templaza-ap-single.ap-single-style3 .ap-media img {
    border-radius: 0 !important;
    overflow: hidden !important;
}

/* Remove radius in no-sidebar pages */
.templaza-basic-single-heading,
.section_heading {
    border-radius: 0 !important;
    overflow: hidden !important;
}

/* Product page tab label font (inherit brand font) */
.templaza-ap-single .ap-content-group-scroll .ap-scroll-item {
    font-family: inherit !important;
}

/* Gravity Forms in footer – transparent, no box */
footer .gform_wrapper,
footer .gform_wrapper form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Product accordion background */
.su-accordion .su-spoiler-style-default > .su-spoiler-title {
    background: #E4DED3 !important;
}

/* ----------------------------------------------------
   PRODUCT PAGE TABS — NORMAL (NON-STICKY) STATE
   Default = #E4DED3
   Hover   = #FFFFFF
----------------------------------------------------- */

/* Default (non-active, non-hover) */
div.templaza-ap-single.ap-single-style3
.ap-content-group-scroll .uk-nav li a {
    background-color: #E4DED3 !important;
    transition: background-color 0.2s ease;
}

/* Hover state */
div.templaza-ap-single.ap-single-style3
.ap-content-group-scroll .uk-nav li a:hover {
    background-color: #FFFFFF !important;
}

/* Active tab in normal state */
div.templaza-ap-single.ap-single-style3
.ap-content-group-scroll .uk-nav li.uk-active a {
    background-color: #FFFFFF !important;
}


/* ----------------------------------------------------
   PRODUCT PAGE TABS — NORMAL (NON-STICKY) STATE
   Default = #E4DED3
   Hover   = #FFFFFF
----------------------------------------------------- */

/* Default (non-active, non-hover) */
div.templaza-ap-single.ap-single-style3
.ap-content-group-scroll .uk-nav li a {
    background-color: #E4DED3 !important;
    transition: background-color 0.2s ease;
}

/* Hover state */
div.templaza-ap-single.ap-single-style3
.ap-content-group-scroll .uk-nav li a:hover {
    background-color: #FFFFFF !important;
}

/* Active tab in normal state */
div.templaza-ap-single.ap-single-style3
.ap-content-group-scroll .uk-nav li.uk-active a {
    background-color: #FFFFFF !important;
}


/* ----------------------------------------------------
   STICKY MODE — KEEP WHITE/TRANSPARENT
   UKit injects inline backgrounds, so override them
----------------------------------------------------- */

/* Sticky container */
div.templaza-ap-single.ap-single-style3
.uk-sticky.uk-active {
    background-color: transparent !important; /* or #FFFFFF */
}

/* Sticky tab backgrounds */
div.templaza-ap-single.ap-single-style3
.uk-sticky.uk-active .uk-nav li a {
    background-color: transparent !important; /* or #FFFFFF */
}

/* Read-only AP filters when only one option exists */
.templaza-framework-gutenberg-adv-product-filters .ap-search-item.dta-filter-readonly,
.templaza-framework-gutenberg-adv-product-filters .ap-search-item.dta-filter-readonly * {
    cursor: default !important;
    pointer-events: none; /* extra safety if something isn't disabled by JS */
}






/* Single AP Product – hide default AP "Reviews" section + its sticky tab */
body.single-ap_product .ap-group-reviews {
    display: none !important;
}

/* Hide the sticky-nav link that points to the old Reviews box */
body.single-ap_product a[href="#reviews"] {
    display: none !important;
}

.su-spoiler-content {
    white-space: pre-line;
}

.single-ap_product .su-spoiler-content ul,
.single-ap_product .su-spoiler-content ol,
.single-ap_product .su-spoiler-content li {
    white-space: normal;
    line-height: 2;      /* tweak up/down to taste */
    margin-bottom: 0.25em; /* optional: tightens spacing between bullets */
}

/* Accordion body spacing – tours */
.single-ap_product .su-spoiler-content {
    white-space: pre-line;
    padding-top: 2px !important;   /* try 0–6px to taste */
    padding-bottom: 12px;          /* keep some breathing room at the bottom */
}



/* ============================================================
   SEARCH RESULTS – Match AP Product Card UI (/tours/)
   - Scoped to .dta-search-wrapper
============================================================ */

/* Card shell */
.dta-search-wrapper .dta-search-card {
    list-style: none;
}

/* Inner card layout – similar to .ap-inner */
.dta-search-wrapper .dta-search-card-inner {
    font-family: "DM Sans", sans-serif;
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid #E2E2DC;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: box-shadow 0.18s ease-out;
}

/* Make whole card clickable */
.dta-search-wrapper .dta-search-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

/* Hover – no nudge, just slightly stronger shadow */
.dta-search-wrapper .dta-search-card-link:hover .dta-search-card-inner {
    transform: none;
    box-shadow: 0 14px 30px rgba(0,0,0,0.12);
}

/* Image block – square(ish) 500x500 style */
.dta-search-wrapper .dta-search-card-image {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.dta-search-wrapper .dta-search-card-image img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* Body spacing */
.dta-search-wrapper .dta-search-card-body {
    padding: 18px 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 auto;
}

/* Title – Montserrat H2 style */
.dta-search-wrapper .dta-search-card-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 20px;          /* 20px as requested */
    line-height: 1.35;
    color: #1A1A18;
    margin: 0 0 10px;
}

/* TITLE HOVER – Safe version that does NOT affect buttons */
.dta-search-wrapper h2.dta-search-card-title:hover {
    color: #B9975B !important;
}

/* Meta wrapper – still stacked rows: price row, then duration row */
.dta-search-wrapper .dta-search-card-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-bottom: 8px;
}

/* Each row: label + value in one line */
.dta-search-wrapper .dta-search-card-price,
.dta-search-wrapper .dta-search-card-duration {
    display: inline-flex;
    align-items: baseline;
    font-size: 18px;      /* value size */
    font-weight: 600;     /* value weight */
    line-height: 1.4;
}

/* Label before value – smaller & lighter */
.dta-search-wrapper .dta-search-card-price::before,
.dta-search-wrapper .dta-search-card-duration::before {
    font-size: 12px;      /* label size */
    font-weight: 400;     /* label weight */
    text-transform: uppercase;
	letter-spacing: 0;
    color: #8F8F83;
    margin-right: 6px;
}

/* Specific label text */
.dta-search-wrapper .dta-search-card-price::before {
    content: "PRICE FROM:";
}

.dta-search-wrapper .dta-search-card-duration::before {
    content: "DURATION:";
}

/* Value colours */
.dta-search-wrapper .dta-search-card-price {
    color: #B9975B;       /* gold, like /tours/ */
}

.dta-search-wrapper .dta-search-card-duration {
    color: #4D4D46;
}


/* Order */
.dta-search-wrapper .dta-search-card-price {
    order: 0;
}

.dta-search-wrapper .dta-search-card-duration {
    order: 1;
}

/* Labels – PRICE FROM / DURATION */
.dta-search-wrapper .dta-search-card-price::before,
.dta-search-wrapper .dta-search-card-duration::before {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 400;
    color: #555555;
    margin-bottom: 1px;
}

.dta-search-wrapper .dta-search-card-price::before {
    content: "PRICE FROM";
}

.dta-search-wrapper .dta-search-card-duration::before {
    content: "DURATION";
}

/* Values */
.dta-search-wrapper .dta-search-card-price,
.dta-search-wrapper .dta-search-card-duration {
    font-size: 18px;
    line-height: 1.4;
}

.dta-search-wrapper .dta-search-card-price {
    font-weight: 600;
    color: #B9975B; /* gold price like /tours/ */
}

.dta-search-wrapper .dta-search-card-duration {
    font-weight: 600;
    color: #B9975B;
}

/* Excerpt – subtle */
.dta-search-wrapper .dta-search-card-excerpt {
    font-size: 0.85rem;
    line-height: 1.5;
    color: #55554A;
    margin-top: 4px;
}

/* SEARCH CARDS – Footer + VIEW MORE button (standalone style) */
.dta-search-wrapper .dta-search-card-footer {
    margin-top: auto;
    padding: 14px 18px 18px;
    border-top: 1px solid #E2E2DC;
    display: flex;
    justify-content: center;
}

/* Gold pill button – visually matches /tours/ cards but does NOT rely on templaza-btn */
.dta-search-wrapper .dta-search-card-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 16px 20px;
    border-radius: 10px;
    background-color: #B9975B;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    border: none;
    text-align: center;
}

/* Only apply hover style when the BUTTON is hovered */
.dta-search-wrapper .dta-search-card-button:hover {
    background-color: #FFFFFF;
    color: #B9975B;
    border: 1px solid #B9975B;
}


/* Grid spacing */
.dta-search-wrapper .dta-search-results-grid.uk-grid {
    margin-top: 20px;
}

/* Small screens */
@media (max-width: 639px) {
    .dta-search-wrapper .dta-search-card-body {
        padding: 16px 14px 14px;
    }

    .dta-search-wrapper .dta-search-card-footer {
        padding: 12px 14px 16px;
    }
}




/* Let the main area take the full width when sidebar is hidden */
body.search #tm-main,
body.search .tm-main {
    max-width: 1200px;
    margin: 0 auto;
}

/* Make your search wrapper stretch nicely */
body.search .dta-search-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}


/* SEARCH PAGE – Replace hero background */
body.search section.section_heading {
    background-image: url('/wp-content/uploads/3-Day-Kakadu-Tour-Territory-Expeditions-57-1-scaled.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Optional dark overlay (if needed) */
body.search section.section_heading.tz_background_overlay::before {
    background: rgba(0, 0, 0, 0.3); /* adjust opacity if needed */
}

/* SEARCH PAGE – H1 heading size */
body.search section.section_heading h1 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
    color: #ffffff; /* keep it readable against hero image */
}


/* DTA – shared card badge styling */
.dta-card-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: #6292A0; /* default teal if no dynamic colour set */
    color: #FFFFFF;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.dta-card-badge__label {
    display: inline-block;
}

/* SEARCH RESULTS – hide the entire widget/sidebar column */
body.search .templaza-sidebar {
    display: none !important;
}

/* SEARCH RESULTS – hide blog-style footer widgets, keep big footer */
body.search .widget_recent_entries,       /* Recent Posts */
body.search .widget_search,               /* Search widget */
body.search .widget_categories,           /* Categories */
body.search .widget_media_gallery,        /* Gallery */
body.search .widget_tag_cloud,            /* Tags Cloud */
body.search .widget_recent_comments {     /* Recent Comments */
    display: none !important;
}


/* SEARCH: top notification banner (above nav) */
body.search #dta-top-notice{
  background: #21211c;   /* keep your current dark background */
  border-bottom: 0 !important; /* remove divider line */
  padding: 8px 40px;
}

body.search #dta-top-notice .dta-top-notice-link{
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 300;     /* "light" */
  text-transform: none; /* sentence case */
  letter-spacing: 0;
  text-decoration: none;
}

body.search #dta-top-notice .dta-top-notice-link:hover{
  text-decoration: underline;
}