/*
Theme Name: Smart Tours
Description: Smart Tours Cape Town private transfers and charters.
Version: 0.1.0
Requires at least: 6.8
Requires PHP: 8.3
Text Domain: smart-tours-theme
License: GNU General Public License v2 or later
*/
:root{--stt-navy:#182a41;--stt-gold:#bfad81;--stt-mist:#f5f5f0;--stt-blue:#1f73b8;--stt-gold-text:#756137;--stt-font:"Arial Rounded MT Bold",Calibri,Arial,sans-serif}
html{scroll-padding-top:5.5rem}
body{margin:0;background:white;color:#111827;font-family:var(--stt-font);overflow-wrap:break-word}
.admin-bar .stt-header{top:var(--wp-admin--admin-bar--height,32px)}
.stt-header{position:fixed;top:0;left:0;right:0;z-index:20;background:#fff;color:var(--stt-navy);box-shadow:0 2px 12px #182a411a}
.stt-home:not(.stt-scrolled) .stt-header:not(:has([open])){background:linear-gradient(#182a41e8,#182a4100);color:white;box-shadow:none}
.stt-header-inner{max-width:80rem;min-height:4.5rem;margin:auto;padding:.65rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.stt-header a,.stt-header summary{display:inline-flex;align-items:center;min-height:44px}
.stt-brand{font-weight:700;font-size:1.24rem;letter-spacing:.01em;white-space:nowrap}
.stt-brand img,.stt-footer-logo img{width:auto;height:2.75rem;object-fit:contain}
.stt-logo-white{display:none}
.stt-home:not(.stt-scrolled) .stt-header:not(:has([open])) .stt-logo-white{display:inline-flex}
.stt-home:not(.stt-scrolled) .stt-header:not(:has([open])) .stt-logo-white + .stt-logo-colour{display:none}
.stt-mobile-menu{position:relative}
.stt-mobile-menu summary,.stt-services-menu summary{list-style:none;cursor:pointer}
.stt-mobile-menu summary::-webkit-details-marker,.stt-services-menu summary::-webkit-details-marker{display:none}
.stt-mobile-menu[open] .stt-menu-panel,.stt-services-menu[open] .stt-menu-panel{background:white;color:var(--stt-navy);border-radius:.65rem;box-shadow:0 8px 32px #182a4133}
.stt-mobile-menu .stt-menu-panel{position:absolute;top:100%;right:0;width:min(22rem,calc(100vw - 2rem));max-height:calc(100dvh - 6rem);overflow:auto;padding:.6rem 1rem}
.stt-mobile-menu a{display:flex}
.stt-desktop-menu{display:none;align-items:center;gap:1rem}
.stt-desktop-menu .menu,.stt-footer .menu{display:flex;flex-wrap:wrap;gap:1rem}
.stt-menu-panel .menu{display:block}
.stt-services-menu{position:relative}
.stt-services-menu .stt-menu-panel{position:absolute;top:100%;left:0;min-width:17rem;padding:.5rem 1rem}
.stt-header [aria-current="page"]{text-decoration:underline;text-underline-offset:.35rem}
.stt-action{background:var(--stt-gold);color:var(--stt-navy);padding:.55rem 1rem;border-radius:.5rem;font-weight:700;justify-content:center}
.stt-footer{background:var(--stt-navy);color:white;padding:3rem 1rem 1.25rem}
.stt-footer-inner{max-width:80rem;margin:auto}
.stt-footer-columns{display:grid;gap:2rem}
.stt-footer a{display:inline-block;padding:.28rem 0}
.stt-footer a:hover{text-decoration:underline}
.stt-footer h2{color:#e1cd99;font-size:1rem;margin-bottom:.65rem;font-weight:700}
.stt-footer-small{margin-top:2rem;padding-top:1.25rem;border-top:1px solid #ffffff35;font-size:.85rem}
.stt-whatsapp{position:fixed;z-index:15;bottom:1rem;right:1rem;background:#126740;color:white;min-width:3rem;min-height:3rem;border-radius:2rem;display:grid;place-items:center;box-shadow:0 4px 16px #182a4140}
.stt-whatsapp svg{width:1.6rem;height:1.6rem}
.stt-image-placeholder{display:flex;align-items:center;justify-content:center;min-height:5rem;background:#d4dcd8;color:#26394d;padding:1rem;text-align:center;font-size:.875rem;line-height:1.35}
.stt-image-placeholder span{max-width:25rem}
.absolute.inset-0 > .stt-image-placeholder{background:#40596e}
.absolute.inset-0 > .stt-image-placeholder span{position:absolute;z-index:1;bottom:4.5rem;left:1rem;right:1rem;margin:auto;width:fit-content;max-width:min(24rem,calc(100% - 2rem));padding:.45rem .65rem;border-radius:.35rem;background:#182a41e8;color:white}
.stt-policy-link{text-decoration:underline;text-underline-offset:2px;color:var(--stt-gold-text);overflow-wrap:anywhere}
.stt-faq-summary{min-height:52px;padding:1rem 1.25rem;font-weight:700;cursor:pointer}
.stt-content{min-height:55vh}
.stt-basic{width:min(100% - 2rem,50rem);margin:auto;padding:7rem 0 3rem}
.stt-basic h1{font-weight:700;font-size:2rem;margin-bottom:1.25rem}
.stt-basic p{margin-bottom:1rem}
.stt-basic a{text-decoration:underline}
.stt-skip{position:absolute;top:0;left:1rem;transform:translateY(-150%);padding:.75rem 1rem;background:white;color:var(--stt-navy);z-index:40}
.stt-skip:focus{transform:none}
:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--stt-blue);outline-offset:4px}
button,summary{cursor:pointer}
[hidden]{display:none!important}
.stt-region-summary{margin:0 auto 1.5rem;max-width:42rem;background:var(--stt-mist);padding:1rem;border:1px solid var(--stt-gold);border-radius:.75rem}
[data-stt-region][aria-pressed="true"]{background:var(--stt-gold);color:var(--stt-navy)}
.text-sandstone-gold{color:var(--stt-gold-text)}
.stt-content .text-white:is([class*="bg-[#BFAD81]"],.bg-sandstone-gold){color:var(--stt-navy)}
@media(min-width:42rem){.stt-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:64rem){.stt-footer-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.stt-desktop-menu{display:flex}.stt-mobile-menu{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.stt-review-placeholder{display:grid;place-items:center;min-height:8rem;padding:1rem;background:white;border-radius:1rem;text-align:center;color:#465569}