/* =====================================================
TRAVELER ACTIVITY LAYOUT FIX
===================================================== */

.single-st_activity .st-tour-content{

width:100% !important;

max-width:100% !important;

padding-right:30px !important;

}

.single-st_activity .st-sidebar{

display:block !important;

}

.single-st_activity .vc_row{

margin-left:0 !important;

margin-right:0 !important;

}

.single-st_activity .wpb_column{

padding-left:0 !important;

padding-right:0 !important;

}



/* =====================================================
SAFE SYSTEM
===================================================== */

.jda-wrap,
.jda-wrap *,
.jda-wrap *:before,
.jda-wrap *:after{

box-sizing:border-box;

}



/* =====================================================
MAIN WRAP
===================================================== */

.jda-wrap{

position:relative;

width:100%;

max-width:100%;

margin:40px 0 60px !important;

padding:0;

font-family:'Poppins',sans-serif;

color:#111;

}



/* =====================================================
TOP GRID
===================================================== */

.jda-top-grid{

display:block;

width:100%;

}

.jda-main{

width:100%;

max-width:100%;

overflow:visible;

}



/* =====================================================
HERO
===================================================== */

.jda-hero{

background:#fff;

padding:50px;

border-radius:32px;

box-shadow:0 10px 40px rgba(0,0,0,.06);

margin-bottom:35px;

width:100%;

}

.jda-badges{

display:flex;

flex-wrap:wrap;

gap:12px;

margin-bottom:25px;

}

.jda-badge{

padding:10px 16px;

border-radius:50px;

background:#f7f3ea;

font-size:14px;

font-weight:700;

color:#8b5e1a;

}

.jda-hero h1{

font-size:64px;

font-weight:900;

line-height:1.05;

letter-spacing:-2px;

margin-bottom:25px;

word-break:normal;

}

.jda-desc{

font-size:19px;

line-height:1.9;

color:#555;

max-width:900px;

margin-bottom:35px;

}



/* =====================================================
STATS
===================================================== */

.jda-stats{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:18px;

}

.jda-stat{

background:#fafafa;

padding:22px;

border-radius:24px;

text-align:center;

}

.jda-stat-title{

font-size:14px;

font-weight:700;

color:#777;

margin-bottom:10px;

}

.jda-stat-value{

font-size:26px;

font-weight:900;

}



/* =====================================================
SECTIONS
===================================================== */

.jda-section{

background:#fff;

padding:42px;

border-radius:30px;

box-shadow:0 5px 25px rgba(0,0,0,.05);

margin-bottom:35px;

width:100%;

}

.jda-section h2{

font-size:42px;

font-weight:900;

line-height:1.15;

margin-bottom:25px;

}

.jda-section p{

font-size:18px;

line-height:1.9;

color:#555;

}



/* =====================================================
HIGHLIGHTS
===================================================== */

.jda-highlight-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

}

.jda-highlight{

background:#fafafa;

padding:24px;

border-radius:24px;

font-size:17px;

font-weight:700;

line-height:1.7;

}



/* =====================================================
TIMELINE
===================================================== */

.jda-timeline{

position:relative;

padding-left:35px;

}

.jda-timeline:before{

content:"";

position:absolute;

left:10px;

top:0;

width:3px;

height:100%;

background:#ead8b5;

}

.jda-step{

position:relative;

background:#fff;

padding:30px;

border-radius:24px;

margin-bottom:25px;

border:1px solid #eee;

box-shadow:0 5px 20px rgba(0,0,0,.04);

}

.jda-step:before{

content:"";

position:absolute;

left:-34px;

top:35px;

width:18px;

height:18px;

border-radius:50%;

background:#b8860b;

}

.jda-step h3{

font-size:28px;

font-weight:800;

margin-bottom:16px;

}



/* =====================================================
INCLUDE EXCLUDE
===================================================== */

.jda-inc-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:25px;

}

.jda-inc-box{

background:#fafafa;

padding:30px;

border-radius:24px;

}

.jda-inc-box h3{

font-size:28px;

font-weight:800;

margin-bottom:18px;

}

.jda-inc-box ul{

padding-left:20px;

margin:0;

}

.jda-inc-box li{

font-size:17px;

line-height:1.9;

margin-bottom:10px;

}



/* =====================================================
RELATED
===================================================== */

.jda-related-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:22px;

}

.jda-related-card{

background:#fff;

padding:28px;

border-radius:24px;

box-shadow:0 5px 20px rgba(0,0,0,.05);

transition:.3s ease;

}

.jda-related-card:hover{

transform:translateY(-4px);

}

.jda-related-card h4{

font-size:24px;

font-weight:800;

margin-bottom:14px;

}

.jda-related-card p{

font-size:16px;

line-height:1.8;

margin-bottom:18px;

}

.jda-related-card a{

font-size:15px;

font-weight:800;

color:#b8860b;

text-decoration:none;

}



/* =====================================================
POPUP
===================================================== */

.jda-popup-overlay{

display:none;

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,.75);

backdrop-filter:blur(4px);

z-index:99999998;

}

.jda-popup-wrap{

display:none;

position:fixed;

top:50%;
left:50%;

transform:translate(-50%,-50%);

width:95%;
max-width:720px;

background:#fff;

padding:40px;

border-radius:32px;

box-shadow:0 20px 70px rgba(0,0,0,.25);

z-index:99999999;

max-height:90vh;

overflow-y:auto;

}

.jda-popup-overlay.active,
.jda-popup-wrap.active{

display:block;

}



/* =====================================================
FORM
===================================================== */

.jda-form-group{

margin-bottom:18px;

}

.jda-form-group label{

display:block;

font-size:14px;

font-weight:700;

margin-bottom:8px;

}

.jda-form-group input,
.jda-form-group select,
.jda-form-group textarea{

width:100%;

padding:16px;

border:1px solid #ddd;

border-radius:14px;

font-size:15px;

font-family:inherit;

}

.jda-popup-btns{

display:flex;

gap:16px;

margin-top:15px;

}

.jda-popup-btn{

flex:1;

border:none;

padding:18px;

border-radius:14px;

font-size:16px;

font-weight:800;

color:#fff;

cursor:pointer;

}

.jda-popup-btn.whatsapp{

background:#25D366;

}

.jda-popup-btn.email{

background:#1877F2;

}



/* =====================================================
MOBILE
===================================================== */

@media(max-width:991px){

.single-st_activity .st-tour-content{

padding-right:0 !important;

}

.jda-hero h1{

font-size:44px;

}

}

@media(max-width:767px){

.jda-wrap{

padding:0 10px 80px;

}

.jda-hero,
.jda-section{

padding:28px;

}

.jda-hero h1{

font-size:36px;

line-height:1.1;

}

.jda-stats{

grid-template-columns:1fr 1fr;

}

.jda-highlight-grid,
.jda-inc-grid,
.jda-related-grid{

grid-template-columns:1fr;

}

.jda-section h2{

font-size:30px;

}

.jda-popup-wrap{

padding:25px 18px;

}

.jda-popup-btns{

flex-direction:column;

}

}
/* =====================================================
DEAL BOX
===================================================== */

.jda-deal-box{

background:#fff8ef;

border:1px solid #f1d7a8;

padding:30px;

border-radius:28px;

}

.jda-deal-top{

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

flex-wrap:wrap;

margin-bottom:25px;

}

.jda-deal-badge{

background:#ffefe0;

color:#b85b00;

padding:10px 18px;

border-radius:50px;

font-weight:800;

font-size:15px;

}

.jda-deal-timer{

font-size:16px;

font-weight:700;

}

.jda-seat-wrap{

margin-bottom:25px;

}

.jda-seat-text{

font-size:16px;

font-weight:700;

margin-bottom:10px;
}
/* =====================================================
TRAVELER SIDEBAR OTA SYSTEM
===================================================== */

.jda-booking{

position:sticky;
top:30px;

background:#fff;

padding:28px;

border-radius:28px;

box-shadow:
0 10px 35px rgba(0,0,0,.06);

display:flex;
flex-direction:column;

}


/* =====================================================
PRICE AREA
===================================================== */

.jda-price-label{

font-size:14px;
font-weight:700;
color:#777;

margin-bottom:6px;

}

.jda-price{

font-size:48px;
font-weight:900;
line-height:1;
color:#111;

margin-bottom:8px;

}

.jda-price-note{

font-size:15px;
font-weight:600;
color:#777;

margin-bottom:24px;

}


/* =====================================================
LIMITED SLOT BOX
===================================================== */

.jda-slot-box{

background:#fff8ef;

border:1px solid #f0d6a7;

padding:24px;

border-radius:24px;

margin-bottom:22px;

}

.jda-slot-title{

font-size:15px;
font-weight:800;
color:#c96d00;

margin-bottom:14px;

}

.jda-slot-timer{

font-size:38px;
font-weight:900;
line-height:1.15;
color:#111;

margin-bottom:14px;

}

.jda-slot-note{

font-size:14px;
line-height:1.8;
color:#666;

margin-bottom:14px;

}

.jda-live-status{

font-size:14px;
font-weight:700;
color:#111;

}


/* =====================================================
BOOKING CTA WRAP
===================================================== */

.jda-booking-cta{

display:flex;
flex-direction:column;

gap:14px;

margin-top:6px;

}


/* =====================================================
BOOK BUTTON
===================================================== */

.jda-book-btn{

display:flex;
align-items:center;
justify-content:center;

width:100%;

height:64px;

background:#111;

color:#fff !important;

font-size:18px;
font-weight:800;

border-radius:18px;

text-decoration:none !important;

transition:.3s ease;

box-shadow:
0 8px 20px rgba(0,0,0,.12);

}

.jda-book-btn:hover{

background:#000;

transform:translateY(-2px);

}


/* =====================================================
WHATSAPP BUTTON
===================================================== */

.jda-whatsapp-btn{

display:flex;
align-items:center;
justify-content:center;

width:100%;

height:64px;

background:#25D366;

color:#fff !important;

font-size:18px;
font-weight:800;

border-radius:18px;

text-decoration:none !important;

transition:.3s ease;

box-shadow:
0 8px 20px rgba(37,211,102,.18);

}

.jda-whatsapp-btn:hover{

background:#1ebe5d;

transform:translateY(-2px);

}


/* =====================================================
DEAL BOX
===================================================== */

.jda-deal-box{

background:#fff8ef;

border:1px solid #f1d7a8;

padding:30px;

border-radius:28px;

overflow:hidden;

}


/* =====================================================
DEAL TOP
===================================================== */

.jda-deal-top{

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

flex-wrap:wrap;

margin-bottom:25px;

}

.jda-deal-badge{

background:#ffefe0;

color:#b85b00;

padding:10px 18px;

border-radius:50px;

font-weight:800;

font-size:15px;

}

.jda-deal-timer{

font-size:16px;

font-weight:800;

}


/* =====================================================
SEAT SYSTEM
===================================================== */

.jda-seat-wrap{

margin-bottom:25px;

}

.jda-seat-text{

font-size:18px;
font-weight:800;

margin-bottom:12px;

}

.jda-seat-bar{

width:100%;
height:10px;

background:#e6e6e6;

border-radius:100px;

overflow:hidden;

margin-bottom:14px;

}

.jda-seat-fill{

height:100%;

width:0;

background:
linear-gradient(
90deg,
#ff9800,
#ff5722
);

border-radius:100px;

transition:width .5s ease;

}

.jda-urgency-badges{

display:flex;
flex-wrap:wrap;
gap:10px;

}


/* =====================================================
DATE GRID
===================================================== */

.jda-date-grid{

display:flex;

gap:16px;

overflow-x:auto;

padding-bottom:8px;

scrollbar-width:thin;

}

.jda-date-grid::-webkit-scrollbar{

height:6px;

}

.jda-date-grid::-webkit-scrollbar-thumb{

background:#ddd;

border-radius:100px;

}


/* =====================================================
DATE CARD
===================================================== */

.jda-date-btn{

min-width:150px;

background:#fff;

border:1px solid #e5e5e5;

border-radius:20px;

padding:18px;

cursor:pointer;

transition:.3s ease;

display:flex;
flex-direction:column;
gap:10px;

flex-shrink:0;

}

.jda-date-btn:hover{

transform:translateY(-3px);

box-shadow:
0 12px 25px rgba(0,0,0,.08);

}

.jda-date-btn.active{

background:#111;

color:#fff;

border-color:#111;

}

.jda-date-btn.sold{

opacity:.45;

pointer-events:none;

background:#f5f5f5;

}

.jda-date-top{

font-size:20px;
font-weight:900;

}

.jda-date-price{

font-size:22px;
font-weight:900;

}

.jda-date-slots{

font-size:15px;
font-weight:700;

line-height:1.5;

}


/* =====================================================
URGENCY
===================================================== */

.jda-urgency{

font-size:13px;
font-weight:800;

}

.jda-urgency.red{

color:#ff3b30;

}

.jda-urgency.orange{

color:#ff9800;

}

.jda-urgency.green{

color:#00a86b;

}


/* =====================================================
MOBILE
===================================================== */

@media(max-width:767px){

.jda-booking{

padding:22px;

}

.jda-price{

font-size:38px;

}

.jda-slot-timer{

font-size:28px;

}

.jda-book-btn,
.jda-whatsapp-btn{

height:58px;

font-size:16px;

}

.jda-date-btn{

min-width:135px;

padding:16px;

}

.jda-date-top{

font-size:18px;

}

.jda-date-price{

font-size:19px;

}

}
/* =====================================================
INLINE BOOK NOW BUTTON
===================================================== */

.jda-inline-book-btn{

width:100%;
height:46px;

border:none;
outline:none;

background:#111;
color:#fff;

border-radius:14px;

font-size:15px;
font-weight:800;

cursor:pointer;

transition:.3s;

margin-top:10px;

}

.jda-inline-book-btn:hover{

background:#000;

transform:translateY(-2px);

}

.jda-date-btn.active .jda-inline-book-btn{

background:#fff;
color:#111;

}