
/* LETZPLAN GCC PACKAGE TEMPLATE
   Minor visual variation for GCC packages: midnight/navy surfaces,
   warm gold accents, destination badge, and visa-forward presentation. */

.gcc-package{
  --gcc-navy:#071b2b;
  --gcc-deep:#0b2639;
  --gcc-gold:#d9ad57;
  --gcc-sand:#f8f3e9;
  --gcc-line:#e9dfca;
}
.gcc-package .site-header{border-bottom-color:#eadfca}
.gcc-package .nav a:hover,.gcc-package .nav a.active{color:var(--gcc-gold);border-bottom-color:var(--gcc-gold)}
.gcc-package .package-hero{
  background:linear-gradient(135deg,var(--gcc-navy) 0%,#0c3045 55%,#123b4c 100%);
  color:#fff;
  padding:54px 0 46px;
  overflow:hidden;
}
.gcc-package .package-hero-grid{
  display:grid;grid-template-columns:1fr 1.04fr;gap:52px;align-items:center;
}
.gcc-package .package-hero-copy{max-width:590px}
.gcc-package .package-hero-copy .back-link{color:#d9e4e8}
.gcc-package .package-hero-copy .eyebrow{color:#e4c77f}
.gcc-package .package-hero-copy h1{
  font-family:Poppins,sans-serif;font-size:56px;line-height:1.03;letter-spacing:-2px;margin:9px 0 12px;
}
.gcc-package .package-hero-copy h1 em{color:#f0c76b;font-style:normal}
.gcc-package .package-subtitle{font-size:15px;color:#d6e2e6;font-weight:600;margin-bottom:15px}
.gcc-package .package-hero-copy>p:not(.package-subtitle){
  color:#dce8ea;max-width:520px;line-height:1.65;
}
.gcc-package .hero-pills span{
  border:1px solid rgba(232,204,133,.42);background:rgba(255,255,255,.06);color:#f4e4b7;
}
.gcc-package .btn-gcc{
  display:inline-flex;align-items:center;justify-content:center;
  background:#e2b95e;color:#172532;border-radius:8px;padding:13px 20px;
  font-weight:800;font-size:13px;
}
.gcc-package .package-hero-media{position:relative}
.gcc-package .gallery{
  border-radius:18px;overflow:hidden;background:#071923;
  border:1px solid rgba(255,255,255,.18);box-shadow:0 25px 60px rgba(0,0,0,.28);
}
.gcc-package .gallery-main{width:100%;height:410px;object-fit:cover}
.gcc-package .gallery-dots{bottom:94px}
.gcc-package .gallery-dot.active{background:#e5bd67}
.gcc-package .image-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:9px;background:#071923}
.gcc-package .image-strip img{
  width:100%;height:92px;object-fit:cover;border-radius:8px;cursor:pointer;
  outline:2px solid transparent;outline-offset:1px;
}
.gcc-package .image-strip img:hover,.gcc-package .image-strip img.active{outline-color:#e3bb64}
.gcc-package .gallery-arrows button{background:rgba(7,27,43,.78)}
.gcc-package .package-summary{
  background:var(--gcc-sand);border-bottom:1px solid var(--gcc-line);
}
.gcc-package .summary-grid>div{color:#4d514d;border-right-color:#e3d8c1}
.gcc-package .summary-grid span{color:#7d7565}
.gcc-package .summary-grid strong{color:#172b35}
.gcc-package .content-section .eyebrow{color:#a27a2c}
.gcc-package .content-section h2{color:#172b35}
.gcc-package .highlight-grid>div{
  background:#fffaf0;border-color:#eadfc9;
}
.gcc-package .highlight-grid>div>span{color:#a27a2c}
.gcc-package .highlight-grid small{color:#6d6a60}
.gcc-package .check-list li:before{color:#a27a2c}
.gcc-package .itinerary .day-card{border-color:#eadfc9}
.gcc-package .day-number{background:#f8edcf;color:#9b742b;border-color:#e1c47c}
.gcc-package .day-meta{color:#a27a2c}
.gcc-package .hotel-card{border-color:#eadfc9;background:#fffdf8}
.gcc-package .hotel-placeholder{background:#f5e9cb;color:#9d762f}
.gcc-package .terms-grid>div{border-color:#eadfc9}
.gcc-package .terms-grid h3{color:#6f5523}
.gcc-package .policy-box{background:#fff8e8;border-color:#e5cf9b}
.gcc-package .quote-sticky{
  background:linear-gradient(160deg,#071b2b,#0d3345);
  border:1px solid rgba(226,185,94,.2);
}
.gcc-package .quote-sticky .eyebrow{color:#e1bd6d}
.gcc-package .gcc-visa-badge{
  display:flex;gap:12px;align-items:center;padding:12px 13px;margin:14px 0;
  border:1px solid rgba(226,185,94,.25);border-radius:9px;background:rgba(226,185,94,.08);
}
.gcc-package .gcc-visa-badge strong{display:block;color:#fff;font-size:10px}
.gcc-package .gcc-visa-badge span{font-size:9px;color:#bdd0d5;line-height:1.45}
.gcc-package .gcc-icon{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:#e2b95e;color:#172532;font-weight:900;
}
.gcc-package .cta{background:#071b2b}
.gcc-package .cta h2{color:#fff}
.gcc-package .cta p{color:#bcd0d6}
.gcc-package .gcc-note{
  background:#f8f3e9;border-left:4px solid #d6ac59;padding:14px 16px;border-radius:7px;
  font-size:10px;line-height:1.55;color:#5f5a4f;
}
@media(max-width:900px){
  .gcc-package .package-hero-grid{grid-template-columns:1fr;gap:30px}
  .gcc-package .gallery-main{height:340px}
}
@media(max-width:560px){
  .gcc-package .package-hero{padding:34px 0}
  .gcc-package .package-hero-copy h1{font-size:43px}
  .gcc-package .gallery-main{height:250px}
  .gcc-package .image-strip img{height:68px}
}

/* Dubai hero title contrast */
.gcc-package .package-hero-copy h1 {
  color: #ffffff !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.35);
}
.gcc-package .package-hero-copy h1 em {
  color: #f0c76b !important;
}

.gcc-package .site-header{background:#071b2b;border-bottom-color:rgba(233,223,202,.22)}
.gcc-package .brand strong{color:#fff;text-shadow:none}
.gcc-package .brand small{color:#d6e2e6;text-shadow:none}
.gcc-package .nav a{color:#f4f0e7;text-shadow:none}
.gcc-package .nav a:hover,.gcc-package .nav a.active{color:var(--gcc-gold);border-bottom-color:var(--gcc-gold)}
.gcc-package .menu-toggle{color:#fff;text-shadow:none}

/* v28: GCC package button styling */
.gcc-package .package-hero-copy .back-link{
  color:#f4e4b7 !important;
  background:rgba(226,185,94,.10) !important;
  border:1px solid rgba(226,185,94,.55) !important;
  box-shadow:0 5px 16px rgba(0,0,0,.16) !important;
}
.gcc-package .package-hero-copy .back-link:hover{
  color:#fff !important;
  background:rgba(226,185,94,.18) !important;
  border-color:rgba(226,185,94,.85) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
}
.gcc-package .hero-pills span{
  background:rgba(217,173,87,.09) !important;
  border:1px solid rgba(217,173,87,.58) !important;
  color:#f4e4b7 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.gcc-package .hero-pills span:hover{
  background:rgba(217,173,87,.16) !important;
  border-color:rgba(217,173,87,.82) !important;
  color:#fff !important;
}

.gcc-package footer .footer-brand .brand strong{color:#24b59f!important;text-shadow:none}.gcc-package footer .footer-brand .brand small{color:#63b8c6!important;text-shadow:none}


/* v67 glass navigation override */
.gcc-package .site-header{position:fixed !important;background:rgba(7,27,43,.78) !important;border-bottom:1px solid rgba(234,220,188,.30) !important;box-shadow:0 12px 38px rgba(2,15,25,.30);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%)}

/* v212 — Dubai Royal Escape: keep the gallery footprint identical to Dubai Ultimate Experience.
   Additional gallery images scroll horizontally instead of creating extra thumbnail rows. */
.regal-dubai-escapes .image-strip{
  display:flex;
  grid-template-columns:none;
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.regal-dubai-escapes .image-strip::-webkit-scrollbar{display:none}
.regal-dubai-escapes .image-strip img{
  flex:0 0 calc((100% - 18px)/3);
  min-width:0;
}
@media(max-width:560px){
  .regal-dubai-escapes .image-strip img{flex-basis:calc((100% - 16px)/3)}
}

/* Package hero assurance — improve contrast on the dark GCC hero */
.gcc-package .package-hero-assurance{
  color:#f3ead6;
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}
.gcc-package .package-hero-assurance span{color:#f3ead6;}
.gcc-package .package-hero-assurance span::first-letter{color:#e8c978;}

/* Mobile GCC package summary: keep the information bar square to match the hero layout. */
@media(max-width:560px){
  .gcc-package .package-summary{
    border-radius:0 !important;
  }
}
