/*
Theme Name: Tourm Travel
Theme URI: https://example.com/tourm-travel
Author: OpenAI
Description: Bilingual English/Arabic travel theme with per-post translation tabs and Arabic RTL.
Version: 1.5.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: tourm-travel
Tags: travel, tourism, custom-logo, custom-menu, featured-images
*/

html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
    .font-sora{font-family:'Sora',sans-serif}
    .glass{background:rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.22)}
    .glass-strong{background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6)}
    .section-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#f0fdfa;color:#0d9488;border:1px solid #ccfbf1;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.5rem 1rem;border-radius:9999px}
    .filter-btn{padding:.6rem 1.35rem;border-radius:9999px;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);transition:all .25s ease;cursor:pointer}
    .filter-btn:hover{color:#fff;background:rgba(255,255,255,.16)}
    .filter-btn.active{background:#14b8a6;color:#fff;border-color:#14b8a6;box-shadow:0 10px 25px -5px rgba(20,184,166,.5)}
    .pattern-dots{background-image:radial-gradient(#cbd5e1 1.2px,transparent 1.2px);background-size:22px 22px;opacity:.5;mask-image:radial-gradient(ellipse 80% 80% at 50% 20%,black 40%,transparent 100%)}
    .pattern-grid{background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 75%)}
    .pattern-grid-white{background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 75%)}
    .swiper-pagination-bullet{width:8px;height:8px;border-radius:9999px;background:#cbd5e1;opacity:1;transition:all .3s ease}
    .swiper-pagination-bullet-active{width:28px;background:#14b8a6}
    .dest-pagination .swiper-pagination-bullet-active,.testi-pagination .swiper-pagination-bullet-active{background:#14b8a6;width:28px}
    .cat-card,.tour-card{box-shadow:0 1px 3px rgba(15,23,42,.06)}
    .cat-card:hover,.tour-card:hover{box-shadow:0 25px 50px -12px rgba(15,23,42,.25)}
    @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
    .float-anim{animation:floatY 4s ease-in-out infinite}
    #navbar.scrolled{box-shadow:0 10px 30px -10px rgba(15,23,42,.15);background:rgba(255,255,255,.92)}
    .tour-card{transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease}
    .tour-card.hide{display:none!important}
    a,button{transition:color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}
    a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}
    .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#0f172a}
    .hero-video[hidden]{display:none!important}
    .hero-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}
    @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-aos]{opacity:1!important;transform:none!important}}

/* WordPress integration and responsive safeguards */
body { margin: 0; }
img { max-width: 100%; }
.admin-bar #navbar { top: 32px; }
@media screen and (max-width: 782px) {
  .admin-bar #navbar { top: 46px; }
}


/* Tourm Travel admin-configurable hero slider and WordPress navigation. */
.hero-slide-image { opacity: 0; transform: scale(1.025); transition: opacity 1s ease, transform 7s ease; }
.hero-slide-image.is-active { opacity: 1; transform: scale(1); }
#heroVideo { z-index: 1; }
#heroImageSlider { z-index: 0; }
#heroVideo:not([src]) { display: none; }
#navbar .custom-logo-link, footer .custom-logo-link { display: inline-flex; align-items: center; }
#navbar .custom-logo, footer .custom-logo { width: auto; max-height: 48px; max-width: 190px; object-fit: contain; }
#navbar nav[aria-label="Primary"] > ul,
#mobileMenu nav > ul { display: contents; list-style: none; margin: 0; padding: 0; }
#navbar nav[aria-label="Primary"] > ul > li > a { color: inherit; text-decoration: none; transition: color .2s; }
#navbar nav[aria-label="Primary"] > ul > li > a:hover { color: #0d9488; }
#mobileMenu nav > ul > li > a { display: block; }
#headerSearchPanel { z-index: 60; }
@media (prefers-reduced-motion: reduce) {
  .hero-slide-image { transition: none; transform: none; }
}

#navbar nav[aria-label="Primary"] > li { display: flex; align-items: center; }
#navbar nav[aria-label="Primary"] > li > a { color: #334155; text-decoration: none; transition: color .2s; }
#navbar nav[aria-label="Primary"] > li > a:hover { color: #0d9488; }
#mobileMenu nav > li > a { color: #1e293b; text-decoration: none; }
#mobileMenu nav > li > a:hover { color: #0d9488; }


/* Tour detail information tabs, itinerary timeline, map and destination tour browser */
.tourm-tour-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid #e2e8f0;margin:-2px 0 28px;overflow-x:auto}
.tourm-tour-tab{position:relative;flex:0 0 auto;padding:16px 22px;color:#7b8790;background:transparent;border:0;font:500 15px/1.4 Inter,sans-serif;cursor:pointer;white-space:nowrap}
.tourm-tour-tab:hover,.tourm-tour-tab.is-active{color:#12a8c7}
.tourm-tour-tab.is-active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:#18abc7}
.tourm-tour-panel{padding-top:2px}
.tourm-tour-panel[hidden]{display:none!important}
.tourm-itinerary-list{border-left:1px dashed #dbe4e8;margin-left:13px;padding-left:24px}
.tourm-itinerary-day{position:relative;border-bottom:1px solid #e2e8f0;padding:0 0 20px;margin:0 0 20px}
.tourm-itinerary-day:last-child{border-bottom:0;margin-bottom:0}
.tourm-itinerary-day:before{content:"";position:absolute;left:-31px;top:9px;width:13px;height:13px;border:2px solid #16abc7;background:white;border-radius:50%}
.tourm-itinerary-day[open]:before{background:#16abc7}
.tourm-itinerary-day summary{display:flex;align-items:flex-start;gap:14px;cursor:pointer;list-style:none;font-size:17px;font-weight:650;line-height:1.65;color:#182c35}
.tourm-itinerary-day summary::-webkit-details-marker{display:none}
.tourm-itinerary-marker{display:none}
.tourm-itinerary-chevron{color:#13a8c5;transition:transform .2s;font-size:22px;line-height:1}
.tourm-itinerary-day[open] .tourm-itinerary-chevron{transform:rotate(180deg)}
.tourm-itinerary-description{padding:16px 0 0 0;margin-left:0;color:#747b80;line-height:1.8}
.tourm-map-frame{width:100%;height:460px;border-radius:16px;overflow:hidden;background:#e2e8f0}
.tourm-map-frame iframe{width:100%;height:100%;border:0}
.tourm-destination-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:24px}
.tourm-destination-tools input,.tourm-destination-tools select{min-width:0;border:1px solid #d9e1e5;border-radius:9px;padding:12px 14px;background:#fff;color:#263b44}
.tourm-destination-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.tourm-destination-layout.is-list{grid-template-columns:minmax(0,1fr);gap:14px}
.tourm-destination-layout.is-list .tourm-destination-tour{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:stretch}
.tourm-destination-layout.is-list .tourm-destination-tour img{height:100%;min-height:200px}
.tourm-destination-layout.is-list .tourm-destination-tour .tourm-tour-card-body{padding:22px}
.tourm-layout-toggle{display:flex;gap:4px;padding:4px;border:1px solid #dce4e8;border-radius:10px}
.tourm-layout-toggle button{padding:9px 11px;border:0;border-radius:7px;background:transparent;color:#64748b;cursor:pointer}
.tourm-layout-toggle button.is-active{background:#19abc6;color:#fff}
@media(max-width:767px){
 .tourm-tour-tab{padding:14px 16px;font-size:14px}
 .tourm-destination-tools{grid-template-columns:minmax(0,1fr) auto}
 .tourm-destination-tools .tourm-tour-search{grid-column:1/-1}
 .tourm-destination-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 .tourm-destination-layout.is-list .tourm-destination-tour{grid-template-columns:115px minmax(0,1fr)}
 .tourm-destination-layout.is-list .tourm-destination-tour img{min-height:150px}
 .tourm-destination-layout.is-list .tourm-destination-tour .tourm-tour-card-body{padding:12px}
 .tourm-map-frame{height:330px}
}

.tourm-destination-tour[hidden],[data-tour-empty][hidden]{display:none!important}

.hero-youtube-video{position:absolute;z-index:1;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100vh;transform:translate(-50%,-50%);pointer-events:none;border:0}
#heroVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
