@charset "UTF-8";

/* ==========================================================================
   Global Frontend Typography: Force Pure Black (#000) for Paragraphs & Descs
   ========================================================================== */
:root {
  --text-color: #000000 !important;
  --text-muted: #000000 !important;
}

body.restaurant-website,
body.restaurant-website main,
body.restaurant-website section {
  color: #000000 !important;
}

body.restaurant-website main p,
body.restaurant-website main p span,
body.restaurant-website main p strong,
body.restaurant-website main p em,
body.restaurant-website main p b,
body.restaurant-website main p i,
body.restaurant-website section p,
body.restaurant-website section p span,
body.restaurant-website section p strong,
body.restaurant-website section p em,
body.restaurant-website section p b,
body.restaurant-website section p i,
body.restaurant-website .lead,
body.restaurant-website .text-muted,
body.restaurant-website .about-content-text,
body.restaurant-website .why-choose-lead,
body.restaurant-website .why-desc,
body.restaurant-website .trust-subtitle,
body.restaurant-website .private-service-text,
body.restaurant-website .private-service-content p,
body.restaurant-website .pharmacy-service-content p,
body.restaurant-website .pf-lead-paragraph,
body.restaurant-website .pf-sub-paragraph,
body.restaurant-website .pf-feat-content p,
body.restaurant-website .travel-lead-desc,
body.restaurant-website .travel-sub-desc,
body.restaurant-website .travel-pure-intro,
body.restaurant-website .pillar-text,
body.restaurant-website .pillar-content p,
body.restaurant-website .contact-section-desc,
body.restaurant-website .form-section-header p,
body.restaurant-website .map-floating-card p,
body.restaurant-website .nominate-header p,
body.restaurant-website .nominate-step-card p,
body.restaurant-website .essential-desc-text,
body.restaurant-website .nhs-service-card-modern p,
body.restaurant-website .gdpr-top p,
body.restaurant-website .gdpr-item p,
body.restaurant-website .gdpr-item ul li,
body.restaurant-website .privacy-policy-top p,
body.restaurant-website .privacy-policy-item p,
body.restaurant-website .privacy-policy-item ul li,
body.restaurant-website .terms-top p,
body.restaurant-website .terms-item p,
body.restaurant-website .terms-item ul li,
body.restaurant-website .thank-you-card p,
body.restaurant-website .booking-header p,
body.restaurant-website .service-step-card p,
body.restaurant-website .why-card p,
body.restaurant-website .compliance-card p,
body.restaurant-website .medolia-process-item .content p,
body.restaurant-website .medolia-iconic-left-box .content p,
body.restaurant-website .medolia-content-box p,
body.restaurant-website .hunslet-testimonial-card .testimonial-body,
body.restaurant-website .accordion-content p,
body.restaurant-website .section-title p,
body.restaurant-website .section-heading p,
body.restaurant-website .nhs-service-card p,
body.restaurant-website .travel-about-content p,
body.restaurant-website .travel-advice-card p,
body.restaurant-website .treatments-section-header p,
body.restaurant-website .treatment-block p,
body.restaurant-website .treatment-card-modern p,
body.restaurant-website .nhs-service-content p,
body.restaurant-website .service-extra-content p,
body.restaurant-website .nhs-advanced-card p,
body.restaurant-website .about-feat-content p,
body.restaurant-website .medolia-service-box p,
body.restaurant-website .feature-item p,
body.restaurant-website .contact-info p,
body.restaurant-website .banner-content p,
body.restaurant-website .appointment-content p,
body.restaurant-website .nominate-content p,
body.restaurant-website .travel-info-content p,
body.restaurant-website .treatment-bullets li,
body.restaurant-website .treatment-bullets li span:not(.bullet-check),
body.restaurant-website .treatment-bullets li span:not(.bullet-check) *,
body.restaurant-website .why-feature-pill-text,
body.restaurant-website .why-feature-pill-text strong,
body.restaurant-website .travel-feature-list li,
body.restaurant-website .travel-feature-list li span,
body.restaurant-website .custom-checkbox-wrap,
body.restaurant-website .custom-checkbox-wrap label,
body.restaurant-website .custom-checkbox-wrap label span,
body.restaurant-website .form-privacy-note,
body.restaurant-website .form-privacy-note span,
body.restaurant-website .appointment-checkbox,
body.restaurant-website .appointment-checkbox label,
body.restaurant-website .checkbox,
body.restaurant-website .checkbox span,
.custom-checkbox-wrap label,
.form-privacy-note,
.form-privacy-note span {
  color: #000000 !important;
}

/* ==========================================================================
   About & FAQ Sections: Center on Mobile/Tablet, Keep Left-Aligned on Desktop
   ========================================================================== */
@media (max-width: 1199.98px) {
  .medolia-about-sec .section-title,
  .medolia-faq-sec .section-title {
    text-align: center !important;
  }
  .medolia-about-sec .section-title .pf-pill-label,
  .medolia-faq-sec .section-title .pf-pill-label {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .medolia-about-sec .section-title h2,
  .medolia-faq-sec .section-title h3 {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .medolia-about-sec .section-title,
  .medolia-faq-sec .section-title {
    text-align: left !important;
  }
  .medolia-about-sec .section-title .pf-pill-label,
  .medolia-faq-sec .section-title .pf-pill-label {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .medolia-about-sec .section-title h2,
  .medolia-faq-sec .section-title h3 {
    text-align: left !important;
  }
}

/* About & Pharmacy First Page Headers */
@media (max-width: 1199.98px) {
  .about-header-wrap,
  .why-care-header-wrap,
  .pf-header-wrap,
  .vac-header-wrap,
  .vac-protect-header-wrap,
  .weight-hero-header-wrap,
  .weight-info-header-wrap,
  .treatments-section-header,
  .travel-hero-header-wrap,
  .travel-why-header-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .about-header-wrap .pf-pill-label,
  .why-care-header-wrap .pf-pill-label,
  .pf-header-wrap .pf-pill-label,
  .vac-header-wrap .vac-badge,
  .vac-protect-header-wrap .vac-badge,
  .weight-hero-header-wrap .pf-pill-label,
  .weight-info-header-wrap .pf-pill-label,
  .treatments-section-header .pf-pill-label,
  .travel-hero-header-wrap .pf-pill-label,
  .travel-why-header-wrap .pf-pill-label {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .about-header-wrap .about-section-heading,
  .why-care-header-wrap .why-care-title,
  .pf-header-wrap .pf-section-heading,
  .vac-header-wrap h1,
  .vac-protect-header-wrap h2,
  .weight-hero-header-wrap h1,
  .weight-info-header-wrap h2,
  .treatments-section-header h2,
  .travel-hero-header-wrap .travel-hero-title,
  .travel-why-header-wrap .why-title {
    text-align: center !important;
    width: 100% !important;
  }
  .treatments-section-header p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .about-header-wrap,
  .why-care-header-wrap,
  .pf-header-wrap,
  .vac-header-wrap,
  .vac-protect-header-wrap,
  .weight-hero-header-wrap,
  .weight-info-header-wrap,
  .travel-hero-header-wrap,
  .travel-why-header-wrap {
    display: block !important;
    text-align: left !important;
    align-items: flex-start !important;
  }
  .about-header-wrap .pf-pill-label,
  .why-care-header-wrap .pf-pill-label,
  .pf-header-wrap .pf-pill-label,
  .vac-header-wrap .vac-badge,
  .vac-protect-header-wrap .vac-badge,
  .weight-hero-header-wrap .pf-pill-label,
  .weight-info-header-wrap .pf-pill-label,
  .travel-hero-header-wrap .pf-pill-label,
  .travel-why-header-wrap .pf-pill-label {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .about-header-wrap .about-section-heading,
  .why-care-header-wrap .why-care-title,
  .pf-header-wrap .pf-section-heading,
  .vac-header-wrap h1,
  .vac-protect-header-wrap h2,
  .weight-hero-header-wrap h1,
  .weight-info-header-wrap h2,
  .travel-hero-header-wrap .travel-hero-title,
  .travel-why-header-wrap .why-title {
    text-align: left !important;
  }
  .treatments-section-header {
    text-align: center !important;
  }
  .treatments-section-header .pf-pill-label {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Responsive Image Adjustments for Pharmacy First Hero Image */
@media (max-width: 991.98px) {
  .pf-visual-showcase {
    padding: 8px 0 16px 0 !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .pf-hero-img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

@media (max-width: 767.98px) {
  .pf-visual-showcase {
    padding: 4px 0 14px 0 !important;
  }

  .pf-main-frame {
    border-radius: 18px !important;
    border-width: 4px !important;
  }

  .pf-hero-img {
    height: 240px !important;
    aspect-ratio: 16 / 11 !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

@media (max-width: 575.98px) {
  .pf-hero-img {
    height: 215px !important;
    aspect-ratio: 16 / 11 !important;
  }

  .pf-visual-glow {
    width: 240px !important;
    height: 240px !important;
  }
}

/* Responsive Image Adjustments for About Us Hero Image */
@media (max-width: 991.98px) {
  .about-visual-showcase {
    padding: 6px 0 18px 0 !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .about-hero-img {
    width: 100% !important;
    height: 280px !important;
    aspect-ratio: 16 / 11 !important;
    object-fit: cover !important;
    object-position: center 20% !important;
  }

  .about-badge-bottom {
    bottom: 2px !important;
    right: 8px !important;
  }
}

@media (max-width: 767.98px) {
  .about-visual-showcase {
    padding: 4px 0 16px 0 !important;
  }

  .about-main-frame {
    border-radius: 20px !important;
    border-width: 4px !important;
  }

  .about-hero-img {
    height: 240px !important;
    aspect-ratio: 16 / 11 !important;
  }
}

@media (max-width: 575.98px) {
  .about-visual-showcase {
    padding: 2px 0 14px 0 !important;
  }

  .about-visual-glow {
    width: 240px !important;
    height: 240px !important;
  }

  .about-main-frame {
    border-radius: 18px !important;
    border-width: 3.5px !important;
  }

  .about-hero-img {
    height: 220px !important;
    aspect-ratio: 16 / 11 !important;
    object-fit: cover !important;
    object-position: center 20% !important;
  }

  .about-floating-badge {
    padding: 7px 11px !important;
    border-radius: 13px !important;
  }

  .about-badge-icon {
    width: 34px !important;
    height: 34px !important;
    font-size: 15px !important;
    border-radius: 10px !important;
  }

  .about-badge-text .badge-label {
    font-size: 10px !important;
    letter-spacing: 0.5px !important;
  }

  .about-badge-text strong {
    font-size: 12px !important;
  }

  .about-badge-bottom {
    bottom: 2px !important;
    right: 6px !important;
  }
}

/* Responsive Image Adjustments for Weight Loss Clinic Hero Image */
@media (max-width: 991.98px) {
  .travel-about-content .travel-about-image {
    margin: 18px 0 24px !important;
    border-radius: 20px !important;
  }

  .travel-about-content .travel-about-image img {
    width: 100% !important;
    height: 280px !important;
    aspect-ratio: 16 / 11 !important;
    object-fit: cover !important;
    object-position: center 25% !important;
    border-radius: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .travel-about-content .travel-about-image {
    margin: 14px 0 20px !important;
    border-radius: 18px !important;
  }

  .travel-about-content .travel-about-image img {
    height: 235px !important;
    aspect-ratio: 16 / 11 !important;
    object-position: center 25% !important;
    border-radius: 18px !important;
  }
}

/* Ensure text in CTA banners and dark floating callouts stays white and clearly visible */
.cta-banner-content p,
.travel-cta-banner .cta-banner-content p,
.travel-cta-content p,
.premium-cta-content p,
.vac-protect-callout,
.vac-protect-callout p,
.vac-protect-callout p strong,
body.restaurant-website .vac-protect-callout,
body.restaurant-website .vac-protect-callout p,
body.restaurant-website .vac-protect-callout p strong {
  color: #ffffff !important;
}

/* Fix mobile navigation sidebar double borders */
@media (max-width: 991.98px) {
  .header-navigation .theme-nav-menu .mega-main-menu {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .header-navigation .theme-nav-menu .main-menu .mega-main-menu li,
  .header-navigation .theme-nav-menu .main-menu .mega-sub-menu li {
    border-bottom: none !important;
    border: none !important;
    margin: 0 !important;
  }

  .header-navigation .theme-nav-menu .main-menu .mega-item > a {
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 14px 16px !important;
  }

  .header-navigation .theme-nav-menu .mega-sub-menu {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f8fafc !important;
  }

  .header-navigation .theme-nav-menu .main-menu .mega-sub-menu li a {
    border: none !important;
    border-bottom: 1px solid #eef2f5 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    background: transparent !important;
  }

  .header-navigation .theme-nav-menu .main-menu .mega-sub-menu li:last-child a {
    border-bottom: none !important;
  }
}