/**
 * SP Palette - Green site background + white content (2026-10-27)
 * v1.0.23: page background dark green, content blocks white, gold sparing.
 * Dark green #27412B + deep green #203523 + cream #FDF5E8 + gold #FFB855.
 * Enqueued last (priority 9999) so these win at equal specificity.
 * v1.0.22 replaces the gold #D4AF37 + navy #12304A scheme (v1.0.21 kept as backup).
 * All earlier layout rules are preserved: hours hidden, title Book Now
 * hidden, phone footer left-aligned with 28px inset, white footer
 * social icons site-wide, phone payment badges hidden.
 */

/* Fonts: Platinum-style pairing - elegant serif headings, Poppins body.
   Playfair Display is the free serif closest to their Roxborough CF. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@400;500;600;700&display=swap');

body,
body p,
body li,
body span,
body div{
font-family:'Poppins', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.wpte-trip-title,
.sp-card h3{
font-family:'Playfair Display', Georgia, serif !important;
}

/* Page background: dark green site background (owner's confirmed
   2026-10-27 idea). Content sections are set white via the theme
   Customizer (Section Background) and the rules below so white
   blocks sit on the green page. */
body{
background-color:#27412B !important;
}

/* Theme variables not covered by the Customizer UI round */
:root{
--tmp-btn-bg-initial-color:#27412B;
--tmp-btn-border-initial-color:#27412B;
--tmp-btn-bg-hover-color:#203523;
--tmp-btn-border-hover-color:#203523;
--tmp-section-bg-color:rgba(39,65,43,0.07);
--tmp-bf-bg-color:#203523;
--tmp-uf-bg-color:#203523;
--tmp-bf-link-hover-color:#FFB855;
}

/* Footer surfaces to deep green. The theme scopes its footer variables
   on .site-footer itself (not :root), so they are redefined here
   on the same element, plus direct rules to make it certain. */
.site-footer{
--tmp-uf-bg-color:#203523 !important;
--tmp-bf-bg-color:#203523 !important;
--tmp-bf-link-hover-color:#FFB855 !important;
}
.site-footer,
.site-footer .footer-wrap-main,
.site-footer .footer-b{
background-color:#203523 !important;
}

/* Scrolling marquee band (was navy) */
.sp-marquee{
background:#27412B !important;
}

/* Leftover accents in the card styles (were navy) */
.sp-card h3 a:hover{
color:#27412B !important;
}
.sp-badge{
color:#27412B !important;
}
.sp-read{
color:#27412B !important;
}
.sp-blog-foot a{
color:#27412B !important;
}

/* Explore Tours pill in the header menu (was navy) */
.site-header .primary-navigation a[href$="/trip/"],
.sticky-holder .primary-navigation a[href$="/trip/"]{
background-color:#27412B !important;
}
.site-header .primary-navigation a[href$="/trip/"]:hover,
.sticky-holder .primary-navigation a[href$="/trip/"]:hover{
background-color:#203523 !important;
}

/* Tour card prices (were navy) */
.sp-price{
color:#27412B !important;
}

/* Free cancellation pills on tour cards (were green): scheme gold
   pill with dark green text, so the badge still stands out. */
.sp-free{
background-color:#FFB855 !important;
color:#27412B !important;
}

/* Top-bar trust text: the Additional CSS injects it in white
   (it was made for the old teal bar). On the dark green bar it
   must be cream to be readable. */
.header-m .header-t-lft-wrap::before{
color:#FDF5E8 !important;
}
.header-m .header-t-lft-wrap::after{
content:"Licensed by Dubai DTCM # 1424034" !important;
color:#FDF5E8 !important;
border-color:rgba(253,245,232,.55) !important;
}

/* SP WhatsApp Booking buttons (were gold + navy): dark green
   with cream text, site-wide incl. sticky bar and popup. */
.spwb-book-now-btn{
background-color:#27412B !important;
color:#FDF5E8 !important;
box-shadow:0 4px 10px rgba(39,65,43,0.35) !important;
}
.spwb-book-now-btn:hover{
background-color:#203523 !important;
color:#FDF5E8 !important;
box-shadow:0 6px 14px rgba(39,65,43,0.45) !important;
}
.spwb-whatsapp-btn{
background-color:#27412B !important;
color:#FDF5E8 !important;
box-shadow:0 4px 12px rgba(39,65,43,0.4) !important;
}
.spwb-whatsapp-btn:hover{
background-color:#203523 !important;
color:#FDF5E8 !important;
}
.spwb-input:focus{
border-color:#27412B !important;
box-shadow:0 0 0 3px rgba(39,65,43,0.22) !important;
}
.spwb-option-card.spwb-option-selected{
border-color:#27412B !important;
background:#FDF5E8 !important;
}

/* SP Reviews submit button (was navy) */
.spr-btn{
background:#27412B !important;
color:#FDF5E8 !important;
}
.spr-btn:hover{
background:#203523 !important;
}

/* Footer bottom bar (owner's order 2026-10-23): copyright on the
   LEFT, the theme's payment showcase on the RIGHT on desktop;
   stacked and centred on phones. */
.site-footer .footer-b-wrap{
display:flex !important;
align-items:center;
justify-content:space-between !important;
flex-wrap:wrap;
gap:8px 20px;
}
.site-footer .footer-b .site-info{
text-align:left;
}
.site-footer .payments-showcase{
display:flex;
align-items:center;
gap:8px;
}
/* Keep the payment badges at a standard small footer size:
   one line on desktop, no overflow on phones. */
.site-footer .payments-showcase img{
max-height:36px;
width:auto;
height:auto;
max-width:100%;
}
/* Phones (owner's order 2026-10-23): NO payment badges in the
   footer at all. Desktop keeps the badges on the right of the
   copyright line. */
@media (max-width:820px){
.site-footer .payments-showcase{
display:none !important;
}
}
@media (max-width:820px){
.site-footer .footer-b-wrap{
flex-direction:column;
justify-content:center !important;
}
.site-footer .footer-b .site-info{
text-align:center;
}
.site-footer .payments-showcase{
justify-content:center;
}
}

/* No Book Now button next to the trip title (owner's order
   2026-10-23): the sticky bottom bar and the booking form stay. */
.entry-header .spwb-button-container{
display:none !important;
}

/* No hours anywhere (owner's order 2026-10-23): hide the duration
   line on each trip card, the Duration filter, and the duration
   badge next to the title on single trip pages. */
.wte-title-duration{
display:none !important;
}
.wpte-trip-duration{
display:none !important;
}
.advanced-search-field.search-duration{
display:none !important;
}

/* Elements whose background is an inline style in the old custom
   orange (marquee bar, "5 Star Rating on" box): an !important rule
   beats a non-important inline style. */
[style*="background:#F97316"],
[style*="background: #F97316"],
[style*="background-color:#F97316"],
[style*="background-color: #F97316"]{
background:#27412B !important;
background-color:#27412B !important;
}

/* Phones: keep the centred copyright clear of the floating
   back-to-top button (it overlapped the second copyright line). */
@media (max-width:820px){
.site-footer .footer-b-wrap{
padding-bottom:30px;
}
.to_top{
bottom:78px !important;
}
}

/* Phones (owner's order 2026-10-25): the whole footer stack is
   CENTRED, not jammed to the left, and the Payment Partners
   chips are smaller so they do not dominate the phone screen.
   Desktop is untouched. */
@media (max-width:820px){
.site-footer .footer-widgets,
.site-footer .widget-area,
.site-footer .footer-widget,
.site-footer .widget,
.site-footer .site-branding,
.site-footer .footer-b-wrap{
text-align:center !important;
}
.site-footer .widget ul,
.site-footer .widget ul li{
text-align:center !important;
}
.site-footer .wp-block-social-links{
justify-content:center !important;
}
.site-footer .site-branding img,
.site-footer .footer-widget img,
.site-footer .widget img{
display:block;
margin-left:auto !important;
margin-right:auto !important;
}
.site-footer img[alt*="Accepted payment"],
.site-footer .sp-pay-partners{
max-width:280px !important;
width:100%;
height:auto;
}
}

/* v1.0.18: the chips FIGURE itself needs auto margins on phones -
   centring the image inside it left the 280px figure stuck to the
   left. Cap tightened to 250px so the chips read about two-thirds
   of a normal phone width. */
@media (max-width:820px){
.site-footer .sp-pay-partners,
.site-footer figure:has(> img[alt*="Accepted payment"]){
margin-left:auto !important;
margin-right:auto !important;
}
.site-footer img[alt*="Accepted payment"],
.site-footer .sp-pay-partners img{
max-width:250px !important;
}
}

/* v1.0.19 - owner's final word 2026-10-25: phone footer is
   LEFT-aligned, NOT centred - but with a comfortable left inset
   so nothing sits flush against the screen edge. This overrides
   the v1.0.17/18 phone centring. Chips stay capped at 250px.
   Desktop untouched; phone bottom bar stays centred. */
@media (max-width:820px){
.site-footer .footer-widgets,
.site-footer .widget-area,
.site-footer .footer-widget,
.site-footer .widget,
.site-footer .site-branding{
text-align:left !important;
padding-left:16px !important;
padding-right:16px !important;
}
.site-footer .widget ul,
.site-footer .widget ul li{
text-align:left !important;
}
.site-footer .wp-block-social-links{
justify-content:flex-start !important;
}
.site-footer .site-branding img,
.site-footer .footer-widget img,
.site-footer .widget img{
margin-left:0 !important;
margin-right:auto !important;
}
.site-footer .sp-pay-partners,
.site-footer figure:has(> img[alt*="Accepted payment"]){
margin-left:0 !important;
margin-right:auto !important;
}
.site-footer img[alt*="Accepted payment"],
.site-footer .sp-pay-partners img{
max-width:250px !important;
}
}

/* v1.0.20: the v1.0.19 inset measured only ~16px on phones -
   widen it to 28px so the left-aligned footer has a properly
   comfortable gap from the screen edge. */
@media (max-width:820px){
.site-footer .footer-widgets,
.site-footer .widget-area,
.site-footer .footer-widget,
.site-footer .widget,
.site-footer .site-branding{
padding-left:28px !important;
}
}

/* v1.0.21: footer social icons must be WHITE on every page, not
   just the homepage. The same Social Icons block renders white
   glyphs on the homepage but brand-coloured circles everywhere
   else (trip pages, /trip/ archive, 404), so force the homepage
   look site-wide. Applies at all widths. */
footer .wp-block-social-links .wp-social-link,
.site-footer .wp-block-social-links .wp-social-link,
footer .wp-block-social-links a,
.site-footer .wp-block-social-links a{
background-color:transparent !important;
color:#ffffff !important;
}
footer .wp-block-social-links .wp-social-link svg,
.site-footer .wp-block-social-links .wp-social-link svg{
fill:#ffffff !important;
}