/* ==========================================================
KING'S TOUR & TRAVELS
PREMIUM FOOTER V2
FILE: assets/css/footer.css
========================================================== */

.ktt-footer{
position:relative;
background:linear-gradient(180deg,#071423 0%,#04101d 100%);
overflow:hidden;
color:#fff;
margin-top:80px;
}

.ktt-footer-bg{
position:absolute;
inset:0;
background:
radial-gradient(circle at top left,rgba(255,185,0,.18),transparent 35%),
radial-gradient(circle at bottom right,rgba(0,140,255,.18),transparent 35%);
pointer-events:none;
}

.ktt-footer-container{
width:100%;
max-width:1700px;
padding-left:40px;
padding-right:40px;
margin:auto;
position:relative;
z-index:2;
}

/* ==========================================================
TOP SECTION
========================================================== */

.ktt-footer > .ktt-footer-container{
display:grid;
grid-template-columns:1.5fr 1fr 1fr 1.2fr;
gap:40px;
padding:80px 0;
}

.ktt-footer-col h4{
font-size:22px;
font-weight:700;
margin:0 0 24px;
color:#ffd15c;
text-align:left;
}

.ktt-footer-col h4:after{
content:'';
display:block;
width:60px;
height:3px;
margin-top:10px;
border-radius:50px;
background:linear-gradient(90deg,#ffd15c,#ffb400);
}

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

.ktt-footer-brand{
display:flex;
align-items:center;
gap:18px;
margin-bottom:22px;
}

.ktt-footer-brand img{
width:95px;
height:95px;
border-radius:50%;
object-fit:contain;
background:#fff;
padding:6px;
border:3px solid rgba(255,209,92,.35);
}

.ktt-footer-brand-content h3{
margin:0;
font-size:30px;
font-weight:800;
line-height:1.1;
color:#fff;
}

.ktt-footer-brand-content p{
margin:8px 0 0;
color:#cfd7df;
font-size:14px;
line-height:1.6;
}

.ktt-footer-about{
color:#d7dde4;
line-height:1.9;
font-size:15px;
margin-bottom:25px;
}

/* ==========================================================
SOCIAL
========================================================== */

.ktt-footer-social{
display:flex;
gap:12px;
align-items:center;
}

.ktt-footer-social a{
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.08);
text-decoration:none;
color:#fff;
font-size:18px;
transition:.35s;
}

.ktt-footer-social a:hover{
background:#ffd15c;
color:#111;
transform:translateY(-4px);
}

/* ==========================================================
LINKS
========================================================== */

.ktt-footer-col ul{
margin:0;
padding:0;
list-style:none;
}

.ktt-footer-col ul li{
margin-bottom:12px;
}

.ktt-footer-col ul li a{
text-decoration:none;
color:#d7dde4;
transition:.3s;
}

.ktt-footer-col ul li a:hover{
color:#ffd15c;
padding-left:5px;
}

/* ==========================================================
CONTACT
========================================================== */

.ktt-contact-list li{
display:flex;
align-items:flex-start;
gap:12px;
line-height:1.7;
margin-bottom:14px;
}

.ktt-contact-list i{
color:#ffd15c;
margin-top:5px;
}

.ktt-contact-list a{
color:#d7dde4;
text-decoration:none;
}

.ktt-footer-buttons{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:25px;
}

.ktt-footer-call,
.ktt-footer-whatsapp{
padding:13px 22px;
border-radius:60px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
text-decoration:none;
font-weight:700;
transition:.3s;
}

.ktt-footer-call{
background:linear-gradient(135deg,#ffd15c,#ffb400);
color:#111;
}

.ktt-footer-whatsapp{
background:#25D366;
color:#fff;
}

.ktt-footer-call:hover,
.ktt-footer-whatsapp:hover{
transform:translateY(-3px);
}

/* ==========================================================
DESTINATIONS
========================================================== */

.ktt-footer-destinations{
padding:45px 0;
border-top:1px solid rgba(255,255,255,.08);
border-bottom:1px solid rgba(255,255,255,.08);
position:relative;
z-index:2;
}

.ktt-footer-destinations h4{
text-align:center;
font-size:28px;
font-weight:800;
color:#ffd15c;
margin:0 0 28px;
}

.ktt-destination-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:12px;
}

.ktt-destination-grid span{
background:rgba(255,255,255,.06);
padding:14px 12px;
text-align:center;
border-radius:14px;
font-weight:600;
transition:.3s;
}

.ktt-destination-grid span:hover{
background:#ffd15c;
color:#111;
transform:translateY(-3px);
}

/* ==========================================================
BOTTOM BAR
========================================================== */

.ktt-footer-bottom{
padding:22px 0;
position:relative;
z-index:2;
}

.ktt-footer-bottom .ktt-footer-container{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
}

.ktt-copyright{
font-size:14px;
color:#d7dde4;
line-height:1.8;
}

.ktt-powered{
margin-left:8px;
font-weight:700;
}

.ktt-powered a{
color:#ffd15c;
font-weight:800;
text-decoration:none;
}

.ktt-powered a:hover{
color:#fff;
}

.ktt-footer-links{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.ktt-footer-links a{
color:#d7dde4;
text-decoration:none;
font-size:14px;
}

.ktt-footer-links a:hover{
color:#ffd15c;
}

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

@media(max-width:1100px){

.ktt-footer > .ktt-footer-container{
grid-template-columns:1fr 1fr;
}

.ktt-destination-grid{
grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:768px){

.ktt-footer{
margin-top:50px;
}

.ktt-footer-container{
padding-left:18px;
padding-right:18px;
}

/* BRAND FULL WIDTH */

.ktt-footer-col:first-child{
grid-column:1/-1;
text-align:center;
}

.ktt-footer-brand{
justify-content:center;
align-items:center;
text-align:center;
}

.ktt-footer-brand-content{
text-align:center;
}

.ktt-footer-about{
text-align:center;
}

.ktt-footer-social{
justify-content:center;
flex-wrap:nowrap;
}

/* QUICK LINKS + ROUTES */

.ktt-footer > .ktt-footer-container{
grid-template-columns:1fr 1fr;
gap:25px;
padding:50px 0;
}

.ktt-footer-col:nth-child(2),
.ktt-footer-col:nth-child(3){
text-align:center;
}

.ktt-footer-col:nth-child(2) h4,
.ktt-footer-col:nth-child(3) h4{
text-align:center;
}

.ktt-footer-col:nth-child(2) h4:after,
.ktt-footer-col:nth-child(3) h4:after{
margin-left:auto;
margin-right:auto;
}

/* CONTACT */

.ktt-footer-col:nth-child(4){
grid-column:1/-1;
text-align:center;
}

.ktt-footer-col:nth-child(4) h4{
text-align:center;
}

.ktt-footer-col:nth-child(4) h4:after{
margin-left:auto;
margin-right:auto;
}

.ktt-contact-list li{
justify-content:center;
}

.ktt-footer-buttons{
flex-direction:column;
}

.ktt-footer-call,
.ktt-footer-whatsapp{
width:100%;
}

/* DESTINATIONS */

.ktt-destination-grid{
grid-template-columns:1fr 1fr;
}

/* COPYRIGHT */

.ktt-footer-bottom .ktt-footer-container{
flex-direction:column;
text-align:center;
}

.ktt-footer-links{
justify-content:center;
}

}

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

@media(max-width:480px){

.ktt-footer-brand{
flex-direction:column;
}

.ktt-footer-brand img{
width:75px;
height:75px;
}

.ktt-footer-brand-content h3{
font-size:22px;
}

.ktt-footer-brand-content p{
font-size:13px;
}

.ktt-footer-col h4{
font-size:18px;
}

.ktt-footer-col ul li a{
font-size:13px;
}

.ktt-destination-grid{
grid-template-columns:1fr 1fr;
gap:10px;
}

.ktt-destination-grid span{
font-size:13px;
padding:12px 8px;
}

}