:root{
  --brand:#0a2a44;
  --brand-2:#89b9c5;
  --text:#102a43;
  --muted:#627d98;
  --bg:#f6fbfe;
  --surface:#ffffff;
  --border:#e7eef5;
  --star:#ffb703;
}

html[data-theme="dark"]{
  --text:#e5e7eb;
  --muted:#a3b0bf;
  --bg:#0b1220;
  --surface:#0f172a;
  --border:#1e293b;
  --star:#ffd166;
}

html,body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);scroll-behavior:smooth;background:var(--bg);}
a{color:var(--brand);}
.topbar{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;}
.topbar a{color:#fff;}
.navbar{background:var(--surface)!important;}
.navbar .btn{border-radius:999px;}
.navbar-brand span{color:var(--text);}

.hero{min-height:72vh;display:flex;align-items:center;position:relative;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55));}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75);}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.6));}
.hero .floating-card{position:absolute;bottom:-2.5rem;left:50%;transform:translateX(-50%);background:var(--surface);color:var(--text);border-radius:1rem;padding:1rem 1.25rem;width:min(560px,92%);}
.hero .btn{border-radius:999px;}

.bg-gradient-subtle{background:linear-gradient(180deg,var(--surface), var(--bg));}

.feature .icon{font-size:1.75rem;color:var(--brand);margin-bottom:.5rem;display:inline-block;}
.info-list>div{margin:.25rem 0;}
.info-list i{color:var(--brand);margin-right:.5rem;}

.rating-badge{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.35rem .75rem;}
.rating-badge .bi-star-fill{color:var(--star);}

.review .avatar{width:44px;height:44px;border-radius:50%;background:#e6f7f5;}
.stars .bi{color:var(--star);margin-right:2px;}

.list-checked{list-style:none;padding-left:0;margin-bottom:0;}
.list-checked li{padding-left:1.75rem;position:relative;margin:.5rem 0;color:var(--muted);}
.list-checked li::before{content:'\f26e';font-family:'bootstrap-icons';position:absolute;left:0;top:0;color:var(--brand);}

.card{border-radius:1rem;border:1px solid var(--border);background:var(--surface);color:var(--text);}
.rounded{border-radius:1rem !important;}
.rounded-0{border-radius:0 !important;}
.shadow-sm{box-shadow:0 10px 30px rgba(13,38,76,0.18)!important;}

.btn-primary{background:var(--brand);border-color:var(--brand);}
.btn-outline-primary{color:var(--brand);border-color:var(--brand);}
.btn-outline-primary:hover{background:var(--brand);border-color:var(--brand);color:#fff;}

.footer{background:#0f172a;color:#cbd5e1;}
.footer a{color:#cbd5e1;}

.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:1030;}

#hoursList li{background:transparent;color:var(--text);}


/* Better dark-mode overrides for obvious visual change */
html[data-theme="dark"] .bg-light { background: var(--surface) !important; }
html[data-theme="dark"] .navbar, html[data-theme="dark"] .footer { background: var(--surface) !important; }
html[data-theme="dark"] .navbar .nav-link { color: var(--text) !important; }

.site-logo {
    content: url("/assets/img/logo.svg");
}

/* When Dark Mode is active */
html[data-theme="dark"] .site-logo {
    content: url("/assets/img/night_logo.svg");
}

.foot-logo {
    content: url("/assets/img/favicon.svg");
}

/* When Dark Mode is active */
html[data-theme="dark"] .foot-logo {
    content: url("/assets/img/favicon_white.svg");
}

/* Contrast tweaks */
.card .text-muted{ color: var(--muted) !important; opacity: 0.95; }
html[data-theme="dark"] .card .text-muted{ color: #b6c2cf !important; opacity: 0.85; }
html[data-theme="dark"] body, html[data-theme="dark"] p, html[data-theme="dark"] .nav-link, html[data-theme="dark"] .h5, html[data-theme="dark"] h2, html[data-theme="dark"] h1 { color: var(--text) !important; }



/* --- FIX: Review cards aligned heights and smoother corners --- */
#reviews .row > [class*="col-"]{ display:flex; }
#reviews .review.card{ flex:1 1 auto; display:flex; }
#reviews .review.card .card-body{ display:flex; flex-direction:column; }
#reviews .review.card .stars{ margin-top:auto; }
#reviews .review.card{ border-radius:1rem; overflow:hidden; } /* clip any shadow artifacts */

/* --- FIX: List checkmarks rendering --- */
.list-checked{ list-style:none; padding-left:0; }
.list-checked li{ position:relative; padding-left:1.75rem; }
.list-checked li::before{
  content:"✔";
  position:absolute; left:0; top:0.05rem;
  font-weight:700; line-height:1;
  color:var(--brand);
}

/* Small polish for the language dropdown spacing */
.navbar .dropdown-toggle::after{ margin-left:.25rem; }

/* --- Theme toggle visual --- */
.theme-toggle{ border-radius:999px; padding:.35rem .6rem; }
.theme-toggle #themeIcon{ font-size:1rem; transition:transform .2s ease; }
.theme-toggle:hover #themeIcon{ transform:rotate(20deg); }

/* --- Reviews improved UI --- */
.review.card{ position:relative; border:1px solid var(--border); }
.review.card .card-body{ padding:1.1rem 1.1rem 1rem 1.1rem; }
.review.card .card-body p{ font-size:1.02rem; line-height:1.5; }
.review.card::after{
  content:"\201C";
  position:absolute; top:-12px; left:14px;
  font-size:2.75rem; line-height:1; color:rgba(13,38,76,0.08);
}
html[data-theme="dark"] .review.card::after{ color:rgba(255,255,255,0.08); }

/* Avatar with ring */
.review .avatar{ box-shadow:0 0 0 3px rgba(27,191,179,.15); }

/* Tighten the rating pill spacing */
.rating-badge{ padding:.35rem .65rem; }

/* --- Force visible theme toggle icon colors --- */
.theme-toggle{ border-color: rgba(27,191,179,.45); }
.theme-toggle .bi{ color: var(--brand); }
html[data-theme="dark"] .theme-toggle{ border-color: rgba(93,213,255,.45); }
html[data-theme="dark"] .theme-toggle .bi{ color: #5dd5ff; }

/* --- Reviews layout polish --- */
#reviews .carousel-inner .row > [class*="col-"]{ display:flex; }
#reviews .review.card{ flex: 1 1 auto; display:flex; border-radius:16px; overflow:hidden; position:relative; }
#reviews .review .card-body{ display:flex; flex-direction:column; }
#reviews .review .stars{ margin-top:auto; }
#reviews .review.card::before{ /* top accent bar */
  content:""; position:absolute; left:0; top:0; right:0; height:4px;
  background:linear-gradient(90deg, var(--brand), var(--brand-2));
}
/* remove curly-quote decoration from earlier patch */
#reviews .review.card::after{ content:none !important; }

/* Typography & spacing */
#reviews h2{ letter-spacing:.2px; }
#reviews .review .card-body p{ font-size:1.04rem; line-height:1.55; color:var(--text); }
html[data-theme="dark"] #reviews .review .card-body p{ color:#e6eef7; }
#reviews .review .fw-semibold{ font-weight:600; }
#reviews .review .small.text-muted{ color: var(--muted)!important; }

/* Ratings pill visibility in dark mode */
html[data-theme="dark"] .rating-badge{ background:rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.12); }

/* Map card corners in dark mode */
html[data-theme="dark"] iframe{ border-radius:12px; }

/* Buttons spacing on navbar */
.navbar .btn-primary{ margin-left:.25rem; }

/* --- Reviews carousel controls: keep off the content --- */
#reviews .carousel{ position:relative; }
#reviews .carousel-control-prev, 
#reviews .carousel-control-next{
  width: 3rem;
  opacity: .75;
  transition: opacity .2s ease, transform .2s ease;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.15));
}
#reviews .carousel-control-prev:hover, 
#reviews .carousel-control-next:hover{ opacity: 1; transform: scale(1.02); }
#reviews .carousel-control-prev{ left: -1.25rem; }
#reviews .carousel-control-next{ right: -1.25rem; }
/* Provide inner padding so arrows never overlap text on narrow widths */
@media (max-width: 991.98px){
  #reviews .carousel-inner{ padding: 0 1.75rem; }
  #reviews .carousel-control-prev{ left: .25rem; }
  #reviews .carousel-control-next{ right: .25rem; }
}
/* Remove default dark gradient bg of controls for a cleaner look */
#reviews .carousel-control-prev-icon, 
#reviews .carousel-control-next-icon{
  background-image: none;
  width: 2.25rem; height: 2.25rem;
  border-radius: 999px;
  background: linear-gradient(180deg,var(--brand),var(--brand-2));
  position: relative;
}
#reviews .carousel-control-prev-icon::after, 
#reviews .carousel-control-next-icon::after{
  content: ""; position: absolute; inset: 0;
  mask-size: 60% 60%; mask-repeat: no-repeat; mask-position: center;
  -webkit-mask-size: 60% 60%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center;
  background: #fff;
}
#reviews .carousel-control-prev-icon::after{ mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox=\"0 0 16 16\"><path fill=\"%23000\" d=\"M11 14L5 8l6-6\"/></svg>'); -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill=\"%23000\" d=\"M11 14L5 8l6-6\"/></svg>'); }
#reviews .carousel-control-next-icon::after{ mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox=\"0 0 16 16\"><path fill=\"%23000\" d=\"M5 14l6-6-6-6\"/></svg>'); -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill=\"%23000\" d=\"M5 14l6-6-6-6\"/></svg>'); }

/* --- Consistent section background around reviews --- */
#reviews{ background: linear-gradient(180deg, var(--bg), var(--bg)); }
#reviews .review.card{ background: var(--surface); }

/* Ensure list-group items inherit proper background in both themes */
.list-group-item{ background: var(--surface); color: var(--text); }

/* Theme icon visibility (inline SVG) */
.theme-icon{ display:inline-flex; align-items:center; color: var(--brand); }
html[data-theme="dark"] .theme-icon{ color: #5dd5ff; }

/* Reviews section background consistency */
#reviews{ background: var(--bg); }
#reviews .carousel-item{ background: transparent; }
#reviews .card.review{ background: var(--surface); }

/* Footer contrast + remove unwanted bottom line */
.footer{ background: var(--surface); color: var(--text); border-top: 1px solid var(--border); }
.footer .small, .footer a{ color: var(--muted); }
body{ background: var(--bg); }
html, body{ margin:0; padding:0; }

/* Footer contrast and no ghost line */
.footer{ background: var(--surface); color: var(--text); border-top: 1px solid var(--border); }
.footer a{ color: var(--text); opacity: .85; }
.footer a:hover{ opacity:1; }
body, html{ background: var(--bg); margin:0; padding:0; }
body::after{ content:none; } /* ensure no stray debug bars */

/* Reviews: uniform background + stable height */
#reviews{ background: var(--bg); }
#reviews .carousel, #reviews .carousel-inner{ overflow: visible; }
#reviews .carousel-item{ transition: transform .6s ease; }
#reviews .review.card{ background: var(--surface); }
#reviews .review .card-body{ min-height: 140px; } /* text zone */
@media (max-width: 991.98px){
  #reviews .review .card-body{ min-height: 120px; }
}

/* Prevent layout shift when carousel height changes */
#reviews .carousel-inner{ min-height: 260px; }
@media (max-width: 991.98px){ #reviews .carousel-inner{ min-height: 300px; } }

/* Social buttons: icon alignment */
.btn.btn-outline-primary .bi{ vertical-align: text-bottom; margin-top:-2px; }

/* Theme icon hover visibility */
.theme-toggle{ background: transparent; }
.theme-toggle:hover{ background: rgba(27,191,179,.1); }
html[data-theme="dark"] .theme-toggle:hover{ background: rgba(93,213,255,.12); }

/* Reviews: use fade to avoid awkward slide-overlap */
#reviews .carousel.carousel-fade .carousel-item{
  transition-property: opacity;
}
#reviews .carousel.carousel-fade .carousel-item,
#reviews .carousel.carousel-fade .active.carousel-item-start,
#reviews .carousel.carousel-fade .active.carousel-item-end{
  opacity: 0;
}
#reviews .carousel.carousel-fade .active,
#reviews .carousel.carousel-fade .carousel-item-next.carousel-item-start,
#reviews .carousel.carousel-fade .carousel-item-prev.carousel-item-end{
  opacity: 1;
  transform: none;
}

/* Reviews: keep arrows outside and center the cards between them */
#reviews .carousel-inner{ padding: 0 3.25rem; } /* same as control width to center content */
#reviews .carousel-control-prev, #reviews .carousel-control-next{ width:3.25rem; }
#reviews .carousel-control-prev{ left:0; }
#reviews .carousel-control-next{ right:0; }

/* Make carousel arrows vertically centered reliably */
#reviews .carousel-control-prev, #reviews .carousel-control-next{ align-items:center; }

/* Icons inside outline buttons should inherit text color */
.btn-outline-primary .bi, .btn-outline-primary svg{ fill: currentColor; color: currentColor; }

/* Mobile navbar: collapsed menu is scrollable if taller than viewport */
@media (max-width: 991.98px){
  .navbar-collapse{
    max-height: calc(100vh - 64px);
    overflow: auto;
  }
}

/* Center slides between arrows by padding outer wrap equal to control width */
#reviews #reviewsCenterWrap{ padding-left:3.25rem; padding-right:3.25rem; }
#reviews .carousel-control-prev, #reviews .carousel-control-next{ width:3.25rem; }
#reviews .carousel-control-prev, #reviews .carousel-control-next{ align-items:center; }

/* Make outline buttons' SVG inherit color */
.btn-outline-primary .bi, .btn-outline-primary svg{ color: currentColor; fill: currentColor; }

/* ==== Reviews centering between arrows ==== */
#reviews{ --ctrl-w: 52px; }
#reviews .carousel-inner{ padding-left: var(--ctrl-w); padding-right: var(--ctrl-w); }
#reviews .carousel-control-prev, #reviews .carousel-control-next{ width: var(--ctrl-w); }
#reviews .carousel-control-prev, #reviews .carousel-control-next{ align-items: center; justify-content: center; }
@media (max-width: 991.98px){
  #reviews{ --ctrl-w: 44px; }
}

/* Icons follow button color */
.btn-outline-primary .bi, .btn-outline-primary svg{ fill: currentColor; color: currentColor; }

/* ==== Call button sizing/flex to avoid wrapping on 1080x1920 ==== */
.navbar .btn.btn-primary{
  white-space: nowrap;
  font-size: 0.95rem;
  padding: .55rem 1.1rem;
  min-width: 180px;
}
@media (max-width: 1200px){
  .navbar .btn.btn-primary{ font-size: 0.9rem; min-width: 160px; }
}
@media (max-width: 576px){
  .navbar .btn.btn-primary{ font-size: 0.85rem; min-width: 0; }
}

/* Ensure why-buttons wrap nicely */
.why-buttons .btn{ display:inline-flex; align-items:center; }


/* === Dark mode polish for GlobeX blue palette === */
[data-theme="dark"] a,
[data-theme="dark"] .link { color: var(--brand-2); }

[data-theme="dark"] .btn-primary{ 
  background: var(--brand-2) !important; 
  border-color: var(--brand-2) !important; 
  color:#07131f !important;
}
[data-theme="dark"] .btn-outline-primary{
  color: var(--brand-2) !important;
  border-color: var(--brand-2) !important;
}
[data-theme="dark"] .btn-outline-primary:hover{
  background: var(--brand-2) !important;
  border-color: var(--brand-2) !important;
  color:#07131f !important;
}

/* Inputs & cards contrast on dark */
[data-theme="dark"] .card{ background: #101a2a; border-color:#233447; }
[data-theme="dark"] input, 
[data-theme="dark"] textarea, 
[data-theme="dark"] select{ 
  background:#0c1624; 
  color:var(--text); 
  border-color:#233447; 
}
[data-theme="dark"] input:focus, 
[data-theme="dark"] textarea:focus, 
[data-theme="dark"] select:focus{ 
  outline: none;
  box-shadow: 0 0 0 .25rem rgba(137,185,197,.2);
  border-color: var(--brand-2);
}

/* Pills and badges */
[data-theme="dark"] .rating-badge{ background:#0c1624; border-color:#233447; }
[data-theme="dark"] .list-checked li::before{ color: var(--brand-2); }

/* Subtle section separators */
[data-theme="dark"] .section-divider,
[data-theme="dark"] hr{ border-color:#233447; background:#233447; }

/* Footer readability */
[data-theme="dark"] .footer{ background:#0e1928 !important; color:#cfe1ee; }
[data-theme="dark"] .footer a{ color:#cfe1ee; }



/* === Accessibility tweaks === */
/* Visible placeholders in both themes */
::placeholder{ color: #7b8da3; opacity:1; }
[data-theme="dark"] ::placeholder{ color:#b6c2cf; opacity:1; }

/* Footer text/link contrast in dark */
[data-theme="dark"] .footer{ color:#d5e3ee !important; }
[data-theme="dark"] .footer a{ color:#e0eef9 !important; }

/* Inputs: stronger border on dark for visibility */
[data-theme="dark"] input, [data-theme="dark"] textarea, [data-theme="dark"] select{
  border-color:#2b3e55;
}


/* === Language dropdown visibility improvements === */
[data-theme="dark"] .dropdown-menu {
  background-color: #101a2b !important;
  border: 1px solid #2b3e55 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
[data-theme="dark"] .dropdown-menu a {
  color: #e6f4ff !important;
  font-weight: 500;
}
[data-theme="dark"] .dropdown-menu a:hover {
  background-color: #18324a !important;
  color: #ffffff !important;
}
[data-theme="dark"] .dropdown-toggle {
  background-color: #0f2238 !important;
  border-color: #2b3e55 !important;
}


/* === Dark mode dropdown legibility === */
[data-theme="dark"] .dropdown-menu{
  background:#0f1a2a;
  border-color:#22334a;
  color:#d8e6f2;
}
[data-theme="dark"] .dropdown-item{
  color:#d8e6f2;
}
[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus{
  background:#15243a;
  color:#ffffff;
}
[data-theme="dark"] .dropdown-divider{ border-top-color:#22334a; }


/* === Topbar contrast (dark) === */
[data-theme="dark"] .topbar{ background: linear-gradient(90deg, #0c1726, #13263b); color:#dbe8f3; }
[data-theme="dark"] .topbar a{ color:#e6f2fb !important; }
[data-theme="dark"] .topbar .small{ color:#cfe0ee !important; }
[data-theme="dark"] .topbar .bi{ color:#89b9c5; }

/* Navbar lang toggle legibility in dark */
[data-theme="dark"] .navbar .nav-link.dropdown-toggle{
  color:#e6f2fb !important;
  background:rgba(255,255,255,0.04);
  border-radius:.5rem;
  border:1px solid #22334a;
  padding:.35rem .6rem;
}
[data-theme="dark"] .navbar .nav-link.dropdown-toggle:hover{
  background:rgba(255,255,255,0.08);
  border-color:#2b3e55;
}

/* Footer final pass */
[data-theme="dark"] footer.footer,
[data-theme="dark"] footer.footer .small,
[data-theme="dark"] footer.footer a,
[data-theme="dark"] footer.footer span,
[data-theme="dark"] footer.footer .text-muted{
  color:#dbe8f3 !important;
}


/* Ensure inlined SVG icons follow text color for social buttons */
.why-buttons .bi path,
.why-buttons .bi circle,
.why-buttons .bi rect { fill: currentColor; }

#btnSuggestHours{ display:none !important; }

/* ===== Dark theme polish for the carousel ===== */
:root[data-theme="dark"] .pcard{
  background:#0f1523;            /* deep card surface */
  box-shadow:0 14px 34px rgba(0,0,0,.55);
}
:root[data-theme="dark"] .pcard__title{ color:#e6ebf5; }
:root[data-theme="dark"] .pcard__meta{ color:#a9b6cb; }

/* pagination dots */
:root[data-theme="dark"] .pcarousel .swiper-pagination-bullet{
  background:#36455e;
}
:root[data-theme="dark"] .pcarousel .swiper-pagination-bullet-active{
  background:#7aa2ff;
}

/* arrows */
:root[data-theme="dark"] .pcarousel .nav button{
  background:#121a2b;
  border-color:#23304a;
  color:#d7e2f5;
}

/* (optional) soften image corners to match card radius */
.pcard__img{ border-top-left-radius:18px; border-top-right-radius:18px; } 

/* ===== Elegant floating close button ===== */
#destModal .modal-close.outside{
  position:absolute;
  top:-16px;                      /* sits slightly outside the corner */
  right:-16px;
  width:42px; height:42px;
  border-radius:9999px;
  border:0;
  background: #ffffff;            /* light theme surface */
  color:#0f172a;                  /* cross color (currentColor) */
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  cursor:pointer;
  display:grid; place-items:center;
  z-index:5;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

/* draw the “X” with two thin bars */
#destModal .modal-close.outside::before,
#destModal .modal-close.outside::after{
  content:"";
  position:absolute;
  width:18px; height:2px;         /* thickness of the strokes */
  background: currentColor;
  border-radius:2px;
  transform-origin:center;
}
#destModal .modal-close.outside::before{ transform:rotate(45deg); }
#destModal .modal-close.outside::after { transform:rotate(-45deg); }

/* hover / active */
#destModal .modal-close.outside:hover{
  transform: translateY(-1px);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
#destModal .modal-close.outside:active{
  transform: translateY(0);
}

/* focus ring (keyboard users) */
#destModal .modal-close.outside:focus-visible{
  outline: 0;
  box-shadow:0 0 0 3px rgba(83,109,254,.35), 0 10px 28px rgba(0,0,0,.20);
}

/* Dark theme */
:root[data-theme="dark"] #destModal .modal-close.outside{
  background:#111827;             /* deep slate */
  color:#e5e7eb;                  /* light cross */
  box-shadow:0 10px 28px rgba(0,0,0,.55);
}
:root[data-theme="dark"] #destModal .modal-close.outside:hover{
  background:#0b1220;
  box-shadow:0 14px 38px rgba(0,0,0,.65);
}

/* optional: soften top corners of the hero image in modal */
#destModal img{
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}

/* Viber primary button */
.btn-viber {
  --viber: #7360f2;
  --viber-dark: #5b4ae0;
  background: var(--viber);
  border-color: var(--viber);
  color: #fff;
}

.btn-viber:hover {
  background: var(--viber-dark);
  border-color: var(--viber-dark);
  color: #fff;
}

.btn-viber i {
  font-size: 1rem;
  line-height: 1;
}

   .pcarousel .swiper { padding: 16px 8px 40px; }
    .pcarousel .swiper-slide { height: auto; }
    .pcard {
      border-radius: 18px;
      background: #fff;
      box-shadow: 0 12px 30px rgba(24,39,75,.08);
      overflow: hidden;
    }
    .pcard__img { width: 100%; height: 180px; object-fit: cover; display:block; }
    .pcard__body { padding: 16px; }
    .pcard__title { margin: 0 0 10px; font-weight: 700; color:#1b1f24; }
    .pcard__line { height: 8px; border-radius: 6px; background: #e9eef5; margin: 8px 0 0; }
    .pcard__line.sm { width: 60%; }
    .pcarousel .swiper-pagination-bullets { bottom: 8px; }
    .pcarousel .swiper-pagination-bullet { width: 8px; height: 8px; background: #c7d2e5; opacity: 1; }
    .pcarousel .swiper-pagination-bullet-active { background: #536dfe; }
    .pcarousel .nav { display:flex; gap:8px; align-items:center; }
    .pcarousel .nav button { border:1px solid #d6dee9; background:#fff; color:#3c4758; padding:.35rem .55rem; border-radius:8px; }

:root[data-theme="dark"] #destModal .modal-content{
  background:#fff !important;              /* keep the card white */
}

:root[data-theme="dark"] #destModal .modal-body,
:root[data-theme="dark"] #destModal .modal-body *{
  color:#0f172a !important;                /* dark text on white */
  opacity:1 !important;                    /* cancel any faded text */
}