@charset "UTF-8";
/* Bring in the base (Bootstrap + Landseg) first */
@import url("tempcss.php");

/* ================================
   Container-scoped overrides
   ================================ */

/* Center the modal and limit its width */
#msfw-container .modal-dialog.modal-custom {
  max-width: 90vw;
  margin: auto;
}
@media (max-width: 576px) {
  #msfw-container .modal-dialog.modal-custom {
    max-width: 100vw;
    margin: 0;
  }
  #msfw-container .modal-content { overflow-y: auto; }
}


/* Comparison modal — dark-blue table header */
#msfw-container #dynamicModal .table-comparison thead,
#msfw-container #dynamicModal .table-comparison thead tr,
#msfw-container #dynamicModal .table-comparison thead th {
  background-color: #003366 !important;
  color: #fff !important;
}

/* Center the footer and restyle the "Fechar" button */
#msfw-container #dynamicModal .modal-footer {
  justify-content: center !important; /* center horizontally */
}

#msfw-container #dynamicModal .modal-footer .btn-secondary {
  background-color: #003366 !important;
  border-color: #003366 !important;
  color: #fff !important;
  font-weight: 600;
}

#msfw-container #dynamicModal .modal-footer .btn-secondary:hover,
#msfw-container #dynamicModal .modal-footer .btn-secondary:focus {
  background-color: #002244 !important;
  border-color: #002244 !important;
  color: #fff !important;
}


/* ---------------------------------------
   Bootstrap custom props used by the wizard
   (localize variables to the container)
--------------------------------------- */
#msfw-container {
  --bs-blue: #1e00a7;
  --bs-indigo: #6574cd;
  --bs-purple: #003366;
  --bs-pink: #ff0062;
  --bs-red: #e3342f;
  --bs-orange: #f6993f;
  --bs-yellow: #ffc700;
  --bs-green: #38c172;
  --bs-teal: #4dc0b5;
  --bs-cyan: #6cb2eb;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #003366;
  --bs-secondary: #1e00a7;
  --bs-success: #38c172;
  --bs-info: #292929;
  --bs-warning: #ffc700;
  --bs-danger: #e3342f;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
}

/* restore wizard‐form blue background (search card only) */
#msfw-container .search-card,
#msfw-container .search-card .card-body {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* Passenger-select & “Cotar agora” alignment */
#msfw-container #passenger-select,
#msfw-container .next-step {
  display: inline-block !important;
  width: auto !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  padding: 0.375rem 0.75rem !important;
  margin: 0 !important;
  vertical-align: bottom !important;
}

/* PRICE & TITLE adjustments */
#msfw-container .price-table {
  font-size: 2rem !important;
  line-height: 1 !important;
}
#msfw-container .price-cents-table {
  font-size: 1.1rem !important;
  line-height: 1 !important;
  vertical-align: super;
}
#msfw-container .search-card .card-body .text-center h2 {
  font-size: 1.1rem !important;
  line-height: 1.2 !important;
  margin-bottom: 0.5rem !important;
}
#msfw-container .search-card .card-body .text-center h2 .text-secondary {
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

/* +/- buttons */
#msfw-container .btn-increment,
#msfw-container .btn-decrement {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  color: #fff !important;
}
#msfw-container .btn-increment:hover,
#msfw-container .btn-increment:focus,
#msfw-container .btn-increment:active,
#msfw-container .btn-decrement:hover,
#msfw-container .btn-decrement:focus,
#msfw-container .btn-decrement:active {
  background-color: #218838 !important;
  border-color: #1e7e34 !important;
  box-shadow: none !important;
}

/* ---------------------------------------
   Theme overrides (container-local vars)
--------------------------------------- */
#msfw-container {
  --bs-primary:   #145da0;
  --bs-secondary: #a3ff05;
  --bs-success:   #3182cd;
  --bs-info:      #3182cd;
  --bs-warning:   #fc0000;
  --bs-danger:    #fc0000;
  --bs-light:     #faffc3;
  --bs-dark:      #523407;
}
#msfw-container .card-header {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}
/* keep generic .card-body unstyled to avoid greying everything */

/* Tables */
#msfw-container .table thead th {
  background-color: var(--bs-dark) !important;
  color: #fff !important;
}

/* Glider arrows */
#msfw-container .glider-prev,
#msfw-container .glider-next {
  color: var(--bs-primary) !important;
  font-size: 1.5rem;
}
#msfw-container .glider-prev.disabled,
#msfw-container .glider-next.disabled {
  color: #ccc !important;
}

/* Primary buttons */
#msfw-container .btn-primary {
  background-color: var(--bs-success) !important;
  border-color: var(--bs-success) !important;
}
#msfw-container .btn-primary:hover,
#msfw-container .btn-primary:focus {
  background-color: #62b3ff !important;
  border-color: #62b3ff !important;
  color: #fff !important;
}

/* Mostrar detalhes → outline in same blue as "Selecionar"; hover dark-blue w/ white text */
#msfw-container .btn-show-details {
  background-color: transparent !important;
  color: var(--bs-success) !important;                 /* same blue used by .btn-primary */
  border: 1.5px solid var(--bs-success) !important;
  font-weight: 600;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

#msfw-container .btn-show-details:hover,
#msfw-container .btn-show-details:focus {
  background-color: #003366 !important;               /* dark blue hover */
  border-color: #003366 !important;
  color: #fff !important;
  text-decoration: none;
}



/* Links in cards */
#msfw-container .card a { color: var(--bs-info) !important; }
#msfw-container .card a:hover { color: var(--bs-info) !important; text-decoration: underline; }

/* “featured/popular” card styling */
#msfw-container .package-card.popular,
#msfw-container .package-card.featured {
  border: 2px solid #3182cd !important;
}
#msfw-container .package-card.popular .ribbon,
#msfw-container .package-card.featured .ribbon {
  background: transparent !important;
  color: #3182cd !important;
  border: 1px solid #3182cd !important;
}

/* Inputs width tweaks */
#msfw-container input[type="date"].form-control {
  width: 270px;
  max-width: 100%;
  box-sizing: border-box;
}
#msfw-container select#country-select.form-control.custom-select {
  width: 300px !important;
  max-width: 100%;
  box-sizing: border-box;
}

/* Site overrides (kept, but container-scoped) */
#msfw-container .e-n-carousel .elementor-heading-title,
#msfw-container .e-n-carousel .elementor-widget-text-editor p,
#msfw-container .e-n-carousel .elementor-widget-text-editor li,
#msfw-container .e-n-carousel .elementor-widget-text-editor span {
  color: #fff !important;
}
#msfw-container .e-n-carousel a {
  color: #fff !important;
  text-decoration: none;
}
#msfw-container .e-n-carousel .elementor-icon svg path { fill: #fff !important; }

/* ==========================================================
   PHASE 1: CARD GRID FOR PACKAGES (replaces table layout)
   ========================================================== */
#msfw-container #package-grid { row-gap: 1rem; }

/* Card container */
#msfw-container .package-card {
  border: 1px solid #e6e6e6;
  border-radius: 0.75rem;
  background-color: #fff;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
#msfw-container .package-card:hover,
#msfw-container .package-card:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  border-color: #cfe4ff;
}

/* Card content spacing (only package cards) */
#msfw-container .package-card .card-body {
  background-color: #fff !important;
  color: #333 !important;
  padding: 1.25rem;
}

/* Price block */
#msfw-container .package-card .price-table {
  font-size: 2rem !important;
  font-weight: 700;
}
#msfw-container .package-card .price-cents-table {
  font-size: 1.1rem !important;
  vertical-align: super;
}

/* Installments line */
#msfw-container .package-card .targetjuros { font-size: 0.95rem; }

/* Coverage summary block in the card */
#msfw-container .package-card .border-dotted-t-b {
  border-top: 1px dashed #d7d7d7;
  border-bottom: 1px dashed #d7d7d7;
}

/* Action buttons stack */
#msfw-container .package-card .btn + .btn { margin-top: .5rem; }

/* Make buttons full-width inside cards */
#msfw-container .package-card .btn {
  display: block;
  width: 100%;
}

/* Placeholder “Mostrar detalhes” visual (Phase 1: inactive) */
#msfw-container .package-card .btn.btn-secondary[disabled],
#msfw-container .package-card .btn.btn-secondary:disabled {
  opacity: .65;
  cursor: not-allowed;
  pointer-events: none;
}

/* Helpful hooks (future sorting/filtering) */
#msfw-container .package-card[data-price] {}
#msfw-container .package-card[data-coverage] {}

/* Compare modal table — force blue header + right-align value columns */
#msfw-container #packageModalBody table thead,
#msfw-container #packageModalBody table thead tr,
#msfw-container #packageModalBody table thead th {
  --bs-table-bg: #1e00a7 !important;
  --bs-table-accent-bg: #1e00a7 !important;
  --bs-table-color: #fff !important;
  background-color: #1e00a7 !important;
  color: #fff !important;
}
#msfw-container #packageModalBody table thead .table-warning,
#msfw-container #packageModalBody table thead .bg-warning,
#msfw-container #packageModalBody table thead .text-bg-warning {
  background-color: #1e00a7 !important;
  color: #fff !important;
}
/* Right-align from 3rd column onward; keep Cobertura & Currency left */
#msfw-container #packageModalBody table th:nth-child(n+3),
#msfw-container #packageModalBody table td:nth-child(n+3) { text-align: right !important; }
#msfw-container #packageModalBody table th:nth-child(-n+2),
#msfw-container #packageModalBody table td:nth-child(-n+2) { text-align: left !important; }

/* Step 2 button (scoped) */
#msfw-container #step2 button.step2.btn.btn-primary {
  background-color: #003366 !important;
  border-color:     #003366 !important;
  color:            #ffffff !important;
}
#msfw-container #step2 button.step2.btn.btn-primary:hover,
#msfw-container #step2 button.step2.btn.btn-primary:focus {
  background-color: #002244 !important;
  border-color:     #002244 !important;
}