/* ===============================
   BAWT INC · Additional CSS (clean)
   Paste this ENTIRE block as-is.
   =============================== */

/* ——— Site notice ——— */
.site-notice {
  background: #ffeb3b;
  color: #000;
  text-align: center;
  padding: 8px;
  font-weight: bold;
  font-size: 14px;
}

/* ——— Global content padding & max width ——— */
.entry-content,
.page-content,
.post-content {
  padding-left: 10px;
  padding-right: 10px;
  max-width: 1280px;
  margin: 0 auto;
}

/* ——— Phones comfy ——— */
@media (max-width: 768px) {
  .entry-content,
  .page-content,
  .post-content {
    padding-left: 12px;
    padding-right: 12px;
    max-width: 100%;
  }
}

/* ===============================
   BENEFITS HUB (hero + grid + modal)
   =============================== */

/* Hero */
.bawt-hero {
  position: relative;
  min-height: 46vh;
  border-radius: 12px;
  overflow: hidden;
  display: grid;
  place-items: center;
  margin: 8px 0 24px;
  background: #eaf2ff;
  background-image: url("https://via.placeholder.com/1920x700?text=Airbus+Tarmac+Hero"); /* swap later */
  background-size: cover;
  background-position: center;
}

.bawt-hero__overlay {
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  padding: 18px 20px;
  border-radius: 12px;
  text-align: center;
  max-width: 840px;
  width: calc(100% - 32px);
}

.bawt-hero__kicker { letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.9; font-size: 0.9rem; }
.bawt-hero__title  { margin: 0.2rem 0 0.6rem; font-size: clamp(1.4rem, 3.2vw, 2.2rem); font-weight: 800; }
.bawt-hero__tag    { font-weight: 600; margin-top: 0.2rem; }

/* Grid */
.bawt-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 1024px) { .bawt-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width:  720px) { .bawt-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width:  500px) { .bawt-grid { grid-template-columns: 1fr; } }

.bawt-card {
  position: relative;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  padding: 16px 14px 48px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bawt-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
}

.bawt-card h4 { margin: 2px 0 8px; font-size: 1.05rem; }
.bawt-card .bawt-chip { font-size: 0.75rem; opacity: 0.8; }

.bawt-card .bawt-cta {
  position: absolute;
  right: 12px;
  bottom: 10px;
  font-size: 0.85rem;
  font-weight: 700;
  opacity: 0.9;
}

/* Hover preview */
.bawt-preview {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 14px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.55) 100%);
  color: #fff;
  border-radius: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}

.bawt-card:hover .bawt-preview { opacity: 1; }

.bawt-preview ul {
  margin: 0;
  padding-left: 18px;
  font-size: 0.92rem;
  line-height: 1.25rem;
}

/* Modal */
#bawt-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.55); display: none; z-index: 9999; }
#bawt-modal.open { display: block; }

.bawt-modal__panel {
  position: absolute; inset: 5% 4%;
  background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

.bawt-modal__bar   { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-bottom: 1px solid #eee; }
.bawt-modal__close { background: #111; color: #fff; border: 0; border-radius: 8px; padding: 8px 12px; cursor: pointer; }
.bawt-modal__body  { width: 100%; height: calc(100% - 44px); }
.bawt-modal__frame { width: 100%; height: 100%; border: 0; }

/* Utility */
.bawt-visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px; overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

/* ===============================
   CUSTOMER HELP (no-JS, details/summary)
   =============================== */

:root {
  --bawt-help-size: 56px;
  --bawt-help-gap: 18px;
  --bawt-help-radius: 14px;
  --bawt-z: 2147483647;
  --bawt-font: 600 14px/1 system-ui, Segoe UI, Roboto, Arial;
}

/* Container */
#bawt-help {
  position: fixed;
  right: var(--bawt-help-gap);
  bottom: var(--bawt-help-gap);
  z-index: var(--bawt-z);
}

/* Round button (summary) */
#bawt-help > summary.bawt-help-btn {
  list-style: none;
  width: var(--bawt-help-size);
  height: var(--bawt-help-size);
  border-radius: 50%;
  background: #111;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  outline: none;
  border: 0;
  font: var(--bawt-font);
  user-select: none;
}

#bawt-help > summary::-webkit-details-marker { display: none; }

/* Optional avatar */
#bawt-help .bawt-help-avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

/* Panel */
#bawt-help .bawt-help-panel {
  position: fixed;
  right: var(--bawt-help-gap);
  bottom: calc(var(--bawt-help-gap) + var(--bawt-help-size) + 12px);
  width: 320px;
  max-width: 92vw;
  background: #fff;
  border-radius: var(--bawt-help-radius);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
  padding: 14px;
  display: none;
  font: var(--bawt-font);
  color: #111;
}

/* Show panel when open */
#bawt-help[open] .bawt-help-panel { display: block; }

/* Header */
#bawt-help .bawt-help-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

#bawt-help .bawt-help-title { font-weight: 800; font-size: 16px; }

/* Links */
#bawt-help .bawt-help-links a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration: none;
  color: #111;
  border: 1px solid #eee;
  margin: 6px 0;
}

#bawt-help .bawt-help-links a:hover { background: #f7f7f7; }

/* Close button */
#bawt-help .bawt-help-close {
  background: transparent;
  border: 0;
  font: inherit;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 8px;
}

#bawt-help .bawt-help-close:hover { background: #f2f2f2; }

/* Motion */
@media (prefers-reduced-motion: no-preference) {
  #bawt-help .bawt-help-panel { transform-origin: bottom right; animation: bawt-pop 0.16s ease-out; }
  @keyframes bawt-pop { from { transform: scale(0.98); opacity: 0; } to { transform: scale(1); opacity: 1; } }
}

/* Mobile nudge above other floaters */
@media (max-width: 480px) {
  :root { --bawt-help-gap: 14px; }
  #bawt-help .bawt-help-panel { bottom: calc(var(--bawt-help-gap) + var(--bawt-help-size) + 16px); }
}

/* Safety overrides */
#bawt-help,
#bawt-help .bawt-help-panel,
#bawt-help > summary {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: var(--bawt-z) !important;
}

/* ===============================
   Enhancements
   =============================== */

/* Keyboard focus */
#bawt-help > summary.bawt-help-btn:focus-visible,
#bawt-help .bawt-help-close:focus-visible,
#bawt-help .bawt-help-links a:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
}

/* Safe areas (iOS/Android notches) */
@supports (padding: max(0px)) {
  #bawt-help {
    right: max(var(--bawt-help-gap), env(safe-area-inset-right));
    bottom: max(var(--bawt-help-gap), env(safe-area-inset-bottom));
  }
  #bawt-help .bawt-help-panel {
    right: max(var(--bawt-help-gap), env(safe-area-inset-right));
    bottom: calc(max(var(--bawt-help-gap), env(safe-area-inset-bottom)) + var(--bawt-help-size) + 12px);
  }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  #bawt-help .bawt-help-panel {
    background: #111;
    color: #f1f5f9;
    border: 1px solid #2a2a2a;
  }
  #bawt-help .bawt-help-links a {
    border-color: #2a2a2a;
    color: #e5e7eb;
  }
  #bawt-help .bawt-help-links a:hover { background: #1a1a1a; }
}

/* Hide help in print */
@media print {
  #bawt-help { display: none !important; }
}

/* Keep "back to top" just under the panel */
.back-to-top,
.scroll-to-top {
  z-index: 2147483646 !important;
}

/* BAWT · Growth Trajectory section */
.bawt-gt{--bg:#0f172a;--fg:#fff;--sub:#cbd5e1;--accent:#C1121F;--panel:#111827;--ring:#f3f4f6}
.bawt-gt{padding:32px 16px;background:var(--bg);color:var(--fg)}
.bawt-gt__hero{max-width:1100px;margin:0 auto 18px;text-align:center}
.bawt-gt__hero h1{font-size:clamp(1.6rem,3.2vw,2.4rem);margin:.2rem 0 .4rem}
.bawt-gt__hero p{color:var(--sub);margin:0}
.bawt-gt__grid{max-width:1100px;margin:16px auto;display:grid;gap:14px;
  grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.bawt-gt__grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.bawt-gt__grid{grid-template-columns:1fr}}
.bawt-gt__card{background:linear-gradient(180deg,#111827,#0b1220);
  border:1px solid #1f2937;border-radius:14px;padding:16px 14px}
.bawt-gt__card h3{margin:2px 0 6px;font-weight:800}
.bawt-gt__number{font-weight:800;font-size:clamp(1.0rem,2.4vw,1.3rem);
  color:var(--ring);margin:.2rem 0 .2rem}
.bawt-gt__note{color:#94a3b8;font-size:.92rem;margin:0}
.bawt-gt__pmg{max-width:1100px;margin:16px auto;background:#0b1220;border:1px solid #1f2937;
  border-radius:14px;padding:16px}
.bawt-gt__pmg h2{margin:0 0 6px;font-size:1.2rem}
.bawt-gt__cta{max-width:1100px;margin:14px auto 0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.bawt-gt__btn{appearance:none;border:0;border-radius:999px;padding:10px 14px;font-weight:700;
  text-decoration:none;color:#fff;background:var(--accent)}
.bawt-gt__btn:hover{filter:brightness(.95)}
.bawt-gt__btn.secondary{background:#334155}
.bawt-gt__btn.outline{background:transparent;border:1px solid #475569;color:#e2e8f0}



/* === BAWT · Growth Trajectory (Over-Sun Light Theme) === */
.bawt-gt{
  --bg:#fff;                    /* main background */
  --fg:#0f172a;                 /* text color */
  --sub:#475569;                /* secondary text */
  --accent:#C1121F;             /* BAWT cardinal red */
  --panel:#f8fafc;              /* light panels */
  --ring:#C1121F;               /* highlight color */
  background:linear-gradient(180deg,#fff 0%,#fffdf8 25%,#fff5e6 100%);
  color:var(--fg);
  padding:32px 16px;
}

.bawt-gt__card{
  background:linear-gradient(180deg,#ffffff,#fff9f3);
  border:1px solid #e2e8f0;
  box-shadow:0 4px 14px rgba(0,0,0,.04);
}
.bawt-gt__pmg{
  background:#fff9f3;
  border:1px solid #f1f5f9;
}
.bawt-gt__hero h1{color:var(--accent);}
.bawt-gt__number{color:#b91c1c;}
.bawt-gt__sources h3{color:var(--accent);}
.bawt-gt__btn{
  background:var(--accent);
  color:#fff;
}
.bawt-gt__btn.outline{
  color:var(--accent);
  border:1px solid var(--accent);
  background:transparent;
}
/* Emergency hide: online help / chat / avatar */
iframe,
[class*="chat"],
[class*="bot"],
[class*="help"],
[id*="chat"],
[id*="bot"],
[id*="help"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* =========================
   VACATION LUXURY THEME
========================= */

.bawt-vacation-request-page {
  background: linear-gradient(135deg, #e8f7ff 0%, #fdf6e3 100%);
  padding: 50px 20px;
  border-radius: 14px;
}

/* HERO SECTION */
.bawt-hero {
  background: #ffffff;
  padding: 35px;
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
  margin-bottom: 40px;
}

.bawt-hero h1 {
  font-size: 32px;
  color: #0f3d56;
}

.bawt-tagline {
  color: #d4a437;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* NOTE SECTION HIGHLIGHT */
.bawt-hero h3 {
  margin-top: 25px;
  color: #b8860b;
}

.bawt-section {
  background: #ffffff;
  padding: 35px;
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(0,0,0,0.07);
  margin-bottom: 35px;
}

/* FIELDSETS */
.bawt-fieldset {
  border: 1px solid #f0e4c7;
  background: #fffaf2;
  padding: 25px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.bawt-fieldset legend {
  font-weight: 700;
  padding: 0 10px;
  color: #0f3d56;
}

/* LABELS */
.bawt-form label {
  display: block;
  margin-top: 18px;
  margin-bottom: 6px;
  font-weight: 600;
  color: #0f3d56;
}

/* INPUTS */
.bawt-form input,
.bawt-form select,
.bawt-form textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid #e2d6b5;
  background: #ffffff;
  transition: all 0.25s ease;
  font-size: 15px;
}

.bawt-form input:focus,
.bawt-form select:focus,
.bawt-form textarea:focus {
  border-color: #d4a437;
  box-shadow: 0 0 0 3px rgba(212,164,55,0.25);
  outline: none;
}

/* REQUIRED */
.bawt-required {
  color: #c62828;
  font-weight: bold;
}

/* ROWS */
.bawt-row {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

.bawt-col {
  flex: 1;
  min-width: 200px;
}

/* SUBMIT BUTTON */
.bawt-submit-button {
  background: linear-gradient(135deg, #d4a437, #c58e1a);
  color: #ffffff;
  padding: 14px 34px;
  border-radius: 10px;
  border: none;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition: 0.25s ease;
}

.bawt-submit-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.18);
}

/* AFTER SUBMIT BOX */
.bawt-after-submit-info {
  margin-top: 35px;
  padding: 25px;
  background-color: #fef9ec;
  border-left: 5px solid #d4a437;
  border-radius: 8px;
}
/* =========================
   CARIBBEAN LUXURY POLISH
   (Add below your VAF-1 CSS)
========================= */

/* Softer, tropical typography feel */
.bawt-vacation-request-page {
  line-height: 1.6;
}

/* HERO: subtle “sun glow” top border */
.bawt-hero {
  border-top: 6px solid rgba(212,164,55,0.75); /* gold */
  position: relative;
}

/* HERO: Caribbean gradient accent bar */
.bawt-hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
  border-radius: 14px 14px 0 0;
  background: linear-gradient(90deg, #00bcd4 0%, #00c2a8 45%, #ffd27a 100%);
  opacity: 0.55;
}

/* “Vacation Certificate & Traveler Details” header vibe */
.bawt-section h2 {
  color: #0f3d56;
  letter-spacing: 0.2px;
}

/* Fieldsets feel like “sections” */
.bawt-fieldset {
  background: linear-gradient(180deg, #fffaf2 0%, #ffffff 100%);
}

/* Inputs: slightly softer corners and depth */
.bawt-form input,
.bawt-form select,
.bawt-form textarea {
  box-shadow: 0 2px 10px rgba(15,61,86,0.06);
}

/* Hint text readability */
.bawt-hint {
  color: #355b6b;
  font-size: 0.95em;
}

/* Radio row spacing */
.bawt-radio-row {
  padding: 10px 0 0;
}

/* Submit row center */
.bawt-submit-row {
  margin-top: 10px;
  text-align: center;
}

/* Button: “Caribbean gold” + slight glow */
.bawt-submit-button {
  box-shadow: 0 10px 26px rgba(197,142,26,0.25);
}

.bawt-submit-button:hover {
  box-shadow: 0 14px 34px rgba(197,142,26,0.35);
}

/* After-submit box: more “resort concierge” */
.bawt-after-submit-info {
  background: linear-gradient(135deg, #fef9ec 0%, #e8f7ff 100%);
}

/* HR lines softer */
.bawt-vacation-request-page hr {
  border: none;
  height: 1px;
  background: rgba(15,61,86,0.12);
  margin: 35px 0;
}