/* AFATravel.com shared stylesheet - place at /imagemap/styles.css */
:root{--afa-navy:#0b3158;--afa-blue:#106b91;--afa-teal:#11889b;--afa-gold:#d9a941;--afa-red:#b3232d;--afa-cream:#fff8e8;--afa-soft:#eef6f8;--afa-ink:#1f2d3a;--afa-muted:#5f6f7c;--afa-white:#fff;--shadow:0 12px 35px rgba(9,35,64,.16);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--afa-ink);background:#fff;line-height:1.55}.afa-container{width:min(1180px,94%);margin:auto}.afa-top-alert{background:linear-gradient(90deg,var(--afa-red),#d14b32);color:#fff;text-align:center;padding:10px 16px;font-weight:700}.afa-top-alert a{color:#fff;text-decoration:underline}.afa-header{background:#fff;border-bottom:1px solid #dbe7ed;box-shadow:0 2px 12px rgba(8,31,52,.08)}.afa-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.afa-logo img{max-width:285px;height:auto;display:block}.afa-header-tagline{font-size:20px;color:var(--afa-navy);font-weight:700}.afa-phone img{max-width:260px;height:auto}.afa-nav{background:linear-gradient(90deg,var(--afa-navy),var(--afa-blue));position:sticky;top:0;z-index:20}.afa-nav ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center}.afa-nav a{display:block;color:#fff;text-decoration:none;font-weight:700;padding:13px 15px}.afa-nav a:hover,.afa-nav a:focus{background:rgba(255,255,255,.14)}.afa-btn{display:inline-block;padding:13px 21px;border-radius:999px;text-decoration:none;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:.2s}.afa-btn:hover{transform:translateY(-1px)}.afa-btn-primary{background:var(--afa-gold);color:#172b41}.afa-btn-secondary{background:#fff;color:var(--afa-navy)}.afa-btn-outline{border:2px solid #fff;color:#fff}.afa-hero{background:linear-gradient(115deg,rgba(9,35,64,.94),rgba(16,107,145,.82)),url('/travel-img/afatravel-hero.jpg') center/cover;min-height:620px;color:#fff;display:flex;align-items:center;position:relative}.afa-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:34px;align-items:center;padding:60px 0}.afa-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#ffe09a;font-weight:800;font-size:14px}.afa-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.02;margin:12px 0 18px}.afa-hero p{font-size:clamp(18px,2vw,24px);max-width:760px}.afa-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.afa-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.afa-proof div{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:16px}.afa-proof strong{display:block;font-size:26px;color:#ffe09a}.afa-lead-card{background:rgba(255,255,255,.96);color:var(--afa-ink);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.afa-lead-card h2{margin-top:0;color:var(--afa-navy)}.afa-mini-form label{display:block;font-weight:700;margin:10px 0 4px}.afa-mini-form input,.afa-mini-form select{width:100%;padding:12px;border:1px solid #cbdce4;border-radius:10px;font-size:16px}.afa-mini-form .afa-btn{border:0;width:100%;margin-top:16px;cursor:pointer}.afa-section{padding:66px 0}.afa-section.alt{background:var(--afa-soft)}.afa-section.dark{background:linear-gradient(135deg,var(--afa-navy),#0d536b);color:#fff}.afa-section h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12;color:var(--afa-navy);margin:0 0 16px}.afa-section.dark h2{color:#fff}.afa-intro{font-size:19px;color:var(--afa-muted);max-width:900px}.afa-section.dark .afa-intro{color:#d9eef5}.afa-grid{display:grid;gap:22px}.afa-grid-3{grid-template-columns:repeat(3,1fr)}.afa-grid-2{grid-template-columns:repeat(2,1fr)}.afa-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid #dbe7ed}.afa-card-content{padding:24px}.afa-card img{width:100%;display:block;height:220px;object-fit:cover}.afa-card h3{color:var(--afa-navy);font-size:24px;margin:0 0 10px}.afa-checks{padding:0;list-style:none}.afa-checks li{margin:10px 0;padding-left:28px;position:relative}.afa-checks li:before{content:'✓';position:absolute;left:0;top:0;color:var(--afa-teal);font-weight:900}.afa-steps{counter-reset:step}.afa-step{position:relative;padding:24px 24px 24px 80px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.afa-step:before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--afa-gold);color:var(--afa-navy);font-weight:900}.afa-band{background:linear-gradient(90deg,var(--afa-red),#d8682f);color:#fff;padding:34px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.afa-band h2{color:#fff;margin:0;font-size:32px}.afa-footer{background:#061f38;color:#c9d8e2;padding:44px 0 18px}.afa-footer a{color:#fff;text-decoration:none}.afa-footer a:hover{text-decoration:underline}.afa-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.afa-footer h3{color:#ffe09a;margin-top:0}.afa-footer ul{list-style:none;padding:0;margin:0}.afa-footer li{margin:8px 0}.afa-copy{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:18px;font-size:14px}.afa-page-hero{background:linear-gradient(115deg,rgba(9,35,64,.92),rgba(16,107,145,.82)),url('/travel-img/tour-calendar.jpg') center/cover;color:#fff;padding:80px 0}.afa-page-hero h1{font-size:clamp(36px,4vw,58px);margin:10px 0}.afa-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}.afa-table th{background:var(--afa-navy);color:#fff;text-align:left}.afa-table th,.afa-table td{padding:14px;border-bottom:1px solid #e3eef2}.afa-faq details{background:#fff;border:1px solid #dbe7ed;border-radius:14px;padding:18px;margin:14px 0;box-shadow:0 8px 18px rgba(9,35,64,.08)}.afa-faq summary{font-weight:800;color:var(--afa-navy);cursor:pointer}.afa-sidebar-layout{display:grid;grid-template-columns:1fr 320px;gap:28px}.afa-sidebox{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;border-top:5px solid var(--afa-gold)}@media(max-width:900px){.afa-header-inner{flex-direction:column;text-align:center}.afa-hero-grid,.afa-grid-3,.afa-grid-2,.afa-footer-grid,.afa-sidebar-layout{grid-template-columns:1fr}.afa-proof{grid-template-columns:1fr}.afa-band{display:block}.afa-nav ul{display:block;text-align:center}.afa-nav{position:relative}.afa-card img{height:190px}.afa-hero{min-height:auto}.afa-hero-grid{padding:42px 0}}@media(max-width:520px){.afa-cta-row .afa-btn{width:100%;text-align:center}.afa-section{padding:44px 0}.afa-hero h1{font-size:38px}.afa-table{font-size:14px}.afa-table th,.afa-table td{padding:10px}.afa-header-tagline{font-size:17px}}


/* =========================================================
   AFATravel.com Homepage Top Photo Row
   Desktop: one row. Mobile: show only first 3 photos.
   ========================================================= */

.homepage-banner-area2,
.homepage-img-rotator-area-new {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

.homepage-img-rotator-area-new .list-inline,
.homepage-img-rotator-area-new ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.homepage-img-rotator-area-new .list-inline > li,
.homepage-img-rotator-area-new ul > li {
  flex: 1 1 0;
  max-width: 10%;
  margin: 0;
  padding: 0;
  display: block;
}

.homepage-img-rotator-area-new a,
.homepage-img-rotator-area-new img {
  display: block;
}

.homepage-img-rotator-area-new img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  border: 0;
}

@media screen and (max-width: 991px) {
  .homepage-img-rotator-area-new img {
    height: 155px;
  }
}

@media screen and (max-width: 600px) {
  .homepage-banner-area2,
  .homepage-img-rotator-area-new {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
  }

  .homepage-img-rotator-area-new .list-inline,
  .homepage-img-rotator-area-new ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .homepage-img-rotator-area-new .list-inline > li,
  .homepage-img-rotator-area-new ul > li {
    display: none !important;
  }

  .homepage-img-rotator-area-new .list-inline > li:nth-child(-n+3),
  .homepage-img-rotator-area-new ul > li:nth-child(-n+3) {
    display: block !important;
    flex: 0 0 33.3333% !important;
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .homepage-img-rotator-area-new img {
    display: block !important;
    width: 100% !important;
    height: 135px !important;
    object-fit: cover !important;
  }
}

/* =========================================================
   AFATravel.com Mobile Dropdown Navigation
   Requires checkbox + label in the nav HTML.
   ========================================================= */

.afa-menu-check,
.afa-menu-button {
  display: none;
}

@media screen and (max-width: 900px) {
  .afa-nav {
    position: relative;
    z-index: 30;
  }

  .afa-menu-button {
    display: block;
    width: 100%;
    padding: 14px 18px;
    background: linear-gradient(90deg, var(--afa-navy), var(--afa-blue));
    color: #fff;
    font-weight: 800;
    text-align: center;
    cursor: pointer;
    border: 0;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .afa-menu-button::before {
    content: '\2630';
    display: inline-block;
    margin-right: 9px;
    font-size: 18px;
    line-height: 1;
  }

  .afa-nav ul {
    display: none !important;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #0b3158;
    text-align: center;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .18);
  }

  .afa-menu-check:checked ~ ul {
    display: block !important;
  }

  .afa-nav li {
    display: block;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .15);
  }

  .afa-nav a {
    display: block;
    width: 100%;
    padding: 14px 18px;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
  }

  .afa-nav a:hover,
  .afa-nav a:focus {
    background: rgba(255, 255, 255, .16);
  }
}

/* =========================================================
   AFATravel.com Mobile Dropdown Navigation - v2 override
   Fixes visible checkbox and forces mobile menu closed until tapped.
   Put this at the very bottom of /imagemap/styles.css.
   ========================================================= */

/* Hide the checkbox even if the class was left off the input */
#afa-menu-toggle,
.afa-menu-check {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Desktop: normal full menu, no menu button */
.afa-menu-button,
label[for="afa-menu-toggle"] {
  display: none !important;
}

@media screen and (min-width: 901px) {
  .afa-nav ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}

@media screen and (max-width: 900px) {
  .afa-nav {
    position: relative !important;
    z-index: 999 !important;
    background: linear-gradient(90deg, var(--afa-navy), var(--afa-blue)) !important;
  }

  .afa-menu-button,
  label[for="afa-menu-toggle"] {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 18px !important;
    background: linear-gradient(90deg, var(--afa-navy), var(--afa-blue)) !important;
    color: #fff !important;
    font-weight: 800 !important;
    text-align: center !important;
    cursor: pointer !important;
    border: 0 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }

  .afa-menu-button::before,
  label[for="afa-menu-toggle"]::before {
    content: '\2630' !important;
    display: inline-block !important;
    margin-right: 9px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .afa-nav ul {
    display: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #0b3158 !important;
    text-align: center !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .18) !important;
  }

  #afa-menu-toggle:checked ~ ul,
  .afa-menu-check:checked ~ ul {
    display: block !important;
  }

  .afa-nav li {
    display: block !important;
    width: 100% !important;
    border-top: 1px solid rgba(255,255,255,.15) !important;
  }

  .afa-nav a {
    display: block !important;
    width: 100% !important;
    padding: 14px 18px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }
}