/* ==========================================================
KING'S TOUR & TRAVELS
PREMIUM HEADER V9 - MOBILE FIXED
FILE: assets/css/header.css
========================================================== */

:root{
--ktt-primary:#ffcb45;
--ktt-secondary:#ff9f1a;
--ktt-dark:#071423;
--ktt-dark-2:#0b1d33;
--ktt-white:#ffffff;
--ktt-text:#d8e0e8;
--ktt-shadow:0 20px 50px rgba(0,0,0,.15);
--ktt-transition:0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

*{
box-sizing:border-box;
margin:0;
padding:0;
}

.ktt-container-full{
width:100%;
max-width:100%;
padding-left:30px;
padding-right:30px;
margin:0 auto;
}

/* ==========================================================
HEADER
========================================================== */

.ktt-header{
position:sticky;
top:0;
overflow:visible;
background:
linear-gradient(180deg,
#071423 0%,
#0d1f36 40%,
#071423 100%
);
z-index:999;
border-bottom:1px solid rgba(255,203,69,.08);
box-shadow:0 4px 30px rgba(0,0,0,.4);
transition:all var(--ktt-transition);
width:100%;
}

.ktt-header.scrolled{
box-shadow:0 8px 50px rgba(0,0,0,.5);
background:
linear-gradient(180deg,
rgba(7,20,35,.98) 0%,
rgba(13,31,54,.98) 40%,
rgba(7,20,35,.98) 100%
);
backdrop-filter:blur(20px);
}

/* ==========================================================
BACKGROUND EFFECTS
========================================================== */

.ktt-header-glow{
position:absolute;
border-radius:50%;
filter:blur(120px);
pointer-events:none;
opacity:0.5;
animation:kttGlowFloat 25s ease-in-out infinite alternate;
}

.glow-1{
width:400px;
height:400px;
background:rgba(255,203,69,.10);
top:-150px;
left:-100px;
animation-delay:0s;
}

.glow-2{
width:450px;
height:450px;
background:rgba(0,153,255,.08);
right:-120px;
top:-120px;
animation-delay:-8s;
}

.glow-3{
width:300px;
height:300px;
background:rgba(255,255,255,.04);
bottom:-120px;
left:30%;
animation-delay:-16s;
}

.glow-4{
width:250px;
height:250px;
background:rgba(255,203,69,.06);
bottom:-80px;
right:20%;
animation-delay:-24s;
}

@keyframes kttGlowFloat{
0%{
transform:translate(0,0) scale(1) rotate(0deg);
}
25%{
transform:translate(30px,-30px) scale(1.1) rotate(5deg);
}
50%{
transform:translate(-20px,20px) scale(0.9) rotate(-5deg);
}
75%{
transform:translate(25px,15px) scale(1.05) rotate(3deg);
}
100%{
transform:translate(-10px,-20px) scale(0.95) rotate(-3deg);
}
}

/* ==========================================================
ANNOUNCEMENT BAR
========================================================== */

.ktt-announcement-bar{
background:
linear-gradient(90deg,
#ffcb45 0%,
#ffb820 25%,
#ff9f1a 50%,
#ffb820 75%,
#ffcb45 100%
);
background-size:300% auto;
animation:kttAnnouncementGradient 10s ease-in-out infinite;
color:#071423;
font-size:13px;
font-weight:600;
border-bottom:2px solid rgba(255,203,69,.2);
position:relative;
z-index:2;
padding:6px 0;
width:100%;
}

@keyframes kttAnnouncementGradient{
0%{
background-position:0% center;
}
50%{
background-position:100% center;
}
100%{
background-position:0% center;
}
}

.ktt-announcement-inner{
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
flex-wrap:wrap;
}

.ktt-announcement-left{
display:flex;
align-items:center;
gap:12px;
font-weight:700;
font-size:13px;
color:#071423;
flex-wrap:wrap;
}

.ktt-announcement-left i{
font-size:14px;
color:#071423;
}

.ktt-announcement-left i.fa-circle{
opacity:0.3;
}

.ktt-announcement-hours{
display:flex;
align-items:center;
gap:6px;
background:rgba(7,20,35,.08);
padding:3px 12px;
border-radius:20px;
font-size:12px;
}

.ktt-announcement-center{
display:flex;
align-items:center;
gap:10px;
font-size:12px;
font-weight:600;
color:#071423;
flex-wrap:wrap;
}

.ktt-announcement-tag{
display:flex;
align-items:center;
gap:6px;
background:rgba(7,20,35,.1);
padding:3px 14px;
border-radius:20px;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:0.5px;
}

.ktt-announcement-tag i{
font-size:11px;
}

.ktt-announcement-divider{
opacity:0.3;
font-size:16px;
}

.ktt-announcement-center i{
font-size:12px;
}

.ktt-announcement-right{
display:flex;
align-items:center;
gap:15px;
font-weight:700;
font-size:14px;
color:#071423;
flex-wrap:wrap;
}

.ktt-announcement-right i{
font-size:15px;
color:#071423;
animation:kttPhonePulse 2s ease-in-out infinite;
}

.ktt-announcement-right a{
text-decoration:none;
color:#071423;
display:flex;
align-items:center;
gap:8px;
font-weight:800;
padding:4px 14px;
border-radius:30px;
background:rgba(255,255,255,.2);
transition:all var(--ktt-transition);
}

.ktt-announcement-right a:hover{
background:rgba(255,255,255,.4);
transform:scale(1.05);
box-shadow:0 4px 15px rgba(0,0,0,.1);
}

.ktt-announcement-wa{
background:rgba(37,211,102,.25) !important;
}

.ktt-announcement-wa:hover{
background:rgba(37,211,102,.4) !important;
}

@keyframes kttPhonePulse{
0%,100%{
transform:scale(1) rotate(0deg);
}
25%{
transform:scale(1.1) rotate(-5deg);
}
75%{
transform:scale(1.1) rotate(5deg);
}
}

/* ==========================================================
MAIN HEADER
========================================================== */

.ktt-main-header{
padding:12px 0;
backdrop-filter:blur(20px);
position:relative;
z-index:2;
width:100%;
}

.ktt-main-header .ktt-container-full{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
flex-wrap:nowrap;
}

/* ==========================================================
BRAND AREA
========================================================== */

.ktt-brand-area{
display:flex;
align-items:center;
gap:16px;
flex-shrink:0;
position:relative;
}

.ktt-logo{
position:relative;
display:flex;
align-items:center;
justify-content:center;
transition:all var(--ktt-transition);
flex-shrink:0;
}

.ktt-logo:hover{
transform:scale(1.05) rotate(-2deg);
}

.ktt-logo img{
width:70px;
height:70px;
border-radius:50%;
object-fit:cover;
background:transparent;
padding:0;
border:2px solid rgba(255,203,69,.3);
box-shadow:
0 0 0 6px rgba(255,203,69,.06),
0 10px 30px rgba(0,0,0,.2);
transition:all var(--ktt-transition);
display:block;
}

.ktt-logo:hover img{
border-color:#ffcb45;
box-shadow:
0 0 0 12px rgba(255,203,69,.10),
0 20px 50px rgba(0,0,0,.3);
transform:scale(1.02);
}

.ktt-brand-content{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}

.ktt-site-title-wrap{
display:flex;
align-items:center;
gap:12px;
flex-wrap:nowrap;
}

.ktt-site-title{
margin:0;
font-size:28px;
font-weight:900;
line-height:1;
letter-spacing:-0.5px;
display:inline-block;
}

.ktt-site-title a{
text-decoration:none;
background:
linear-gradient(90deg,
#ffffff 0%,
#ffcb45 40%,
#ffffff 70%,
#ffcb45 100%
);
background-size:300% auto;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
animation:kttTitle 8s ease-in-out infinite;
font-weight:900;
}

@keyframes kttTitle{
0%{
background-position:0% center;
}
50%{
background-position:100% center;
}
100%{
background-position:0% center;
}
}

.ktt-site-badge{
display:flex;
align-items:center;
gap:5px;
background:linear-gradient(135deg,#25D366,#128C7E);
color:#ffffff;
font-size:9px;
font-weight:700;
padding:2px 10px;
border-radius:20px;
text-transform:uppercase;
letter-spacing:0.5px;
flex-shrink:0;
box-shadow:0 2px 10px rgba(37,211,102,.3);
animation:kttBadgePulse 2s ease-in-out infinite;
}

@keyframes kttBadgePulse{
0%,100%{
box-shadow:0 2px 10px rgba(37,211,102,.3);
}
50%{
box-shadow:0 2px 20px rgba(37,211,102,.5);
}
}

.ktt-site-badge i{
font-size:8px;
}

.ktt-site-tagline{
display:flex;
align-items:center;
gap:8px;
font-size:12px;
font-weight:600;
color:rgba(255,255,255,.7);
flex-wrap:nowrap;
}

.ktt-tagline-text{
white-space:nowrap;
}

.ktt-tagline-divider{
color:rgba(255,255,255,.2);
font-size:14px;
}

.ktt-tagline-rating{
display:flex;
align-items:center;
gap:3px;
font-size:11px;
color:#ffcb45;
}

.ktt-tagline-rating i{
font-size:10px;
}

.ktt-tagline-rating span{
color:rgba(255,255,255,.6);
margin-left:4px;
font-weight:700;
}

/* ==========================================================
NAVIGATION
========================================================== */

.ktt-navigation{
display:flex;
justify-content:center;
align-items:center;
flex:1;
min-width:0;
}

.ktt-menu{
display:flex;
align-items:center;
gap:24px;
margin:0;
padding:0;
list-style:none;
flex-wrap:nowrap;
}

.ktt-menu > li{
position:relative;
margin:0;
flex-shrink:0;
}

.ktt-menu > li > a{
position:relative;
text-decoration:none;
font-size:14px;
font-weight:600;
color:rgba(255,255,255,.85);
padding:8px 0;
transition:all var(--ktt-transition);
letter-spacing:0.3px;
white-space:nowrap;
}

.ktt-menu > li > a:hover{
color:#ffcb45;
}

.ktt-menu > li > a::after{
content:'';
position:absolute;
left:0;
bottom:-2px;
width:0;
height:2.5px;
background:linear-gradient(90deg,#ffcb45,#ff9f1a);
transition:all var(--ktt-transition);
border-radius:2px;
}

.ktt-menu > li > a:hover::after,
.ktt-menu > li.current-menu-item > a::after{
width:100%;
}

.ktt-menu > li.current-menu-item > a{
color:#ffcb45;
}

/* ==========================================================
DROPDOWN / SUBMENU
========================================================== */

.ktt-menu li.menu-item-has-children > a::after{
content:'▾';
font-size:9px;
margin-left:6px;
opacity:0.5;
transition:all var(--ktt-transition);
display:inline-block;
position:relative;
bottom:0;
width:auto;
background:none;
}

.ktt-menu li.menu-item-has-children:hover > a::after{
transform:rotate(180deg);
opacity:1;
color:#ffcb45;
}

.ktt-menu .sub-menu{
position:absolute;
top:calc(100% + 10px);
left:50%;
transform:translateX(-50%) translateY(10px);
min-width:220px;
background:linear-gradient(180deg,#0d1f36,#071423);
padding:10px 0;
border-radius:16px;
box-shadow:
0 25px 60px rgba(0,0,0,.6),
0 0 0 1px rgba(255,203,69,.08);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
list-style:none;
z-index:1000;
border:1px solid rgba(255,255,255,.05);
backdrop-filter:blur(20px);
}

.ktt-menu li:hover > .sub-menu{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateX(-50%) translateY(0);
}

.ktt-menu .sub-menu li{
position:relative;
margin:0;
padding:0 8px;
}

.ktt-menu .sub-menu a{
display:block;
padding:10px 16px;
font-size:13px;
font-weight:500;
color:rgba(255,255,255,.8);
text-decoration:none;
border-radius:10px;
transition:all var(--ktt-transition);
white-space:nowrap;
}

.ktt-menu .sub-menu a:hover{
color:#ffcb45;
background:rgba(255,203,69,.08);
transform:translateX(4px);
}

.ktt-menu .sub-menu .sub-menu{
left:calc(100% + 8px);
top:-10px;
transform:translateX(10px) translateY(0);
min-width:200px;
}

.ktt-menu .sub-menu li:hover > .sub-menu{
transform:translateX(0) translateY(0);
}

/* ==========================================================
CTA BUTTONS
========================================================== */

.ktt-header-actions{
display:flex;
align-items:center;
gap:10px;
flex-shrink:0;
}

.ktt-btn-call,
.ktt-btn-whatsapp,
.ktt-btn-book{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
text-decoration:none;
font-weight:700;
font-size:13px;
border-radius:60px;
padding:11px 20px;
transition:all var(--ktt-transition);
position:relative;
overflow:hidden;
border:none;
cursor:pointer;
white-space:nowrap;
text-transform:uppercase;
letter-spacing:0.5px;
}

.ktt-btn-call{
background:linear-gradient(135deg,#ffffff,#f0f2f5);
color:#071423;
box-shadow:0 4px 15px rgba(255,255,255,.15);
}

.ktt-btn-call i{
color:#071423;
font-size:14px;
}

.ktt-btn-whatsapp{
background:linear-gradient(135deg,#25D366,#128C7E);
color:#ffffff;
box-shadow:0 4px 15px rgba(37,211,102,.3);
}

.ktt-btn-whatsapp i{
color:#ffffff;
font-size:14px;
}

.ktt-btn-book{
background:linear-gradient(135deg,#ffcb45 0%,#ffb820 40%,#ff9f1a 100%);
color:#071423;
box-shadow:0 4px 15px rgba(255,203,69,.35);
background-size:200% auto;
animation:kttButtonShine 3s ease-in-out infinite;
}

@keyframes kttButtonShine{
0%{
background-position:0% center;
}
50%{
background-position:100% center;
}
100%{
background-position:0% center;
}
}

.ktt-btn-book i{
color:#071423;
font-size:14px;
}

.ktt-btn-call:hover,
.ktt-btn-whatsapp:hover,
.ktt-btn-book:hover{
transform:translateY(-3px) scale(1.03);
box-shadow:0 12px 35px rgba(0,0,0,.25);
}

.ktt-btn-call:hover{
background:linear-gradient(135deg,#ffcb45,#ff9f1a);
color:#071423;
box-shadow:0 12px 35px rgba(255,203,69,.3);
}

.ktt-btn-call:hover i{
color:#071423;
}

.ktt-btn-whatsapp:hover{
background:linear-gradient(135deg,#34d96e,#128C7E);
box-shadow:0 12px 35px rgba(37,211,102,.4);
transform:translateY(-3px) scale(1.05);
}

.ktt-btn-book:hover{
box-shadow:0 12px 40px rgba(255,203,69,.5);
transform:translateY(-3px) scale(1.05);
}

.ktt-btn-call::before,
.ktt-btn-whatsapp::before,
.ktt-btn-book::before{
content:'';
position:absolute;
top:50%;
left:50%;
width:0;
height:0;
border-radius:50%;
background:rgba(255,255,255,.2);
transform:translate(-50%,-50%);
transition:width 0.6s,height 0.6s;
}

.ktt-btn-call:hover::before,
.ktt-btn-whatsapp:hover::before,
.ktt-btn-book:hover::before{
width:300px;
height:300px;
}

/* ==========================================================
TRUST BAR
========================================================== */

.ktt-trust-bar{
border-top:1px solid rgba(255,255,255,.04);
border-bottom:1px solid rgba(255,255,255,.04);
overflow:hidden;
background:rgba(255,255,255,.02);
position:relative;
z-index:1;
backdrop-filter:blur(5px);
padding:6px 0;
width:100%;
}

.ktt-trust-track{
display:flex;
gap:30px;
padding:0;
white-space:nowrap;
color:rgba(255,255,255,.7);
font-size:12px;
font-weight:600;
letter-spacing:0.3px;
justify-content:space-between;
flex-wrap:nowrap;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
}

.ktt-trust-track::-webkit-scrollbar{
display:none;
}

.ktt-trust-track span{
display:flex;
align-items:center;
gap:6px;
transition:all var(--ktt-transition);
flex-shrink:0;
padding:3px 8px;
border-radius:20px;
background:rgba(255,255,255,.03);
}

.ktt-trust-track span i{
color:#ffcb45;
font-size:12px;
}

.ktt-trust-track span:hover{
color:#ffcb45;
background:rgba(255,203,69,.06);
transform:translateY(-2px);
}

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

.ktt-mobile-actions{
display:none;
align-items:center;
gap:8px;
flex-shrink:0;
}

.ktt-mobile-icon{
width:42px;
height:42px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
color:#fff;
font-size:15px;
transition:all var(--ktt-transition);
position:relative;
}

.ktt-mobile-icon.call{
background:linear-gradient(135deg,#ffcb45,#ff9f1a);
color:#071423;
box-shadow:0 4px 15px rgba(255,203,69,.25);
}

.ktt-mobile-icon.whatsapp{
background:linear-gradient(135deg,#25D366,#128C7E);
box-shadow:0 4px 15px rgba(37,211,102,.25);
}

.ktt-mobile-icon.taxi{
background:linear-gradient(135deg,#2196f3,#0d47a1);
box-shadow:0 4px 15px rgba(33,150,243,.25);
}

.ktt-mobile-icon:hover{
transform:scale(1.12) translateY(-3px);
box-shadow:0 8px 30px rgba(0,0,0,.3);
}

.ktt-mobile-toggle{
width:46px;
height:46px;
background:linear-gradient(135deg,#ffffff,#f0f2f5);
border:none;
border-radius:50%;
cursor:pointer;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:5px;
transition:all var(--ktt-transition);
box-shadow:0 4px 15px rgba(255,255,255,.1);
padding:0;
position:relative;
flex-shrink:0;
}

.ktt-mobile-toggle span{
width:20px;
height:2.5px;
background:#071423;
display:block;
border-radius:2px;
transition:all var(--ktt-transition);
transform-origin:center;
}

.ktt-mobile-toggle:hover{
transform:scale(1.05);
box-shadow:0 8px 25px rgba(255,255,255,.2);
}

.ktt-mobile-toggle.active span:nth-child(1){
transform:translateY(7px) rotate(45deg);
}

.ktt-mobile-toggle.active span:nth-child(2){
opacity:0;
transform:scaleX(0);
}

.ktt-mobile-toggle.active span:nth-child(3){
transform:translateY(-7px) rotate(-45deg);
}

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

.ktt-mobile-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.75);
backdrop-filter:blur(10px);
opacity:0;
visibility:hidden;
transition:all var(--ktt-transition);
z-index:9998;
}

.ktt-mobile-overlay.active{
opacity:1;
visibility:visible;
}

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

.ktt-mobile-drawer{
position:fixed;
top:0;
right:-420px;
width:380px;
height:100%;
background:linear-gradient(180deg,#ffffff,#f5f6f8);
overflow-y:auto;
transition:all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
z-index:9999;
padding:24px 20px 40px;
box-shadow:-20px 0 60px rgba(0,0,0,.4);
}

.ktt-mobile-drawer::-webkit-scrollbar{
width:4px;
}

.ktt-mobile-drawer::-webkit-scrollbar-track{
background:#f1f1f1;
}

.ktt-mobile-drawer::-webkit-scrollbar-thumb{
background:#ffcb45;
border-radius:4px;
}

.ktt-mobile-drawer.active{
right:0;
}

.ktt-drawer-top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
padding-bottom:16px;
border-bottom:2px solid #f0f2f5;
}

.ktt-drawer-logo-wrap{
display:flex;
align-items:center;
gap:12px;
}

.ktt-drawer-logo-wrap img{
width:55px;
height:55px;
border-radius:50%;
object-fit:cover;
background:transparent;
padding:0;
border:2px solid rgba(255,203,69,.2);
box-shadow:0 4px 15px rgba(0,0,0,.08);
}

.ktt-drawer-logo-text{
display:flex;
flex-direction:column;
}

.ktt-drawer-logo-text strong{
font-size:16px;
color:#071423;
font-weight:800;
line-height:1.2;
}

.ktt-drawer-logo-text span{
font-size:11px;
color:#5c6773;
font-weight:500;
}

.ktt-mobile-close{
background:linear-gradient(135deg,#f0f2f5,#e8eaed);
border:none;
width:44px;
height:44px;
border-radius:50%;
font-size:20px;
cursor:pointer;
transition:all var(--ktt-transition);
display:flex;
align-items:center;
justify-content:center;
color:#071423;
flex-shrink:0;
}

.ktt-mobile-close:hover{
background:linear-gradient(135deg,#ffcb45,#ff9f1a);
transform:rotate(90deg);
color:#071423;
}

.ktt-drawer-brand{
text-align:center;
margin-bottom:20px;
padding-bottom:16px;
border-bottom:2px solid #f0f2f5;
}

.ktt-drawer-rating{
display:flex;
align-items:center;
justify-content:center;
gap:4px;
font-size:13px;
color:#ffcb45;
margin-bottom:8px;
}

.ktt-drawer-rating span{
color:#5c6773;
font-size:12px;
margin-left:6px;
font-weight:600;
}

.ktt-drawer-brand p{
margin:0;
color:#5c6773;
font-size:13px;
font-weight:500;
display:flex;
align-items:center;
justify-content:center;
gap:6px;
}

.ktt-drawer-brand p i{
color:#ffcb45;
}

.ktt-drawer-buttons{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-bottom:20px;
padding-bottom:16px;
border-bottom:2px solid #f0f2f5;
}

.ktt-drawer-buttons a{
text-decoration:none;
padding:14px 16px;
border-radius:14px;
text-align:center;
font-weight:700;
font-size:14px;
transition:all var(--ktt-transition);
background:#f0f2f5;
color:#071423;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
}

.ktt-drawer-buttons a:first-child{
background:linear-gradient(135deg,#ffcb45,#ff9f1a);
color:#071423;
box-shadow:0 4px 15px rgba(255,203,69,.25);
}

.ktt-drawer-buttons a:last-child{
background:linear-gradient(135deg,#25D366,#128C7E);
color:#ffffff;
box-shadow:0 4px 15px rgba(37,211,102,.25);
}

.ktt-drawer-buttons a:hover{
transform:translateY(-3px) scale(1.03);
box-shadow:0 8px 25px rgba(0,0,0,.15);
}

.ktt-mobile-menu-wrap{
margin-bottom:20px;
padding-bottom:16px;
border-bottom:2px solid #f0f2f5;
}

.ktt-mobile-menu{
list-style:none;
padding:0;
margin:0;
}

.ktt-mobile-menu li{
border-bottom:1px solid #f0f2f5;
}

.ktt-mobile-menu li:last-child{
border-bottom:none;
}

.ktt-mobile-menu a{
display:block;
padding:14px 0;
text-decoration:none;
color:#071423;
font-weight:600;
font-size:15px;
transition:all var(--ktt-transition);
position:relative;
}

.ktt-mobile-menu a:hover{
color:#ffcb45;
padding-left:8px;
}

.ktt-mobile-menu .sub-menu{
list-style:none;
padding-left:20px;
margin:0;
background:#f8f9fa;
border-radius:10px;
margin-bottom:4px;
}

.ktt-mobile-menu .sub-menu a{
padding:10px 0;
font-size:14px;
font-weight:500;
color:#5c6773;
}

.ktt-mobile-menu .sub-menu a:hover{
color:#ffcb45;
padding-left:12px;
}

.ktt-mobile-menu li.menu-item-has-children > a{
position:relative;
padding-right:30px;
}

.ktt-mobile-menu li.menu-item-has-children > a::after{
content:'▾';
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
font-size:12px;
transition:all var(--ktt-transition);
}

.ktt-mobile-menu li.menu-item-has-children.open > a::after{
transform:translateY(-50%) rotate(180deg);
}

.ktt-drawer-locations{
margin-bottom:16px;
}

.ktt-drawer-locations h4{
margin:0 0 12px;
color:#071423;
font-size:15px;
font-weight:700;
display:flex;
align-items:center;
gap:8px;
}

.ktt-drawer-locations h4 i{
color:#ffcb45;
}

.ktt-location-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}

.ktt-location-grid span{
padding:10px 12px;
background:linear-gradient(135deg,#f8f9fa,#f0f2f5);
border-radius:10px;
text-align:center;
font-size:12px;
font-weight:600;
color:#071423;
transition:all var(--ktt-transition);
cursor:default;
}

.ktt-location-grid span:hover{
background:linear-gradient(135deg,#ffcb45,#ff9f1a);
transform:scale(1.05);
color:#071423;
box-shadow:0 4px 15px rgba(255,203,69,.25);
}

.ktt-drawer-footer{
padding-top:16px;
border-top:2px solid #f0f2f5;
}

.ktt-drawer-footer p{
margin:6px 0;
font-size:13px;
color:#5c6773;
display:flex;
align-items:center;
gap:8px;
}

.ktt-drawer-footer p i{
color:#ffcb45;
width:16px;
text-align:center;
}

.ktt-drawer-footer a{
color:#071423;
text-decoration:none;
font-weight:600;
transition:color var(--ktt-transition);
}

.ktt-drawer-footer a:hover{
color:#ffcb45;
}

/* ==========================================================
FLOATING BUTTONS
========================================================== */

.ktt-floating-buttons{
position:fixed;
right:24px;
bottom:30px;
display:flex;
flex-direction:column;
gap:12px;
z-index:999;
}

.ktt-float-call,
.ktt-float-whatsapp{
width:60px;
height:60px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
color:#fff;
font-size:22px;
box-shadow:0 8px 30px rgba(0,0,0,.25);
transition:all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
position:relative;
border:2px solid rgba(255,255,255,.1);
}

.ktt-float-call{
background:linear-gradient(135deg,#ffcb45,#ff9f1a);
color:#071423;
}

.ktt-float-whatsapp{
background:linear-gradient(135deg,#25D366,#128C7E);
color:#ffffff;
}

.ktt-float-call:hover,
.ktt-float-whatsapp:hover{
transform:scale(1.15) translateY(-4px);
box-shadow:0 15px 50px rgba(0,0,0,.35);
}

.ktt-float-call:hover{
border-color:#ffcb45;
}

.ktt-float-whatsapp:hover{
border-color:#25D366;
}

.ktt-float-call::before,
.ktt-float-whatsapp::before{
content:'';
position:absolute;
inset:-6px;
border-radius:50%;
border:2px solid transparent;
animation:kttFloatPulse 2s ease-out infinite;
}

.ktt-float-call::before{
border-color:rgba(255,203,69,.3);
}

.ktt-float-whatsapp::before{
border-color:rgba(37,211,102,.3);
}

@keyframes kttFloatPulse{
0%{
transform:scale(1);
opacity:1;
}
100%{
transform:scale(1.5);
opacity:0;
}
}

/* ==========================================================
TABLET
========================================================== */

@media(max-width:1200px){

.ktt-navigation{
display:none;
}

.ktt-header-actions{
display:none;
}

.ktt-mobile-actions{
display:flex;
}

.ktt-main-header .ktt-container-full{
justify-content:space-between;
}

.ktt-announcement-center{
display:none;
}

}

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

@media(max-width:768px){

.ktt-container-full{
padding-left:12px;
padding-right:12px;
}

.ktt-announcement-bar{
display:none;
}

.ktt-main-header{
padding:8px 0;
}

.ktt-main-header .ktt-container-full{
gap:8px;
}

.ktt-brand-area{
gap:8px;
}

.ktt-logo img{
width:48px;
height:48px;
}

.ktt-site-title{
font-size:16px;
}

.ktt-site-badge{
display:none;
}

.ktt-site-tagline{
display:none;
}

.ktt-trust-bar{
display:none;
}

.ktt-mobile-actions{
display:flex;
gap:4px;
}

.ktt-mobile-icon{
width:34px;
height:34px;
font-size:12px;
}

.ktt-mobile-toggle{
width:36px;
height:36px;
}

.ktt-mobile-toggle span{
width:15px;
height:2px;
}

.ktt-mobile-drawer{
width:300px;
right:-330px;
padding:16px 14px 30px;
}

.ktt-drawer-top{
margin-bottom:14px;
padding-bottom:12px;
}

.ktt-drawer-logo-wrap img{
width:42px;
height:42px;
}

.ktt-drawer-logo-text strong{
font-size:14px;
}

.ktt-drawer-logo-text span{
font-size:10px;
}

.ktt-mobile-close{
width:36px;
height:36px;
font-size:17px;
}

.ktt-drawer-brand{
margin-bottom:14px;
padding-bottom:12px;
}

.ktt-drawer-rating{
font-size:11px;
}

.ktt-drawer-brand p{
font-size:12px;
}

.ktt-drawer-buttons{
grid-template-columns:1fr;
gap:8px;
margin-bottom:14px;
padding-bottom:12px;
}

.ktt-drawer-buttons a{
padding:12px;
font-size:13px;
}

.ktt-mobile-menu-wrap{
margin-bottom:14px;
padding-bottom:12px;
}

.ktt-mobile-menu a{
font-size:14px;
padding:12px 0;
}

.ktt-drawer-locations h4{
font-size:14px;
}

.ktt-location-grid{
grid-template-columns:1fr 1fr;
gap:6px;
}

.ktt-location-grid span{
padding:8px 10px;
font-size:11px;
}

.ktt-drawer-footer{
padding-top:12px;
}

.ktt-drawer-footer p{
font-size:12px;
}

.ktt-floating-buttons{
right:14px;
bottom:18px;
gap:10px;
}

.ktt-float-call,
.ktt-float-whatsapp{
width:48px;
height:48px;
font-size:18px;
}

}

@media(max-width:480px){

.ktt-main-header{
padding:6px 0;
}

.ktt-container-full{
padding-left:10px;
padding-right:10px;
}

.ktt-logo img{
width:42px;
height:42px;
border-width:1.5px;
}

.ktt-site-title{
font-size:14px;
}

.ktt-mobile-icon{
width:30px;
height:30px;
font-size:11px;
}

.ktt-mobile-toggle{
width:32px;
height:32px;
}

.ktt-mobile-toggle span{
width:13px;
height:2px;
gap:4px;
}

.ktt-mobile-drawer{
width:280px;
right:-310px;
padding:14px 12px 24px;
}

.ktt-drawer-logo-wrap img{
width:38px;
height:38px;
}

.ktt-drawer-logo-text strong{
font-size:13px;
}

.ktt-mobile-close{
width:32px;
height:32px;
font-size:15px;
}

.ktt-float-call,
.ktt-float-whatsapp{
width:44px;
height:44px;
font-size:16px;
}

}

/* ==========================================================
ANIMATIONS - ADDITIONAL
========================================================== */

.ktt-brand-area{
animation:kttFadeInDown 0.8s ease-out both;
}

.ktt-navigation{
animation:kttFadeInDown 0.8s ease-out 0.15s both;
}

.ktt-header-actions{
animation:kttFadeInDown 0.8s ease-out 0.3s both;
}

@keyframes kttFadeInDown{
from{
opacity:0;
transform:translateY(-20px);
}
to{
opacity:1;
transform:translateY(0);
}
}

.ktt-menu > li{
animation:kttMenuItemFade 0.6s ease-out both;
}

.ktt-menu > li:nth-child(1){animation-delay:0.05s;}
.ktt-menu > li:nth-child(2){animation-delay:0.1s;}
.ktt-menu > li:nth-child(3){animation-delay:0.15s;}
.ktt-menu > li:nth-child(4){animation-delay:0.2s;}
.ktt-menu > li:nth-child(5){animation-delay:0.25s;}
.ktt-menu > li:nth-child(6){animation-delay:0.3s;}
.ktt-menu > li:nth-child(7){animation-delay:0.35s;}
.ktt-menu > li:nth-child(8){animation-delay:0.4s;}

@keyframes kttMenuItemFade{
from{
opacity:0;
transform:translateY(-15px);
}
to{
opacity:1;
transform:translateY(0);
}
}

.ktt-trust-track span{
animation:kttTrustItemFade 0.5s ease-out both;
}

.ktt-trust-track span:nth-child(1){animation-delay:0.1s;}
.ktt-trust-track span:nth-child(2){animation-delay:0.15s;}
.ktt-trust-track span:nth-child(3){animation-delay:0.2s;}
.ktt-trust-track span:nth-child(4){animation-delay:0.25s;}
.ktt-trust-track span:nth-child(5){animation-delay:0.3s;}
.ktt-trust-track span:nth-child(6){animation-delay:0.35s;}
.ktt-trust-track span:nth-child(7){animation-delay:0.4s;}
.ktt-trust-track span:nth-child(8){animation-delay:0.45s;}
.ktt-trust-track span:nth-child(9){animation-delay:0.5s;}
.ktt-trust-track span:nth-child(10){animation-delay:0.55s;}
.ktt-trust-track span:nth-child(11){animation-delay:0.6s;}
.ktt-trust-track span:nth-child(12){animation-delay:0.65s;}

@keyframes kttTrustItemFade{
from{
opacity:0;
transform:translateY(-10px);
}
to{
opacity:1;
transform:translateY(0);
}
}