/* ============ SITE POLISH — header alignment + compact reviews + pro details ============ */

/* ---------- GLOBAL TYPOGRAPHY — one font system site-wide ---------- */
/* Headings: Space Grotesk (same as brand wordmark) · Body: DM Sans */
body{font-family:'DM Sans',system-ui,sans-serif}
p,li,td,th,input,textarea,select{font-family:inherit}
h1,h2,h3,h4,h5,h6,.dl-heading,.dl-sub-heading,.entry-title,.card-title,.widget-title,.post-title,.wp-block-heading,.faq-question{font-family:'Space Grotesk','DM Sans',sans-serif;letter-spacing:.01em}
.header-btn,.dl-btn,.pj-btn{font-family:'Space Grotesk','DM Sans',sans-serif}

/* ---------- HEADER REDESIGN — modern taxi-booking site ---------- */
/* Top row: slim white — compact logo + contact chips */
.mid-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:10px 0}
.mid-header-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.site-logo{flex:0 0 auto;display:flex;align-items:center;gap:16px}
.site-logo img{height:112px !important;width:112px !important;max-height:none !important;max-width:none !important;object-fit:cover;border-radius:16px !important}
.site-logo a{display:flex;align-items:center;gap:16px;text-decoration:none}
.site-logo::after{content:"Ujjain Tour & Travel";font-family:'Space Grotesk','DM Sans',sans-serif;font-size:1.6rem;font-weight:400;color:#1a1a1a;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#1a1a1a 60%,#ff9900);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.header-items{display:flex;align-items:center;gap:28px;flex-wrap:nowrap}
.header-item{display:flex;align-items:center;gap:10px;white-space:nowrap}
.header-item i{font-size:24px !important;color:#ff9900;background:#fff5e6;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.header-item-text{display:flex;flex-direction:column;line-height:1.3}
.header-item-sh{font-size:12px;color:#9a9a9a;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.header-item-h{font-size:15px;font-weight:700;color:#1a1a1a;text-decoration:none;max-width:240px;overflow:hidden;text-overflow:ellipsis}
.header-item-h:hover{color:#ff9900}

/* Nav row: theme-yellow bar, full-width, sticky */
.navigation-wrapper{background:linear-gradient(180deg,#ffa41c,#ff9900) !important;position:sticky;top:0;z-index:1040;box-shadow:0 2px 14px rgba(255,153,0,.35)}
.navigation-wrapper .container{max-width:1320px}
.navigation-inner,.navigation-inner *:not(a):not(button):not(.header-btn):not(.sub-menu):not(.sub-menu *){background-color:transparent !important}
.navigation-inner{display:flex;align-items:center;justify-content:space-between;background:transparent !important;padding:0;box-shadow:none !important}
.navigation-menu,.navigation-menu .main-menu{background:transparent !important;box-shadow:none !important}
.sub-menu{background:#fff !important}
.sub-menu li a{color:#222 !important}
.sub-menu li a:hover{color:#ff9900 !important}
.navigation-menu{flex:1}
.navigation-menu .main-menu{display:flex;align-items:stretch;flex-wrap:nowrap;margin:0;padding:0;gap:2px;background:transparent}
.navigation-menu .main-menu>li{display:flex;align-items:center;list-style:none;position:relative;width:auto !important;margin:0 !important;float:none !important;flex:0 0 auto}
.navigation-menu .main-menu>li>a{display:flex;align-items:center;white-space:nowrap;padding:17px 16px;font-size:14.5px;font-weight:500;line-height:1.2;color:#141414 !important;position:relative;letter-spacing:.01em;transition:color .2s;width:auto !important;min-width:0 !important;max-width:none !important}
.navigation-menu .main-menu>li>a::after{content:"";position:absolute;left:16px;right:16px;bottom:10px;height:2px;background:#141414;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.navigation-menu .main-menu>li>a:hover{color:#000 !important}
.navigation-menu .main-menu>li>a:hover::after,.navigation-menu .main-menu>li.current-menu-item>a::after{transform:scaleX(1)}
.navigation-menu .main-menu>li.current-menu-item>a{color:#000 !important;font-weight:700}
/* dropdown panels */
.sub-menu{z-index:1050;border-radius:0 0 10px 10px;box-shadow:0 14px 30px rgba(0,0,0,.16)}
.sub-menu li a{font-size:14px;padding:10px 18px}
/* right cluster: search + CTA inline, no overlap */
.main-header-right{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.main-header-right .header-search-action{background:transparent;border:1.5px solid rgba(0,0,0,.3);color:#141414;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.main-header-right .header-search-action:hover{border-color:#000;color:#000}
.main-header-right .header-btn{background:#141414 !important;color:#fff !important;font-weight:600 !important;border-radius:999px !important;padding:0 26px !important;height:42px;width:auto !important;font-size:14px;letter-spacing:.02em;box-shadow:0 3px 12px rgba(0,0,0,.25);transition:all .2s;white-space:nowrap;display:inline-flex !important;align-items:center;justify-content:center;text-align:center;line-height:1 !important}
.main-header-right .header-btn:hover{background:#2b2b2b !important;transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.35)}

/* ---------- COMPACT REVIEW CARDS ---------- */
.el-testimonial-wrapper .slick-track-test{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.el-testimonial-wrapper .test-slick{width:100% !important}
.el-testimonial-item{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px 22px !important;box-shadow:0 2px 8px rgba(0,0,0,.05);height:100%;display:flex;flex-direction:column;transition:box-shadow .25s ease}
.el-testimonial-item:hover{box-shadow:0 8px 22px rgba(0,0,0,.10)}
.el-testimonial-item p{font-size:.92rem;line-height:1.6;color:#444;margin:0 0 14px;flex:1}
.el-testimonial-item .quote-icon{transform:scale(.8);transform-origin:top right}
.el-testimonial-item .testi-info{display:flex;align-items:center;gap:10px;margin-top:auto}
.el-testimonial-item .testi-info img{width:42px !important;height:42px !important;border-radius:50%;object-fit:cover}
.el-testimonial-item .testi-info h5{font-size:.95rem;margin:0;font-weight:700}
.el-testimonial-item .testi-info h5::after{content:" · Verified";font-size:.72rem;color:#25a244;font-weight:600}

/* ---------- BUTTON + CARD CONSISTENCY SITE-WIDE ---------- */
.dl-btn,.header-btn{border-radius:8px !important}
.card{border-radius:12px}

/* ---------- STICKY MOBILE ACTION BAR ---------- */
.utt-mobile-bar{display:none}
@media(max-width:991px){
  .site-logo img{max-height:76px}
  .site-logo::after{font-size:1.15rem}
  .header-items{display:none} /* contact chips hidden on tablet/mobile — sticky bar covers it */
}
@media(max-width:767px){
  /* header stacks cleanly */
  .mid-header{padding:8px 0}
  .mid-header-wrap{justify-content:space-between;gap:10px;flex-wrap:nowrap}
  .site-logo img{max-height:60px}
  .site-logo::after{font-size:1rem;letter-spacing:.04em}
  /* reviews single column */
  .el-testimonial-wrapper .slick-track-test{grid-template-columns:1fr}
  .el-testimonial-item{padding:16px 18px !important}
  /* sticky bottom bar: Call | WhatsApp */
  .utt-mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9998;box-shadow:0 -2px 12px rgba(0,0,0,.18)}
  .utt-mobile-bar a{flex:1;text-align:center;padding:13px 0;font-weight:700;font-size:15px;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}
  .utt-mobile-bar .bar-call{background:#1a1a1a}
  .utt-mobile-bar .bar-wa{background:#25d366}
  body{padding-bottom:52px}
  /* move floating WA above the bar */
  a[aria-label="Chat on WhatsApp"]{bottom:70px !important;right:12px !important;padding:12px 14px !important;font-size:0 !important;gap:0 !important}
  a[aria-label="Chat on WhatsApp"] svg{width:26px;height:26px}
}

/* ---------- TYPO / SECTION RHYTHM ---------- */
.dl-section-heading .dl-desc{max-width:640px}
.dl-align-center .dl-desc{margin-left:auto;margin-right:auto}
section{scroll-margin-top:90px}

/* ---------- CONTENT PAGES — professional editorial rhythm ---------- */
.content-area{max-width:820px;margin:0 auto}
.content-area p{margin:0 0 16px !important;padding:0 !important;font-size:1rem;line-height:1.75;color:#333}
.content-area h2,.content-area h3{margin:34px 0 12px !important;padding:0 !important;line-height:1.3}
.content-area ul,.content-area ol{margin:0 0 18px !important;padding-left:22px}
.content-area li{margin:0 0 10px !important;padding:0 !important;font-size:1rem !important;line-height:1.65}
.content-area li strong{color:#111}
.content-area img{border-radius:10px;margin:8px 0 20px}
.post-banner{min-height:280px !important;max-height:340px;display:flex;align-items:center;background-size:cover !important;background-position:center 30% !important;background-repeat:no-repeat !important}
.post-banner .entry-title{font-size:2rem;line-height:1.25}
.post-thumb .post-single-img{width:100%;height:auto;max-height:480px;object-fit:cover;object-position:center;border-radius:10px}

/* ---------- FOOTER — compact professional ---------- */
.footer-top-area{padding:22px 0 !important}
.footer-top-wrap{display:flex;align-items:center;gap:24px}
.footer-site-logo img{max-height:74px !important;width:auto;border-radius:12px}
.footer-top-text{font-size:15px !important;line-height:1.55 !important;max-width:560px}
.footer-top-text.fs-2{font-size:15px !important}
.footer-top-right{display:flex;align-items:center;justify-content:flex-end;position:relative}
.footer-top-right .call-wrap{padding:14px 22px !important;display:flex;align-items:center;gap:14px;position:relative;z-index:2}
.call-wrap i{font-size:30px;color:#141414}
.call-wrap .text h4{font-size:15px !important;margin:0;color:#141414}
.call-wrap .text a{font-size:21px !important;font-weight:800;color:#141414 !important;text-decoration:none}
.footer-widgets-area{padding:30px 0 6px !important}
.footer-widget-item .widget-title{font-size:1.02rem;margin-bottom:12px !important}
.footer-widget-item ul li{margin-bottom:7px !important}
.footer-widget-item ul li a{font-size:14px !important;line-height:1.4}
.contact-info-list li{margin-bottom:8px !important;font-size:14px !important}
.shape-pattern{transform:scale(.72);transform-origin:bottom;opacity:.5;max-height:220px;overflow:hidden}
.footer-copyright,.copyright-area{padding:12px 0 !important;font-size:13.5px}
@media(max-width:767px){
  .footer-top-wrap{flex-direction:column;text-align:center;gap:14px}
  .footer-site-logo img{max-height:58px !important}
  .shape-pattern{display:none}
  .footer-widgets-area{padding:22px 0 4px !important}
  .post-banner{min-height:200px !important}
  .post-banner .entry-title{font-size:1.5rem}
}