/* ==========================================
   GLOBAL ACCESSIBILITY ENGINE & HIGH CONTRAST STYLES
   ========================================== */

  /* Active State for Accessibility Buttons & Language Buttons */
  .acc-bar button.acc-active,
  .acc-bar .acc-btn.acc-active,
  .acc-bar .lang-btn.active,
  .bottom-acc-bar button.acc-active {
    background: #2e7d32 !important;
    color: #ffffff !important;
    border-radius: 4px;
    font-weight: 800 !important;
    box-shadow: 0 0 8px rgba(46, 125, 50, 0.5);
  }

  .bottom-acc-bar button.acc-active i {
    color: #ffffff !important;
  }

  /* Button Focus & Hover Improvements */
  .acc-bar button,
  .acc-bar a,
  .bottom-acc-bar button {
    transition: all 0.2s ease-in-out;
  }

  .acc-bar button:focus-visible,
  .bottom-acc-bar button:focus-visible {
    outline: 2px solid #2e7d32;
    outline-offset: 2px;
  }

  /* ==========================================
   HIGH CONTRAST MODE OVERRIDES (100% VISIBILITY FOR ALL CONTENT & IMAGES)
   ========================================== */

  /* 1. Base Body & Canvas */
  html.high-contrast,
  html.high-contrast body,
  html.high-contrast .division-pharma-page {
    background-color: #030712 !important;
    background-image: none !important;
    color: #ffffff !important;
  }

  /* 2. HERO SECTION HIGH CONTRAST (PRESERVING RIGHT SIDE BUILDING IMAGE & DARK LEFT SIDE READABILITY) */
  html.high-contrast .hero-section {
    background-image:
      linear-gradient(90deg,
        rgba(3, 7, 18, 0.95) 0%,
        rgba(3, 7, 18, 0.88) 42%,
        rgba(3, 7, 18, 0.25) 68%,
        rgba(3, 7, 18, 0.05) 100%),
      url("../images/hero/building3-sky.png") !important;
    background-size: cover !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
    background-color: #030712 !important;
  }

  /* Hide duplicate middle circle wrap in desktop high contrast */
  html.high-contrast .hero-circle-wrap {
    display: none !important;
  }

  /* Positioning Wrappers Transparent */
  html.high-contrast .hero-viewport,
  html.high-contrast .hero-img-container,
  html.high-contrast .hero-content-wrap {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Disable white gradient pseudo-element masks */
  html.high-contrast .hero-section::before,
  html.high-contrast .hero-section::after,
  html.high-contrast .hero-viewport::before,
  html.high-contrast .hero-viewport::after,
  html.high-contrast .hero-img-container::before,
  html.high-contrast .hero-img-container::after,
  html.high-contrast .about-hero-media::before,
  html.high-contrast .about-hero-media::after,
  html.high-contrast .pharma-hero::before,
  html.high-contrast .pharma-hero::after {
    display: none !important;
    background: transparent !important;
    opacity: 0 !important;
  }

  /* 3. SECTION & CONTAINER BACKGROUNDS */
  html.high-contrast section,
  html.high-contrast header,
  html.high-contrast footer,
  html.high-contrast nav,
  html.high-contrast div.about-hero,
  html.high-contrast div.careers-hero,
  html.high-contrast div.pharma-hero,
  html.high-contrast div.coming-hero,
  html.high-contrast div.hero-banner-section,
  html.high-contrast div.trust-features-bar,
  html.high-contrast div.about-section,
  html.high-contrast div.journey-section,
  html.high-contrast div.jobs-section,
  html.high-contrast div.roles-section,
  html.high-contrast div.life-section,
  html.high-contrast div.cta-section,
  html.high-contrast div.divisions-section,
  html.high-contrast div.shop-hero-slider,
  html.high-contrast div.bestsellers-section,
  html.high-contrast div.categories-strip,
  html.high-contrast div.specialized-divisions-section,
  html.high-contrast div.shop-enquiry-section,
  html.high-contrast div.pharma-section,
  html.high-contrast div.trust-blue-section,
  html.high-contrast div.split-card-section,
  html.high-contrast div.glance-section,
  html.high-contrast div.pharma-cta {
    background-color: #030712 !important;
    background-image: none !important;
    border-color: #38bdf8 !important;
  }

  /* 4. ENSURE ALL IMAGES & GRAPHICS STAY 100% VISIBLE */
  html.high-contrast img,
  html.high-contrast svg,
  html.high-contrast picture,
  html.high-contrast video,
  html.high-contrast canvas,
  html.high-contrast iframe,
  html.high-contrast .hero-bg-img {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    max-width: 100%;
  }

  /* Remove dark opaque masks covering images */
  html.high-contrast .dc-overlay,
  html.high-contrast .quick-view-overlay,
  html.high-contrast .division-card::before,
  html.high-contrast .category-card::before {
    background: rgba(0, 0, 0, 0.3) !important;
    opacity: 0.3 !important;
  }

  /* Image Wrapper Containers */
  html.high-contrast .product-img-wrapper,
  html.high-contrast .leader-card img,
  html.high-contrast .hero-slider-card img,
  html.high-contrast .division-card img,
  html.high-contrast .presence-network img,
  html.high-contrast .csr-card img,
  html.high-contrast .cert-card img,
  html.high-contrast .pharma-hero-visual,
  html.high-contrast .trust-image img,
  html.high-contrast .expertise-card-media img,
  html.high-contrast .precision-content img {
    background-color: #0f172a !important;
    border: 1px solid #38bdf8 !important;
  }

  /* 5. BASE TEXT ELEMENTS - HIGH CONTRAST READABILITY */
  html.high-contrast h1,
  html.high-contrast h2,
  html.high-contrast h3,
  html.high-contrast h4,
  html.high-contrast h5,
  html.high-contrast h6,
  html.high-contrast p,
  html.high-contrast span,
  html.high-contrast li,
  html.high-contrast label,
  html.high-contrast td,
  html.high-contrast th,
  html.high-contrast strong,
  html.high-contrast small,
  html.high-contrast b,
  html.high-contrast article,
  html.high-contrast dt,
  html.high-contrast dd {
    color: #ffffff !important;
    text-shadow: none !important;
  }

  /* Force Hero Text Legibility */
  html.high-contrast .hero-section h1,
  html.high-contrast .hero-section p,
  html.high-contrast .hero-section .tagline,
  html.high-contrast .hero-trust-icons .trust-item div,
  html.high-contrast .hero-trust-icons i,
  html.high-contrast .pharma-hero h1,
  html.high-contrast .pharma-hero p,
  html.high-contrast .pharma-hero-copy {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9) !important;
  }

  /* Icons */
  html.high-contrast i,
  html.high-contrast .bi {
    color: inherit;
  }

  /* Links */
  html.high-contrast a {
    color: #38bdf8 !important;
  }

  html.high-contrast a:hover {
    color: #facc15 !important;
    text-decoration: underline !important;
  }

  /* Muted Text */
  html.high-contrast .text-muted,
  html.high-contrast .text-secondary,
  html.high-contrast small.text-muted,
  html.high-contrast .product-brand,
  html.high-contrast .shop-desc,
  html.high-contrast .careers-mobile-content p,
  html.high-contrast .section-lead,
  html.high-contrast .expertise-card p,
  html.high-contrast .precision-panel p,
  html.high-contrast .partnership-panel p {
    color: #cbd5e1 !important;
  }

  /* Success / Accent Text */
  html.high-contrast .text-success,
  html.high-contrast .text-primary,
  html.high-contrast .offer-price,
  html.high-contrast .section-tag {
    color: #facc15 !important;
    font-weight: 800 !important;
  }

  /* 6. CARDS & PANELS (FORCING DARK BACKGROUND & BRIGHT BORDER FOR 100% CONTRAST) */
  html.high-contrast .card,
  html.high-contrast .dd-card,
  html.high-contrast .stat-card,
  html.high-contrast .product-card,
  html.high-contrast .category-card,
  html.high-contrast .shop-modal-box,
  html.high-contrast .hero-slider-card,
  html.high-contrast .leaders-panel,
  html.high-contrast .leader-card,
  html.high-contrast .strength-card,
  html.high-contrast .cert-card,
  html.high-contrast .manufacturing-panel,
  html.high-contrast .video-card,
  html.high-contrast .mv-card,
  html.high-contrast .presence-card,
  html.high-contrast .csr-card,
  html.high-contrast .award-card,
  html.high-contrast .division-card,
  html.high-contrast .journey-card,
  html.high-contrast .benefits-card,
  html.high-contrast .cv-card,
  html.high-contrast .job-card,
  html.high-contrast .role-card,
  html.high-contrast .life-panel,
  html.high-contrast .promo-banner-card,
  html.high-contrast .subscribe-card,
  html.high-contrast .order-summary-card,
  html.high-contrast .cart-item-card,
  html.high-contrast .checkout-step-box,
  html.high-contrast .shop-half,
  html.high-contrast .enquiry-half,
  html.high-contrast .careers-mobile-card,
  html.high-contrast .commitment-card,
  html.high-contrast .stats-bar-card,
  html.high-contrast .feature-item,
  html.high-contrast .enquiry-list li,
  html.high-contrast .soft-panel,
  html.high-contrast .expertise-card,
  html.high-contrast .portfolio-panel,
  html.high-contrast .portfolio-grid article,
  html.high-contrast .trust-blue-panel,
  html.high-contrast .trust-blue-grid article,
  html.high-contrast .precision-panel,
  html.high-contrast .partnership-panel,
  html.high-contrast .glance-card,
  html.high-contrast .glance-stats-card,
  html.high-contrast .pharma-cta-card,
  html.high-contrast .pharma-usp-badge,
  html.high-contrast .trust-points article {
    background-color: #0f172a !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 2px solid #38bdf8 !important;
    box-shadow: none !important;
  }

  /* Floating Badges on Hero Section */
  html.high-contrast .floating-badge {
    background-color: #0f172a !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 2px solid #38bdf8 !important;
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.4) !important;
  }

  html.high-contrast .floating-badge span,
  html.high-contrast .floating-badge i,
  html.high-contrast .floating-badge svg {
    color: #ffffff !important;
    fill: #ffffff !important;
  }

  /* Home Panel Specific Text Colors in High Contrast */
  html.high-contrast .enquiry-list li i,
  html.high-contrast .enquiry-list li strong,
  html.high-contrast .shop-feat,
  html.high-contrast .shop-title,
  html.high-contrast .enquiry-title,
  html.high-contrast .careers-mobile-content h2,
  html.high-contrast .stat-title-header,
  html.high-contrast .stat-num,
  html.high-contrast .stat-label,
  html.high-contrast .hero-trust-icons .trust-item div {
    color: #ffffff !important;
  }

  html.high-contrast .enquiry-label,
  html.high-contrast .shop-label {
    color: #facc15 !important;
  }

  /* 7. BUTTONS & BADGES (CRITICAL FIX FOR BLACK TEXT ON YELLOW BUTTONS & BADGES) */

  /* Base Buttons */
  html.high-contrast .btn,
  html.high-contrast button {
    background-color: #1e293b !important;
    color: #ffffff !important;
    border: 2px solid #38bdf8 !important;
  }

  /* Primary / Action Buttons -> Bright Yellow with Solid Black Text */
  html.high-contrast .btn-primary,
  html.high-contrast .btn-success,
  html.high-contrast .btn-hero-primary,
  html.high-contrast .btn-cta-green,
  html.high-contrast .btn-figma-green,
  html.high-contrast .btn-explore,
  html.high-contrast .btn-view-prod,
  html.high-contrast .btn-shop-hero,
  html.high-contrast .btn-liquid,
  html.high-contrast .btn-dd-primary,
  html.high-contrast .btn-apply-now,
  html.high-contrast .btn-portfolio-green,
  html.high-contrast .btn-cta-blue {
    background-color: #facc15 !important;
    color: #000000 !important;
    border: 2px solid #facc15 !important;
    font-weight: 800 !important;
  }

  /* ALL INNER ELEMENTS INSIDE YELLOW BUTTONS MUST BE BLACK */
  html.high-contrast .btn-primary *,
  html.high-contrast .btn-success *,
  html.high-contrast .btn-hero-primary *,
  html.high-contrast .btn-cta-green *,
  html.high-contrast .btn-figma-green *,
  html.high-contrast .btn-explore *,
  html.high-contrast .btn-view-prod *,
  html.high-contrast .btn-shop-hero *,
  html.high-contrast .btn-liquid *,
  html.high-contrast .btn-dd-primary *,
  html.high-contrast .btn-apply-now *,
  html.high-contrast .btn-portfolio-green *,
  html.high-contrast .btn-cta-blue * {
    color: #000000 !important;
  }

  /* Outline Buttons */
  html.high-contrast .btn-outline-primary,
  html.high-contrast .btn-outline-success,
  html.high-contrast .btn-outline-green,
  html.high-contrast .btn-outline-secondary,
  html.high-contrast .btn-outline-light,
  html.high-contrast .btn-white-blue {
    background-color: transparent !important;
    color: #38bdf8 !important;
    border: 2px solid #38bdf8 !important;
    font-weight: 700 !important;
  }

  html.high-contrast .btn-outline-primary *,
  html.high-contrast .btn-outline-success *,
  html.high-contrast .btn-outline-green *,
  html.high-contrast .btn-outline-secondary *,
  html.high-contrast .btn-outline-light *,
  html.high-contrast .btn-white-blue * {
    color: #38bdf8 !important;
  }

  /* Badges -> Bright Yellow with Solid Black Text */
  html.high-contrast .badge,
  html.high-contrast .badge-stock-in,
  html.high-contrast .badge-discount,
  html.high-contrast .cart-count-badge {
    background-color: #facc15 !important;
    color: #000000 !important;
    border: 1px solid #facc15 !important;
    font-weight: 800 !important;
  }

  html.high-contrast .badge *,
  html.high-contrast .badge-stock-in *,
  html.high-contrast .badge-discount * {
    color: #000000 !important;
  }

  /* 8. ACCESSIBILITY TOGGLE BUTTON ACTIVE STATE */
  html.high-contrast .acc-bar button.acc-active,
  html.high-contrast .bottom-acc-bar button.acc-active {
    background: #facc15 !important;
    color: #000000 !important;
    border-color: #facc15 !important;
    font-weight: 800 !important;
  }

  html.high-contrast .acc-bar button.acc-active *,
  html.high-contrast .bottom-acc-bar button.acc-active * {
    color: #000000 !important;
  }

  /* 9. FORM INPUTS & SELECT DROPDOWNS */
  html.high-contrast input,
  html.high-contrast select,
  html.high-contrast textarea,
  html.high-contrast .form-control,
  html.high-contrast .form-select {
    background-color: #090d16 !important;
    color: #ffffff !important;
    border: 2px solid #38bdf8 !important;
  }

  html.high-contrast input::placeholder,
  html.high-contrast textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
  }

  html.high-contrast select option {
    background-color: #090d16 !important;
    color: #ffffff !important;
  }

  /* 10. HEADERS, NAVBARS & FOOTERS */
  html.high-contrast .acc-bar,
  html.high-contrast .bottom-acc-bar {
    background: #020617 !important;
    border-color: #facc15 !important;
  }

  html.high-contrast .main-nav,
  html.high-contrast .shop-header,
  html.high-contrast .mega-nav-bar,
  html.high-contrast .footer,
  html.high-contrast .site-footer,
  html.high-contrast .shop-footer {
    background-color: #0b1329 !important;
    border-color: #38bdf8 !important;
    color: #ffffff !important;
  }

  html.high-contrast .nav-link,
  html.high-contrast .mega-nav-link,
  html.high-contrast .dropdown-item {
    color: #ffffff !important;
  }

  html.high-contrast .dropdown-menu,
  html.high-contrast .account-popover,
  html.high-contrast .search-overlay-card {
    background-color: #0f172a !important;
    border: 2px solid #38bdf8 !important;
    color: #ffffff !important;
  }