/*
Theme Name: Kutch Astra Child
Theme URI: https://www.kutchtoursandtravels.com/
Description: Astra child theme for Kutch Tours and Travels blog - custom header & footer matching the main website. Update-safe.
Author: OptiNest Solutions
Template: astra
Version: 1.0
Text Domain: kutch-astra-child
*/

/* ============ BRAND VARIABLES ============ */
:root{
  --ktt-red:#f0333c;
  --ktt-gold:#eea726;
  --ktt-navy:#14213d;
  --ktt-cream:#faf9f6;
}

/* ---------- TOP BAR (call + email) ---------- */
.ktt-topbar{ background:#fff; border-bottom:1px solid #eee; font-size:14px; }
.ktt-topbar__inner{ max-width:1200px; margin:0 auto; padding:10px 20px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.ktt-logo img{ max-height:56px; width:auto; }
.ktt-contact{ display:flex; gap:26px; flex-wrap:wrap; }
.ktt-contact__item{ display:flex; align-items:center; gap:10px; }
.ktt-contact__item i{ color:var(--ktt-red); font-size:22px; }
.ktt-contact__item strong{ display:block; color:var(--ktt-navy); font-size:13px; }
.ktt-contact__item a{ color:#555; text-decoration:none; font-size:13px; }
.ktt-contact__item a:hover{ color:var(--ktt-red); }

/* ---------- NAV BAR ---------- */
.ktt-nav{ background:var(--ktt-navy); }
.ktt-nav__inner{ max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; flex-wrap:wrap; }
/* nav brand text (left of menu) */
.ktt-nav__brand{ color:#fff; font-weight:800; font-size:18px; text-decoration:none; padding:14px 18px; white-space:nowrap; }
.ktt-nav__brand:hover{ color:var(--ktt-gold); }

.ktt-nav ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; }
.ktt-nav li{ margin:0; }
.ktt-nav a{ display:block; padding:14px 18px; color:#fff; text-decoration:none; font-weight:600; font-size:15px; transition:.2s; }
.ktt-nav a:hover{ background:var(--ktt-red); color:#fff; }
.ktt-nav__toggle{ display:none; background:none; border:0; color:#fff; font-size:24px; padding:12px 20px; cursor:pointer; margin-left:auto; }

@media(max-width:900px){
  .ktt-nav__toggle{ display:block; }
  .ktt-nav ul{ display:none; width:100%; flex-direction:column; }
  .ktt-nav.is-open ul{ display:flex; }
  .ktt-nav a{ padding:12px 20px; border-top:1px solid rgba(255,255,255,.08); }
}

/* ---------- FOOTER ---------- */
.ktt-foot{ background:var(--ktt-navy); color:#fff; padding:44px 0 0; margin-top:40px; }
.ktt-foot__inner{ max-width:1200px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:1.3fr 1fr 1.4fr; gap:36px; }
@media(max-width:800px){ .ktt-foot__inner{ grid-template-columns:1fr; gap:26px; } }
.ktt-foot h4{ color:var(--ktt-gold); font-size:18px; margin:0 0 16px; }
.ktt-foot img{ max-height:60px; margin-bottom:14px; }
.ktt-foot p, .ktt-foot li, .ktt-foot a{ color:rgba(255,255,255,.82); font-size:14px; line-height:1.9; text-decoration:none; }
.ktt-foot ul{ list-style:none; padding:0; margin:0; }
.ktt-foot a:hover{ color:var(--ktt-gold); }
.ktt-foot__social{ margin-top:12px; display:flex; gap:12px; }
.ktt-foot__social a{ width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; color:#fff; }
.ktt-foot__social a:hover{ background:var(--ktt-red); }
.ktt-foot__bar{ background:rgba(0,0,0,.25); margin-top:36px; padding:16px 0; text-align:center; font-size:13px; color:rgba(255,255,255,.7); }
.ktt-contact__item--foot i{ color:var(--ktt-gold); }