/*
Theme Name: Voyagera
Theme URI: https://example.com/voyagera
Author: Voyagera
Author URI: https://example.com
Description: A hand-crafted, one-page travel & visa-booking theme for Voyagera — hero search, destination and offer grids, a 24-destination visa guarantee section, testimonials, and newsletter signup. Converted from a static HTML/CSS design into a full WordPress theme.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: voyagera
*/

/* ==========================================================================
   Base
   ========================================================================== */


  html { -webkit-text-size-adjust:100%; }
  html, body { max-width:100%; overflow-x:hidden; }
  body { margin:0; background:#e8e5df; font-family:'Manrope',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
  a { color:#c8a15a; text-decoration:none; }
  a:hover { color:#a8823d; }


*{box-sizing:border-box}
img{max-width:100%}
.imgph{position:relative;background:#d9d5cd;overflow:hidden}
.imgph>img{width:100%;height:100%;object-fit:cover;display:block}
a{transition:color .15s ease,background .15s ease}
.hv1:hover{color:#e0b463 !important}
.hv2:hover{color:#e0b463 !important}
.hv3:hover{color:#e0b463 !important}
.hv4:hover{color:#e0b463 !important}
.hv5:hover{color:#e0b463 !important}
.hv6:hover{color:#e0b463 !important}
.hv7:hover{background:rgba(255,255,255,.12) !important;color:#fff !important}
.hv8:hover{background:#2b3a4a !important}
.hv9:hover{background:#131a22 !important;color:#fff !important}
.hv10:hover{background:rgba(255,255,255,.14) !important;color:#fff !important}
.hv11:hover{background:#131a22 !important;color:#fff !important}
.hv12:hover{background:rgba(255,255,255,.12) !important;color:#fff !important}
.hv13:hover{background:#2b3a4a !important}
.hv14:hover{color:#fff !important}
.hv15:hover{color:#fff !important}
.hv16:hover{color:#fff !important}
.hv17:hover{color:#fff !important}
.hv18:hover{color:#fff !important}
.hv19:hover{color:#fff !important}
.hv20:hover{color:#fff !important}
.hv21:hover{color:#fff !important}
.hv22:hover{color:#fff !important}
.hv23:hover{color:#fff !important}
.hv24:hover{color:#fff !important}
.hv25:hover{color:#fff !important}
.hv26:hover{color:#fff !important}
.hv27:hover{color:#fff !important}
.hv28:hover{color:#fff !important}

/* ===== Hero badge animation ===== */
.hero-badge{position:relative;animation:badgeGlow 2.6s ease-in-out infinite}
@keyframes badgeGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(224,180,99,.4)}
  50%{box-shadow:0 0 0 9px rgba(224,180,99,0)}
}
.badge-dot{width:7px;height:7px;border-radius:50%;background:#6bdc8c;flex:none;animation:dotPulse 1.7s ease-in-out infinite}
@keyframes dotPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(107,220,140,.65);opacity:1}
  50%{box-shadow:0 0 0 6px rgba(107,220,140,0);opacity:.8}
}
@media (prefers-reduced-motion: reduce){
  .hero-badge{animation:none}
  .badge-dot{animation:none}
}

/* ===== Responsive layer ===== */
.mobile-menu-btn{display:none}

@media (max-width: 1150px){
  .site-header{padding:20px 28px !important}
  .logo-wrap{width:auto !important}
  .header-actions{width:auto !important}
  .main-nav{display:none !important;width:100%;order:10}
  .main-nav.nav-open{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:6px !important;background:#131a22;position:absolute;top:100%;left:0;right:0;padding:16px 28px 22px;border-radius:0 0 16px 16px;box-shadow:0 16px 30px rgba(0,0,0,.25);z-index:5}
  .main-nav.nav-open a{padding:8px 0;width:100%}
  .mobile-menu-btn{display:flex !important}

  .cat-grid{grid-template-columns:repeat(4,1fr) !important;padding:0 28px !important}

  .section-row{padding:56px 28px 0 !important;flex-direction:column !important}
  .section-sidebar{width:100% !important;max-width:none !important;padding-top:0 !important;margin-bottom:26px !important}
  .cards-grid-4{grid-template-columns:repeat(2,1fr) !important}

  .exp-band{margin:48px 28px 0 !important;height:auto !important;min-height:0 !important}
  .exp-inner{position:relative !important;inset:auto !important;padding:32px 28px !important;gap:28px}
  .exp-bottom{flex-direction:column !important;align-items:flex-start !important;gap:24px !important}
  .exp-features{gap:24px !important;justify-content:flex-start !important}

  .testimonial-section{margin:48px 28px 0 !important;padding:32px 28px !important;flex-direction:column !important}
  .testimonial-sidebar{width:100% !important;max-width:none !important;margin-bottom:24px !important}
  .cards-grid-3{grid-template-columns:repeat(2,1fr) !important}

  .visa-section{padding:56px 28px 0 !important}
  .visa-grid{grid-template-columns:repeat(3,1fr) !important;gap:18px !important}

  .newsletter-band{margin:24px 28px 0 !important;height:auto !important;min-height:0 !important}
  .newsletter-inner{position:relative !important;inset:auto !important;padding:32px 28px !important;flex-direction:column !important;align-items:flex-start !important;gap:22px !important}
  .newsletter-form{width:100% !important;max-width:480px}

  .site-footer{margin:24px 28px 40px !important;padding:36px 28px 0 !important}
  .footer-grid{grid-template-columns:repeat(2,1fr) !important;gap:28px !important}
}

@media (max-width: 720px){
  .hero-title{font-size:44px !important}
  .hero-sub{padding:0 20px !important}

  .search-bar{flex-wrap:wrap !important;border-radius:22px !important;padding:16px !important;margin-top:28px !important}
  .search-field{width:100% !important;border-left:none !important;border-top:1px solid #ece8e0;padding:10px 0 !important}
  .search-field:first-child{border-top:none;padding-top:0 !important}
  .search-btn{width:100% !important;border-radius:14px !important;margin-top:6px !important}

  .cat-grid{grid-template-columns:repeat(3,1fr) !important;gap:14px !important;margin-top:36px !important}
  .cards-grid-4{grid-template-columns:1fr !important}
  .cards-grid-3{grid-template-columns:1fr !important}
  .exp-features{gap:28px !important;width:100%}
  .exp-feature-item{width:auto !important}

  .visa-grid{grid-template-columns:repeat(2,1fr) !important;gap:14px !important;margin-top:32px !important}
  .visa-card img{height:100%}

  .footer-grid{grid-template-columns:1fr !important;gap:26px !important}
  .footer-bottom{flex-direction:column !important;gap:12px !important;align-items:flex-start !important;text-align:left !important}
}

@media (max-width: 480px){
  .hero-title{font-size:32px !important;letter-spacing:-.5px !important}
  .site-header{padding:16px 18px !important}
  .cat-grid{grid-template-columns:repeat(2,1fr) !important;padding:0 18px !important}
  .section-row{padding:40px 18px 0 !important}
  .visa-section{padding:40px 18px 0 !important}
  .visa-grid{gap:12px !important}
  .exp-band,.testimonial-section,.newsletter-band{margin-left:18px !important;margin-right:18px !important}
  .exp-inner,.testimonial-section,.newsletter-inner{padding:26px 20px !important}
  .site-footer{margin-left:18px !important;margin-right:18px !important;padding:28px 18px 0 !important}
}