/*
Theme Name: Al Quds Textiles Professional Theme
Theme URI: https://example.com
Author: Antigravity
Author URI: https://example.com
Description: Catalog-focused bilingual block theme for Dalia / Al Quds Cotton & Textile Industries Factory.
Version: 1.1.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: alquds-textiles-theme
*/

html,
body {
    margin: 0;
    padding: 0;
    font-feature-settings: "liga" 1, "calt" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    direction: rtl;
    text-align: right;
}

/* LTR Support - triggered by dir attribute or TranslatePress class */
[dir="ltr"] body,
body[dir="ltr"],
body.translatepress-en_US {
    direction: ltr !important;
    text-align: left !important;
}

/* Ensure RTL for Arabic even if dir is missing */
body.translatepress-ar {
    direction: rtl !important;
    text-align: right !important;
}

:root {
    --jaz-primary: #145c75;
    --jaz-primary-dark: #0b2f3d;
    --jaz-accent: #22a5cb;
    --jaz-light: #f5f9fc;
    --jaz-text-muted: #587082;
    --jaz-shadow-soft: 0 18px 40px rgba(11, 47, 61, 0.08);
    --jaz-shadow-medium: 0 26px 56px rgba(11, 47, 61, 0.16);
    --jaz-page-gutter: clamp(16px, 3vw, 40px);
}

p,
li {
    line-height: 1.8;
}

/* Columns direction fix */
.wp-block-columns {
    flex-direction: row;
}

[dir="rtl"] .wp-block-columns,
body.translatepress-ar .wp-block-columns {
    flex-direction: row-reverse;
}

[dir="ltr"] .wp-block-columns,
body.translatepress-en_US .wp-block-columns {
    flex-direction: row;
}

.wp-site-blocks,
.wp-block-post-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 
 * Gutenberg adds blockGap margin to all sibling elements.
 * For inner pages, content is wrapped in <main> or <div class="wp-block-group">.
 * This margin pushes the hero block down, creating a white gap! We must kill it.
 */
.wp-site-blocks > main,
.wp-site-blocks > .wp-block-group:first-of-type,
.wp-block-post-content > *:first-child,
.wp-site-blocks > *:first-child {
    margin-top: 0 !important;
}

/* Shared interactions */
.wp-block-button__link {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(11, 47, 61, 0.24);
}

.service-card,
.jaz-value-card,
.jaz-feature-panel,
.jaz-stat-card {
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.service-card:hover,
.jaz-value-card:hover,
.jaz-feature-panel:hover,
.jaz-stat-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--jaz-shadow-medium) !important;
}

/* Animation system */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes floatSoft {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

.animate-fade-up {
    opacity: 0;
    animation: fadeInUp 0.8s ease forwards;
}

.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.animate-on-scroll.is-visible,
.animate-fade-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.delay-100 {
    animation-delay: 0.1s;
    transition-delay: 0.1s;
}

.delay-200 {
    animation-delay: 0.2s;
    transition-delay: 0.2s;
}

.delay-300 {
    animation-delay: 0.3s;
    transition-delay: 0.3s;
}

.delay-400 {
    animation-delay: 0.4s;
    transition-delay: 0.4s;
}

/* ================================
   PROFESSIONAL HEADER SYSTEM - ULTIMATE FIX
   Solving ALL RTL, Dropdown, and Scroll issues
   ================================ */

/* ===== BASE HEADER STYLES ===== */
.site-header {
    /* Positioning */
    position: sticky !important;
    /* TOP is set by CSS variables in HEADER FINAL NORMALIZATION section */
    left: 0;
    right: 0;
    z-index: 9999;

    /* Layout - CORRECT RTL ORDER */
    display: flex !important;
    flex-direction: row !important;
    /* Normal direction for RTL site */
    justify-content: space-between;
    align-items: center;
    width: 100%;

    /* Professional spacing */
    padding: 0.9rem 5% !important;
    min-height: 75px;

    /* Default appearance - ALWAYS VISIBLE */
    background-color: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;

    /* Smooth transitions */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* WordPress Admin Bar handling moved to "HEADER FINAL NORMALIZATION" section below
 * This ensures consistent behavior across all page types using CSS variables.
 */

/* ===== HEADER LOGO (FIRST in flex = RIGHT in RTL) ===== */
.site-header .header-logo-wrapper {
    z-index: 10002;
    position: relative;
    order: 1;
    /* First element = Right in RTL */
    margin: 0 !important;
}

.site-header .wp-block-site-title {
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .wp-block-site-title a {
    color: var(--jaz-primary, #0b3243) !important;
    font-weight: 800 !important;
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    transition: color 0.3s ease, opacity 0.2s ease;
    display: inline-block;
    white-space: nowrap;
}

.site-header .wp-block-site-title a:hover {
    opacity: 0.8;
}

/* ===== DESKTOP NAVIGATION (CENTER) ===== */
.site-header .main-navigation {
    position: static !important;
    order: 2;
    /* Middle */
    flex: 1;
    display: flex !important;
    justify-content: center !important;
    margin: 0 2rem !important;
}

/* Show navigation on desktop */
@media screen and (min-width: 1025px) {
    .site-header .wp-block-navigation__container {
        display: flex !important;
        gap: 2rem !important;
        align-items: center;
    }

    .site-header .wp-block-navigation-item {
        margin: 0 !important;
    }

    .site-header .wp-block-navigation__responsive-container-open {
        display: none !important;
    }
}

.site-header .wp-block-navigation .wp-block-navigation-item__label,
.site-header .wp-block-navigation .wp-block-navigation-item__content {
    color: var(--jaz-primary, #0b3243) !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    transition: color 0.3s ease;
    padding: 0.5rem 0 !important;
}

.site-header .wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation-item__label,
.site-header .wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation-item__content {
    color: #145c75 !important;
}

/* Desktop Dropdown/Submenu - WHITE BACKGROUND */
@media screen and (min-width: 1025px) {
    .site-header .wp-block-navigation__submenu-container {
        background: #ffffff !important;
        border: 1px solid rgba(11, 50, 67, 0.12) !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
        padding: 0.75rem !important;
        min-width: 220px !important;
    }

    .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
    .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        color: var(--jaz-primary, #145c75) !important;
        /* DARK TEXT for readability on white background */
        background: transparent !important;
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        padding: 0.6rem 1rem !important;
        border-radius: 4px !important;
        transition: all 0.2s ease;
        margin-bottom: 0.25rem !important;
        text-shadow: none !important;
    }

    .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover .wp-block-navigation-item__label,
    .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover .wp-block-navigation-item__content {
        background: var(--wp--preset--color--neutral-50, #f0f4f5) !important;
        color: var(--jaz-accent, #22a5cb) !important;
    }
}

/* ===== DESKTOP CTA BUTTON (LAST = LEFT in RTL) ===== */
.site-header .header-cta-desktop {
    margin: 0 !important;
    order: 3;
    /* Last element = Left in RTL */
}

.site-header .header-contact-btn {
    margin: 0 !important;
}

.site-header .header-contact-btn .wp-block-button__link {
    background-color: #145c75 !important;
    color: #ffffff !important;
    padding: 0.75rem 1.75rem !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
    transition: all 0.3s ease;
    border: none !important;
    box-shadow: 0 4px 12px rgba(20, 92, 117, 0.25);
    white-space: nowrap;
}

.site-header .header-contact-btn .wp-block-button__link:hover {
    background-color: #0f4a5e !important;
    box-shadow: 0 6px 20px rgba(20, 92, 117, 0.4);
    transform: translateY(-2px);
}

/* ===== OVERLAY HEADER MODE (Hero Pages) ===== */
body.jaz-header-overlay-page .site-header {
    position: fixed !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Text colors for overlay mode */
body.jaz-header-overlay-page .site-header .wp-block-site-title a,
body.jaz-header-overlay-page .site-header .wp-block-navigation .wp-block-navigation-item__label,
body.jaz-header-overlay-page .site-header .wp-block-navigation .wp-block-navigation-item__content {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* ===== SCROLLED STATE ===== */
body.jaz-header-overlay-page.jaz-scrolled .site-header,
body.jaz-header-overlay-page .site-header.is-scrolled {
    background-color: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 4px 20px rgba(7, 28, 40, 0.1) !important;
}

/* Text colors when scrolled */
body.jaz-header-overlay-page.jaz-scrolled .site-header .wp-block-site-title a,
body.jaz-header-overlay-page.jaz-scrolled .site-header .wp-block-navigation .wp-block-navigation-item__label,
body.jaz-header-overlay-page.jaz-scrolled .site-header .wp-block-navigation .wp-block-navigation-item__content,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-site-title a,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-navigation .wp-block-navigation-item__label,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-navigation .wp-block-navigation-item__content {
    color: var(--jaz-primary, #0b3243) !important;
    text-shadow: none;
}

/* ===== HERO SECTION PADDING ===== */
body.jaz-header-overlay-page .wp-block-cover.alignfull:first-child,
body.jaz-header-overlay-page .wp-block-post-content>.wp-block-cover:first-child,
body.jaz-header-overlay-page .wp-block-post-content>[class*="hero"]:first-child {
    margin-top: 0 !important;
    padding-top: 150px !important;
}

/* ===== MOBILE STYLES - MOVED TO dalia-overrides.css =====
   Legacy JAZ mobile header, hamburger, and menu overlay styles removed.
   All mobile header behavior is now controlled by dalia-overrides.css.
   ===== */

/* ===== ACCESSIBILITY ===== */
.site-header *:focus-visible {
    outline: 2px solid #145c75;
    outline-offset: 2px;
}

/* ===== PERFORMANCE ===== */
.site-header {
    will-change: background-color, box-shadow;
}

.site-header * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Shared section styles */
.jaz-section-shell {
    position: relative;
}

.jaz-section-shell,
.jaz-cta-shell,
.jaz-about-cta-shell,
.jaz-cap-system-shell,
.jaz-cap-cta-shell,
.jaz-quality-cta-shell,
.jaz-rd-page-cta-shell,
.jaz-facilities-cta-shell {
    width: min(100%, var(--wp--style--global--wide-size, 1600px)) !important;
    max-width: none;
    margin-inline: auto !important;
    padding-inline: var(--jaz-page-gutter);
    box-sizing: border-box;
}

.jaz-eyebrow {
    color: #6f8392;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 0.6rem;
}

.jaz-eyebrow-light {
    color: #c6e4ee;
}

.decorated-heading::after,
.decorated-heading h2::after {
    content: "";
    display: block;
    width: 68px;
    height: 4px;
    border-radius: 99px;
    margin-top: 16px;
    background: var(--jaz-primary);
}

.decorated-heading.has-text-align-center::after,
.decorated-heading.has-text-align-center h2::after {
    margin-left: auto;
    margin-right: auto;
}

.jaz-section-intro {
    color: var(--jaz-text-muted);
    max-width: 760px;
    margin-inline: auto;
}

/* Stats */
.jaz-stats-band {
    background: linear-gradient(120deg, #0a3d52 0%, #145c75 54%, #1a7698 100%);
    position: relative;
    overflow: hidden;
}

.jaz-stats-band::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.14), transparent 38%), radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.12), transparent 34%);
    pointer-events: none;
}

.jaz-stats-grid {
    gap: 1.2rem;
}

.jaz-stat-card {
    border-radius: 20px;
    padding: 1.5rem 1.25rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(4px);
    text-align: center;
}

.jaz-stat-icon img {
    animation: floatSoft 4s ease-in-out infinite;
}

.jaz-stat-card .counter-number {
    margin: 0.45rem 0 0;
    font-size: clamp(2.2rem, 3.8vw, 3.1rem);
    font-weight: 800;
    color: #ffffff;
}

.jaz-stat-card p {
    margin: 0.4rem 0 0;
    color: rgba(255, 255, 255, 0.92);
    font-weight: 700;
}

/* Core sectors */
.jaz-sectors {
    background: linear-gradient(180deg, #f8fbfd 0%, #eff6fa 100%);
}

.jaz-sectors-grid {
    gap: 1.4rem;
}

.jaz-media-card {
    background: #ffffff;
    border-radius: 22px;
    padding: 1rem 1rem 1.5rem;
    border: 1px solid #d9e9f0;
    box-shadow: var(--jaz-shadow-soft);
}

.jaz-media-thumb img {
    width: 100%;
    border-radius: 16px;
    border: 1px solid #dbe9ef;
}

.jaz-media-card h3 {
    margin-top: 1.1rem;
}

.jaz-media-card p {
    color: var(--jaz-text-muted);
}

.jaz-media-card ul {
    margin: 0;
    padding-right: 1rem;
    color: #3f5665;
}

.jaz-media-card ul li::marker {
    color: var(--jaz-primary);
}

/* Why JAZ */
.jaz-why {
    background: #ffffff;
}

.jaz-why-intro {
    border-radius: 20px;
    background: linear-gradient(135deg, #f4fafc 0%, #e7f4f8 100%);
    padding: 2rem;
    border: 1px solid #d7e9f0;
    box-shadow: var(--jaz-shadow-soft);
}

.jaz-intro-icon img {
    animation: floatSoft 3.8s ease-in-out infinite;
}

.jaz-value-grid {
    gap: 1rem;
    margin-bottom: 1rem;
}

.jaz-value-card {
    background: #ffffff;
    border: 1px solid #deecf2;
    border-radius: 16px;
    padding: 1.25rem;
    box-shadow: 0 10px 24px rgba(8, 45, 60, 0.06);
    min-height: 220px;
}

.jaz-value-card h4 {
    margin: 0.4rem 0;
    color: var(--jaz-primary);
    font-size: 1.2rem;
}

.jaz-value-card p {
    margin: 0;
    color: #4e6573;
}

/* R&D */
.jaz-rd-banner {
    background-color: #0b2f3d;
}

.jaz-rd-banner .wp-block-cover__inner-container {
    width: min(1200px, calc(100% - 48px));
}

.jaz-rd-panel {
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.12) !important;
}

.jaz-check-list {
    margin: 0;
    padding-right: 0;
    list-style: none;
}

.jaz-check-list li {
    position: relative;
    color: #ffffff;
    padding-right: 1.8rem;
    margin-bottom: 0.95rem;
    font-weight: 600;
}

.jaz-check-list li::before {
    content: "?";
    position: absolute;
    right: 0;
    top: 0;
    color: #7de3ff;
    font-weight: 800;
}

/* Quality */
.jaz-quality {
    background: linear-gradient(180deg, #f5f9fc 0%, #ffffff 100%);
}

.jaz-quality-grid {
    gap: 1.2rem;
    margin-top: 2rem;
}

.jaz-feature-panel {
    background: #ffffff;
    border-radius: 18px;
    padding: 1.45rem;
    border: 1px solid #d6e7ef;
    box-shadow: var(--jaz-shadow-soft);
    min-height: 280px;
}

.jaz-feature-panel h3 {
    margin-bottom: 0.4rem;
}

.jaz-feature-panel p {
    color: #4d6676;
}

/* Quality Page */
.jaz-quality-page-hero .wp-block-cover__inner-container {
    width: min(1200px, calc(100% - 48px));
}

.jaz-quality-pillars {
    background: linear-gradient(180deg, #f6fbfd 0%, #eef6fa 100%);
}

.jaz-quality-pillars-grid {
    gap: 1rem;
}

.jaz-quality-pillar-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.1rem;
    box-shadow: var(--jaz-shadow-soft);
    min-height: 210px;
}

.jaz-quality-pillar-card h4 {
    margin: 0.5rem 0 0.25rem;
}

.jaz-quality-pillar-card p {
    margin: 0;
    color: #4f6777;
}

.jaz-quality-gmp-section {
    background: #ffffff;
}

.jaz-quality-main-media img {
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
    aspect-ratio: 16 / 10;
    box-shadow: 0 18px 36px rgba(8, 44, 58, 0.16);
}

.jaz-quality-bullet-list {
    margin: 0.75rem 0 0;
    padding-right: 1.1rem;
    color: #405968;
}

.jaz-quality-qc-section {
    background: linear-gradient(180deg, #f5f9fc 0%, #edf5f9 100%);
}

.jaz-quality-qc-grid {
    gap: 1rem;
    margin-top: 1.5rem;
}

.jaz-quality-qc-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.2rem;
    box-shadow: var(--jaz-shadow-soft);
    min-height: 180px;
}

.jaz-quality-qc-card h4 {
    margin: 0 0 0.3rem;
}

.jaz-quality-qc-card p {
    margin: 0;
    color: #4d6676;
}

.jaz-quality-certs-section {
    background: #ffffff;
}

.jaz-quality-cert-badges {
    gap: 0.75rem;
    margin-top: 0.8rem;
}

.jaz-quality-badge {
    background: #f4fafd;
    border-radius: 12px;
    padding: 0.8rem;
    text-align: center;
}

.jaz-quality-badge p {
    margin: 0;
    color: #375062;
}

.jaz-quality-regulatory-section {
    background: linear-gradient(130deg, #0a3344 0%, #145c75 58%, #1a7392 100%);
}

.jaz-quality-reg-grid {
    gap: 1rem;
    margin-top: 1.4rem;
}

.jaz-quality-reg-card {
    border-radius: 14px;
    padding: 1rem;
    min-height: 190px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

.jaz-quality-step-no {
    margin: 0 0 0.15rem;
    color: #89e7ff;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.jaz-quality-reg-card h4 {
    margin: 0 0 0.25rem;
    color: #ffffff;
}

.jaz-quality-reg-card p {
    margin: 0;
    color: #d4ebf5;
}

.jaz-quality-cta-band {
    background: linear-gradient(135deg, #0c3a4b 0%, #145c75 52%, #1b7697 100%);
}

.jaz-quality-cta-shell {
    border-radius: 20px;
    background: rgba(7, 27, 37, 0.24);
    box-shadow: 0 16px 36px rgba(7, 30, 41, 0.22);
}

/* R&D Page */
.jaz-rd-page-hero .wp-block-cover__inner-container {
    width: min(1200px, calc(100% - 48px));
}

.jaz-rd-page-formulation {
    background: #ffffff;
}

.jaz-rd-page-media img,
.jaz-rd-step-media img {
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
    box-shadow: 0 18px 36px rgba(8, 44, 58, 0.14);
}

.jaz-rd-page-media img {
    aspect-ratio: 16 / 10;
}

.jaz-rd-step-media img {
    aspect-ratio: 4 / 3;
    margin-bottom: 0.8rem;
}

.jaz-rd-bullet-list {
    margin: 0.7rem 0 0;
    padding-right: 0;
    list-style: none;
}

.jaz-rd-bullet-list li {
    position: relative;
    padding-right: 1.7rem;
    margin-bottom: 0.55rem;
    color: #425b6b;
    font-weight: 600;
}

.jaz-rd-bullet-list li::before {
    content: "?";
    position: absolute;
    right: 0;
    color: var(--jaz-accent);
    font-weight: 800;
}

.jaz-rd-page-scaleup {
    background: linear-gradient(180deg, #f6fbfd 0%, #eef6fa 100%);
}

.jaz-rd-step-grid {
    gap: 1rem;
    margin-top: 1.8rem;
}

.jaz-rd-step-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 1rem;
    min-height: 360px;
    box-shadow: var(--jaz-shadow-soft);
}

.jaz-rd-step-no {
    margin: 0 0 0.2rem;
    color: var(--jaz-primary);
    font-weight: 800;
    letter-spacing: 0.06em;
}

.jaz-rd-step-card h4 {
    margin: 0 0 0.25rem;
}

.jaz-rd-step-card p {
    margin: 0;
    color: #4f6777;
}

.jaz-rd-page-stability {
    background: linear-gradient(125deg, #0a3242 0%, #145c75 58%, #1b7597 100%);
}

.jaz-rd-check-list {
    margin: 0.8rem 0 0;
    padding-right: 0;
    list-style: none;
}

.jaz-rd-check-list li {
    position: relative;
    padding-right: 1.6rem;
    margin-bottom: 0.6rem;
    color: #d8edf6;
}

.jaz-rd-check-list li::before {
    content: "?";
    position: absolute;
    right: 0;
    color: #88e6ff;
    font-weight: 800;
}

.jaz-rd-stability-stats {
    gap: 0.7rem;
    margin-top: 0.8rem;
}

.jaz-rd-stability-card {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 0.75rem;
}

.jaz-rd-stability-card h4,
.jaz-rd-stability-card p {
    margin: 0;
    color: #ffffff;
}

.jaz-rd-stability-card p {
    color: #d7edf6;
}

.jaz-rd-page-pipeline {
    background: #ffffff;
}

.jaz-rd-pipeline-list {
    margin-top: 1rem;
}

.jaz-rd-pipeline-item {
    background: #f6fbfd;
    border-radius: 14px;
    padding: 0.85rem 1rem;
    margin-bottom: 0.6rem;
    gap: 1rem;
    box-shadow: inset 0 0 0 1px rgba(20, 92, 117, 0.08);
}

.jaz-rd-pipeline-item p {
    margin: 0;
    color: #4a6372;
}

.jaz-rd-pipeline-stage {
    color: var(--jaz-primary) !important;
    font-weight: 800;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.jaz-rd-pipeline-side {
    background: #f4fafd;
    border-radius: 18px;
    padding: 1rem;
    box-shadow: var(--jaz-shadow-soft);
}

.jaz-rd-pipeline-side p {
    color: #476071;
}

.jaz-rd-chip-grid {
    gap: 0.55rem;
    margin-top: 0.55rem;
}

.jaz-rd-chip {
    background: #e6f3f8;
    border-radius: 999px;
    text-align: center;
    padding: 0.38rem 0.65rem;
}

.jaz-rd-chip p {
    margin: 0;
    color: #1a5f77;
    font-size: 0.82rem;
    font-weight: 700;
}

.jaz-rd-page-cta {
    background: linear-gradient(135deg, #0c3b4d 0%, #145c75 52%, #1a7698 100%);
}

.jaz-rd-page-cta-shell {
    border-radius: 20px;
    background: rgba(7, 27, 37, 0.24);
    box-shadow: 0 16px 36px rgba(7, 30, 41, 0.22);
}

/* Facilities Page */
.jaz-facilities-page-hero .wp-block-cover__inner-container {
    width: min(1200px, calc(100% - 48px));
}

.jaz-facilities-lines {
    background: #ffffff;
}

.jaz-facility-line-grid {
    gap: 1rem;
    margin-top: 1.6rem;
}

.jaz-facility-line-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 1rem;
    box-shadow: var(--jaz-shadow-soft);
    min-height: 330px;
}

.jaz-facility-media img {
    width: 100%;
    border-radius: 14px;
    object-fit: cover;
}

.jaz-facility-line-card .jaz-facility-media img {
    aspect-ratio: 16 / 10;
    margin-bottom: 0.75rem;
}

.jaz-facility-line-card h4 {
    margin: 0 0 0.25rem;
}

.jaz-facility-line-card p {
    margin: 0;
    color: #4d6676;
}

.jaz-facilities-cleanrooms {
    background: linear-gradient(125deg, #0a3242 0%, #145c75 58%, #1b7597 100%);
}

.jaz-facilities-cleanrooms .jaz-facility-media img {
    aspect-ratio: 16 / 10;
    box-shadow: 0 20px 36px rgba(5, 23, 33, 0.26);
}

.jaz-facility-check-list {
    margin: 0.8rem 0 0;
    padding-right: 0;
    list-style: none;
}

.jaz-facility-check-list li {
    position: relative;
    padding-right: 1.65rem;
    margin-bottom: 0.58rem;
    color: #d8edf6;
}

.jaz-facility-check-list li::before {
    content: "?";
    position: absolute;
    right: 0;
    color: #89e7ff;
    font-weight: 800;
}

.jaz-facilities-infra {
    background: linear-gradient(180deg, #f6fbfd 0%, #eef6fa 100%);
}

.jaz-facility-infra-grid {
    gap: 1rem;
    margin-top: 1.5rem;
}

.jaz-facility-infra-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.1rem;
    box-shadow: var(--jaz-shadow-soft);
    min-height: 190px;
}

.jaz-facility-infra-card h4 {
    margin: 0 0 0.3rem;
}

.jaz-facility-infra-card p {
    margin: 0;
    color: #4f6777;
}

.jaz-facilities-tech {
    background: #ffffff;
}

.jaz-facilities-tech-layout {
    gap: 1.2rem;
}

.jaz-facility-tech-grid {
    gap: 0.8rem;
    margin-top: 0.9rem;
}

.jaz-facility-tech-card {
    background: #f4fafd;
    border-radius: 14px;
    padding: 0.9rem;
    min-height: 260px;
    box-shadow: inset 0 0 0 1px rgba(20, 92, 117, 0.08);
}

.jaz-facility-tech-card .jaz-facility-media img {
    aspect-ratio: 16 / 10;
    margin-bottom: 0.65rem;
}

.jaz-facility-tech-card h4 {
    margin: 0 0 0.25rem;
}

.jaz-facility-tech-card p {
    margin: 0;
    color: #4f6777;
}

.jaz-facility-tech-side {
    background: #f3f9fc;
    border-radius: 20px;
    padding: 1rem;
    box-shadow: var(--jaz-shadow-soft);
}

.jaz-facility-tech-side .jaz-facility-media img {
    aspect-ratio: 4 / 3;
    margin-bottom: 0.7rem;
}

.jaz-facility-tech-side p {
    margin: 0 0 0.45rem;
    color: #486171;
}

.jaz-facility-side-list {
    margin: 0;
    padding-right: 1rem;
    color: #3e5767;
}

.jaz-facility-side-list li {
    margin-bottom: 0.35rem;
}

.jaz-facilities-cta {
    background: linear-gradient(135deg, #0c3b4d 0%, #145c75 52%, #1a7698 100%);
}

.jaz-facilities-cta-shell {
    border-radius: 20px;
    background: rgba(7, 27, 37, 0.24);
    box-shadow: 0 16px 36px rgba(7, 30, 41, 0.22);
}

/* Partner With Us (Contact) Page */
.jaz-contact-page-hero .wp-block-cover__inner-container {
    width: min(1200px, calc(100% - 48px));
}

.jaz-contact-inquiry {
    background: #ffffff;
}

.jaz-contact-form-layout {
    gap: 1rem;
    margin-top: 1.3rem;
}

.jaz-contact-form-card,
.jaz-contact-side-card {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: var(--jaz-shadow-soft);
    padding: 1rem;
    overflow: hidden;
}

.jaz-contact-map-wrap {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(20, 92, 117, 0.14);
    margin-bottom: 0.7rem;
}

.jaz-contact-map-frame {
    width: 100%;
    height: 260px;
    border: 0;
    display: block;
}

.jaz-contact-map-caption {
    margin: 0 0 0.55rem;
    color: #4d6676;
    font-weight: 600;
}

.jaz-contact-check-list {
    margin: 0;
    padding-right: 0;
    list-style: none;
}

.jaz-contact-check-list li {
    position: relative;
    padding-right: 1.6rem;
    margin-bottom: 0.5rem;
    color: #47606f;
}

.jaz-contact-check-list li::before {
    content: "?";
    position: absolute;
    right: 0;
    color: var(--jaz-accent);
    font-weight: 800;
}

.jaz-contact-form .jaz-contact-alert {
    border-radius: 10px;
    padding: 0.7rem 0.9rem;
    margin-bottom: 0.8rem;
    font-weight: 600;
}

.jaz-contact-form .jaz-contact-alert-success {
    background: #e8f8ef;
    color: #1f6f47;
}

.jaz-contact-form .jaz-contact-alert-error {
    background: #fdecec;
    color: #9a2f2f;
}

.jaz-contact-form .jaz-contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem 1rem;
    align-items: start;
}

.jaz-contact-form .jaz-contact-form-grid>p {
    margin: 0;
    min-width: 0;
}

.jaz-contact-form p {
    margin: 0 0 0.75rem;
}

.jaz-contact-form label {
    display: block;
    font-weight: 700;
    margin-bottom: 0.35rem;
    color: #274455;
}

.jaz-contact-form input,
.jaz-contact-form select,
.jaz-contact-form textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    border: 1px solid #d2e4ec;
    border-radius: 10px;
    background: #f8fcfe;
    padding: 0.65rem 0.8rem;
    font-family: inherit;
    font-size: 1rem;
    color: #1f3d4d;
}

.jaz-contact-form input:focus,
.jaz-contact-form select:focus,
.jaz-contact-form textarea:focus {
    border-color: #1a88a9;
    outline: 2px solid rgba(26, 136, 169, 0.18);
    outline-offset: 0;
}

.jaz-contact-form .jaz-contact-form-actions {
    margin-top: 0.45rem;
}

.jaz-contact-form .jaz-contact-form-actions button {
    border: none;
    border-radius: 10px;
    background: #145c75;
    color: #ffffff;
    font-weight: 700;
    padding: 0.72rem 1.3rem;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.jaz-contact-form .jaz-contact-form-actions button:hover {
    background: #0f4c60;
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(11, 47, 61, 0.2);
}

.jaz-contact-info {
    background: linear-gradient(180deg, #f6fbfd 0%, #eef6fa 100%);
}

.jaz-contact-info-grid {
    gap: 1rem;
    margin-top: 1.2rem;
}

.jaz-contact-info-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 1rem;
    box-shadow: var(--jaz-shadow-soft);
    min-height: 150px;
}

.jaz-contact-label {
    margin: 0 0 0.25rem;
    color: #698596;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.jaz-contact-info-card p {
    margin: 0;
    color: #2b4455;
}

.jaz-contact-info-card a {
    color: #145c75;
    text-decoration: none;
}

.jaz-contact-info-card a:hover {
    color: #0f4d62;
    text-decoration: underline;
}

.jaz-contact-response {
    background: linear-gradient(125deg, #0a3242 0%, #145c75 58%, #1b7597 100%);
}

.jaz-contact-response-grid {
    gap: 1rem;
    margin-top: 1.2rem;
}

.jaz-contact-response-card {
    border-radius: 14px;
    padding: 1rem;
    min-height: 190px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

.jaz-contact-step-no {
    margin: 0 0 0.18rem;
    color: #89e7ff;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.jaz-contact-response-card h4 {
    margin: 0 0 0.25rem;
    color: #ffffff;
}

.jaz-contact-response-card p {
    margin: 0;
    color: #d6edf6;
}

/* About Page */
.jaz-about-hero .wp-block-cover__inner-container {
    width: min(1200px, calc(100% - 48px));
}

/* Tighten hero intro spacing for About + Capabilities pages */
.jaz-about-hero .jaz-about-hero-inner,
.jaz-cap-hero .wp-block-cover__inner-container>.wp-block-group.alignwide {
    padding-top: var(--wp--preset--spacing--60) !important;
}

.jaz-about-story {
    background: #ffffff;
}

.jaz-about-story-card {
    background: #ffffff;
    border: 1px solid #d8e9f1;
    border-radius: 18px;
    padding: 1rem;
    box-shadow: var(--jaz-shadow-soft);
}

.jaz-about-story-media img,
.jaz-about-pillar-media img,
.jaz-about-team-media img {
    width: 100%;
    border-radius: 14px;
    border: 1px solid #d9e9f1;
    object-fit: cover;
}

.jaz-about-story-media img,
.jaz-about-team-media img {
    aspect-ratio: 16 / 9;
}

.jaz-about-pillar-media img {
    aspect-ratio: 4 / 3;
    margin-bottom: 0.35rem;
}

.jaz-about-milestones {
    margin: 0;
    padding-right: 1.1rem;
    color: #395061;
}

.jaz-about-milestones li::marker {
    color: var(--jaz-primary);
}

.jaz-mini-stats {
    margin-top: 0.75rem;
    gap: 0.5rem;
}

.jaz-mini-stats .wp-block-column {
    background: #f4fafd;
    border: 1px solid #d8e9f1;
    border-radius: 12px;
    padding: 0.5rem;
}

.jaz-mini-stats h4 {
    margin: 0;
}

.jaz-mini-stats p {
    margin: 0;
    color: #5e7483;
}

.jaz-about-vision {
    background: linear-gradient(180deg, #f4f9fc 0%, #eef6fa 100%);
}

.jaz-about-pillars {
    margin-top: 1.8rem;
    gap: 1rem;
}

.jaz-about-pillar {
    background: #ffffff;
    border: 1px solid #d7e8f1;
    border-radius: 18px;
    padding: 1.4rem;
    box-shadow: var(--jaz-shadow-soft);
    min-height: 230px;
}

.jaz-about-pillar h3 {
    margin: 0.45rem 0 0.3rem;
}

.jaz-about-pillar p {
    margin: 0;
    color: #4b6474;
}

.jaz-about-values {
    margin-top: 1rem;
    gap: 1rem;
}

.jaz-about-value-card {
    background: #f9fcfe;
    border: 1px solid #dceaf2;
    border-radius: 14px;
    padding: 1rem 1.1rem;
    min-height: 150px;
}

.jaz-about-value-card h4 {
    margin: 0 0 0.25rem;
}

.jaz-about-value-card p {
    margin: 0;
    color: #566d7d;
}

.jaz-about-team {
    background: #ffffff;
}

.jaz-about-team-grid {
    gap: 1rem;
    margin-top: 2rem;
}

.jaz-about-team-card {
    background: #ffffff;
    border: 1px solid #d8e9f1;
    border-radius: 18px;
    padding: 1.3rem;
    box-shadow: var(--jaz-shadow-soft);
    min-height: 260px;
}

.jaz-about-team-card h4 {
    margin: 0.55rem 0 0.35rem;
}

.jaz-about-team-card p {
    margin: 0;
    color: #506778;
}

.jaz-about-global {
    background: linear-gradient(125deg, #0a3344 0%, #145c75 58%, #1b7597 100%);
    overflow: hidden;
}

.jaz-about-global-media img {
    width: 100%;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: 0 18px 40px rgba(4, 25, 36, 0.28);
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.jaz-about-global-stats {
    gap: 0.65rem;
    margin-top: 1rem;
}

.jaz-about-global-stats .wp-block-column {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 12px;
    padding: 0.6rem;
}

.jaz-about-global-stats h4,
.jaz-about-global-stats p {
    margin: 0;
}

.jaz-about-cta-band {
    background: linear-gradient(135deg, #0a2d3a 0%, #145c75 52%, #196f8f 100%);
}

.jaz-about-cta-shell {
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(6, 24, 32, 0.25);
}

/* Capabilities Pages */
.jaz-cap-hero .wp-block-cover__inner-container {
    width: min(1200px, calc(100% - 48px));
}

.jaz-cap-overview {
    background: linear-gradient(180deg, #f7fbfd 0%, #eef6fa 100%);
}

.jaz-cap-overview-grid,
.jaz-cap-scope-grid {
    gap: 1rem;
    margin-top: 1.8rem;
}

.jaz-cap-overview-card,
.jaz-cap-scope-card {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #d8e9f2;
    box-shadow: var(--jaz-shadow-soft);
    padding: 1.1rem;
    min-height: 250px;
}

.jaz-cap-overview-media img,
.jaz-cap-scope-media img,
.jaz-cap-process-media img,
.jaz-cap-system-media img {
    width: 100%;
    border-radius: 14px;
    border: 1px solid #d8e8f1;
    object-fit: cover;
}

.jaz-cap-overview-media img,
.jaz-cap-process-media img,
.jaz-cap-system-media img {
    aspect-ratio: 16 / 10;
}

.jaz-cap-scope-media img {
    aspect-ratio: 4 / 3;
}

.jaz-cap-overview-card h3,
.jaz-cap-scope-card h3 {
    margin: 0.45rem 0 0.3rem;
}

.jaz-cap-overview-card p,
.jaz-cap-scope-card p {
    margin: 0;
    color: #4f6777;
}

.jaz-cap-overview-card ul {
    margin: 0.65rem 0;
    padding-right: 1rem;
    color: #476070;
}

.jaz-cap-tag {
    margin: 0.75rem 0 0;
    color: #668292;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.jaz-cap-process {
    background: #ffffff;
}

.jaz-cap-steps {
    gap: 0.85rem;
    margin-top: 0.4rem;
}

.jaz-cap-step {
    background: #f6fbfd;
    border: 1px solid #d8e9f2;
    border-radius: 14px;
    padding: 0.9rem;
    min-height: 150px;
}

.jaz-cap-step-no {
    margin: 0 0 0.2rem;
    color: var(--jaz-primary);
    font-weight: 800;
    letter-spacing: 0.06em;
}

.jaz-cap-step h4 {
    margin: 0 0 0.15rem;
}

.jaz-cap-step p {
    margin: 0;
    color: #4b6373;
}

.jaz-cap-system {
    background: linear-gradient(125deg, #0a3344 0%, #145c75 58%, #1b7597 100%);
}

.jaz-cap-system-shell {
    border-radius: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.jaz-cap-system a {
    color: #d7eef7;
}

.jaz-cap-system a:hover {
    color: #ffffff;
}

.jaz-cap-cta-band {
    background: linear-gradient(135deg, #0c3f54 0%, #145c75 52%, #1b7698 100%);
    position: relative;
    overflow: hidden;
}

.jaz-cap-cta-band::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 14% 24%, rgba(255, 255, 255, 0.1), transparent 42%), radial-gradient(circle at 86% 74%, rgba(255, 255, 255, 0.08), transparent 46%);
    pointer-events: none;
}

.jaz-cap-cta-shell {
    border-radius: 0;
    position: relative;
    z-index: 1;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
}

/* CTA */
.jaz-cta-band {
    background: linear-gradient(135deg, #0c3a4c 0%, #145c75 45%, #1a7597 100%);
    position: relative;
    overflow: hidden;
}

.jaz-cta-band::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    left: -120px;
    bottom: -120px;
}

.jaz-cta-shell {
    position: relative;
    z-index: 1;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(5, 21, 30, 0.2);
}

/* Footer */
.jaz-footer {
    margin-top: 0;
}

.jaz-footer-grid {
    gap: 1.2rem;
}

.jaz-footer-grid > .wp-block-column {
    min-width: 0;
}

.jaz-footer .jaz-footer-logo {
    margin-bottom: 1rem;
}

.jaz-footer h5 {
    margin-bottom: 1rem;
}

.jaz-footer p {
    margin-top: 0;
}

.jaz-footer a {
    color: #d9f0f8;
    text-decoration: none;
}

.jaz-footer a:hover {
    color: #ffffff;
}

.jaz-footer-links {
    list-style: none;
    margin: 0;
    padding-right: 0;
}

.jaz-footer-links li {
    margin-bottom: 0.55rem;
}

.jaz-footer .jaz-footer-nav {
    gap: 0.6rem;
    align-items: flex-start;
}

.jaz-footer .jaz-footer-nav .wp-block-navigation__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
}

.jaz-footer .jaz-footer-nav .wp-block-navigation-item,
.jaz-footer .jaz-footer-nav .wp-block-navigation-item__content {
    margin: 0;
    padding: 0;
    width: auto;
}

.jaz-footer .jaz-footer-nav .wp-block-navigation-item__content {
    color: #d9f0f8;
    font-weight: 500;
}

.jaz-footer .jaz-footer-nav .wp-block-navigation-item__content:hover {
    color: #ffffff;
}

.jaz-legal-page {
    gap: 1.5rem;
    padding-block: var(--wp--preset--spacing--70);
}

.jaz-legal-card {
    background:
        radial-gradient(circle at top left, rgba(20, 92, 117, 0.12), transparent 34%),
        linear-gradient(180deg, #f8fbfd 0%, #eef5f9 100%);
    border: 1px solid rgba(20, 92, 117, 0.1);
    box-shadow: 0 20px 44px rgba(10, 43, 58, 0.08);
}

.jaz-legal-card h1 {
    margin-bottom: 0.75rem;
}

.jaz-legal-intro {
    margin-top: 0;
    max-width: 46rem;
    color: #29495a;
}

.jaz-legal-meta {
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.jaz-legal-chip {
    margin: 0;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(20, 92, 117, 0.14);
    background: rgba(255, 255, 255, 0.76);
    color: #0f3d50;
    font-size: 0.9rem;
    line-height: 1.5;
}

.jaz-legal-note {
    padding: 1rem 1.25rem;
    border-radius: 18px;
    border: 1px solid rgba(20, 92, 117, 0.12);
    border-inline-start: 4px solid #145c75;
    background: #f8fafc;
}

.jaz-legal-note p {
    margin: 0;
    color: #264353;
}

.jaz-legal-page h2 {
    margin-top: 2rem;
    margin-bottom: 0.85rem;
}

.jaz-legal-page ul,
.jaz-legal-page ol {
    padding-inline-start: 1.35rem;
}

.jaz-legal-page li + li {
    margin-top: 0.55rem;
}

.jaz-legal-page p,
.jaz-legal-page li {
    color: #223746;
}

.jaz-faq-stack {
    display: grid;
    gap: 1rem;
    margin-top: var(--wp--preset--spacing--50);
}

.jaz-faq-item {
    border: 1px solid rgba(20, 92, 117, 0.12);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(8, 36, 53, 0.06);
    padding: 1rem 1.2rem;
}

.jaz-faq-item summary {
    cursor: pointer;
    font-weight: 700;
    color: #145c75;
    list-style: none;
}

.jaz-faq-item summary::-webkit-details-marker {
    display: none;
}

.jaz-faq-item[open] {
    border-color: rgba(20, 92, 117, 0.22);
}

.jaz-faq-item p {
    margin: 1rem 0 0;
}

@media screen and (min-width: 1025px) {
    .site-header .wp-block-navigation .jaz-mobile-menu-cta {
        display: none !important;
    }
}

/* Navigation responsive - MOVED TO dalia-overrides.css
   Legacy JAZ hamburger positioning and mobile nav hiding removed.
   */

@media (max-width: 781px) {

    .jaz-stat-card,
    .jaz-media-card,
    .jaz-why-intro,
    .jaz-value-card,
    .jaz-feature-panel,
    .jaz-about-pillar,
    .jaz-about-team-card,
    .jaz-about-value-card,
    .jaz-quality-pillar-card,
    .jaz-quality-qc-card,
    .jaz-quality-reg-card,
    .jaz-rd-step-card,
    .jaz-rd-stability-card,
    .jaz-facility-line-card,
    .jaz-facility-infra-card,
    .jaz-facility-tech-card,
    .jaz-contact-info-card,
    .jaz-contact-response-card {
        min-height: auto;
    }

    .jaz-cta-shell {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .jaz-about-cta-shell {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .jaz-quality-cta-shell {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .jaz-rd-page-cta-shell {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .jaz-facilities-cta-shell {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .jaz-about-story-card,
    .jaz-about-pillar,
    .jaz-about-team-card {
        padding: 1rem;
    }

    .jaz-cap-overview-card,
    .jaz-cap-scope-card,
    .jaz-cap-step {
        min-height: auto;
    }

    .jaz-cap-system-shell,
    .jaz-cap-cta-shell {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .jaz-rd-pipeline-item {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }

    .jaz-facility-tech-side {
        padding: 0.9rem;
    }

    .jaz-contact-form .jaz-contact-form-grid {
        grid-template-columns: 1fr;
    }

    .jaz-contact-form-card,
    .jaz-contact-side-card {
        padding: 0.9rem;
    }

    .jaz-contact-map-frame {
        height: 220px;
    }

    .jaz-about-hero .jaz-about-hero-inner,
    .jaz-cap-hero .wp-block-cover__inner-container>.wp-block-group.alignwide {
        padding-top: var(--wp--preset--spacing--50) !important;
    }

    .site-header {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .header-cta {
        display: none !important;
    }
}

/* ===== DUPLICATE ADMIN BAR STYLES REMOVED =====
 * This section was causing the white space issue by hiding the admin bar on scroll.
 * The correct admin bar handling is in the "HEADER FINAL NORMALIZATION" section (lines 3677+).
 * That section uses CSS variables and doesn't hide the admin bar, preventing white space.
 */

/* ==========================================================================
   6. SUBMENU (DROPDOWN) FIXES
   ========================================================================== */

/* Ensure the submenu container has a solid white background and soft shadow */
.site-header .wp-block-navigation__submenu-container {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    padding: 10px 0 !important;
}

/* Force text inside submenus to be the primary color (Teal) and remove the white text-shadow from the homepage overlay style */
.home .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
.home .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
.site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    color: var(--jaz-primary, #145c75) !important;
    text-shadow: none !important;
    font-size: 1rem !important;
    padding: 10px 20px !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

/* Hover state for submenu items */
.site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
    background-color: var(--wp--preset--color--neutral-50) !important;
}

.site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
.site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content {
    color: var(--jaz-accent, #22a5cb) !important;
}

/* Fix mobile submenu toggle icon color to match text */
.site-header .wp-block-navigation-submenu__toggle {
    color: currentColor !important;
}

/* Shop and hero-overlay pages use white top-level nav; force dropdown items back to dark text */
.page-id-16 .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
.page-id-16 .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.post-type-archive-product .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
.post-type-archive-product .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    color: var(--jaz-primary, #145c75) !important;
    text-shadow: none !important;
}

.page-id-16 .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
.page-id-16 .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content,
.post-type-archive-product .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
.post-type-archive-product .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content {
    color: var(--jaz-accent, #22a5cb) !important;
}

/* Remove bright stroke lines from media cards and glass shells across pages */
.jaz-media-thumb img,
.jaz-about-story-media img,
.jaz-about-pillar-media img,
.jaz-about-team-media img,
.jaz-about-global-media img,
.jaz-cap-overview-media img,
.jaz-cap-scope-media img,
.jaz-cap-process-media img,
.jaz-cap-system-media img {
    border: none !important;
}

.jaz-stat-card,
.jaz-rd-panel,
.jaz-about-global-stats .wp-block-column,
.jaz-about-cta-shell,
.jaz-cap-system-shell,
.jaz-cap-cta-shell,
.jaz-cta-shell {
    border: none !important;
}

/* Hero-overlay pages use white top-level nav; keep child dropdown links readable */
@media screen and (min-width: 1025px) {

    .page-about .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
    .page-about .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
    .page-id-871 .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
    .page-id-871 .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
    .jaz-capabilities-page .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
    .jaz-capabilities-page .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
    .page-capabilities .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
    .page-capabilities .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
    .page-pharmaceutical-manufacturing .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
    .page-pharmaceutical-manufacturing .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
    .page-nutraceutical-manufacturing .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
    .page-nutraceutical-manufacturing .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
    .page-cosmetic-and-personal-care .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
    .page-cosmetic-and-personal-care .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        color: var(--jaz-primary, #145c75) !important;
        text-shadow: none !important;
    }

    .page-about .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
    .page-about .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content,
    .page-id-871 .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
    .page-id-871 .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content,
    .jaz-capabilities-page .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
    .jaz-capabilities-page .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content,
    .page-capabilities .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
    .page-capabilities .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content,
    .page-pharmaceutical-manufacturing .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
    .page-pharmaceutical-manufacturing .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content,
    .page-nutraceutical-manufacturing .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
    .page-nutraceutical-manufacturing .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content,
    .page-cosmetic-and-personal-care .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
    .page-cosmetic-and-personal-care .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content {
        color: var(--jaz-accent, #22a5cb) !important;
    }
}

/* ==========================================================================
   7. WOOCOMMERCE
   ========================================================================== */
.woocommerce-page .wp-site-blocks,
.post-type-archive-product .wp-site-blocks,
.single-product .wp-site-blocks {
    background: linear-gradient(180deg, #f3f8fb 0%, #ffffff 100%);
}

.woocommerce-page .wp-block-post-content,
.single-product .wp-block-post-content {
    padding: clamp(34px, 6vw, 84px) clamp(16px, 4vw, 56px) 90px;
}

.post-type-archive-product .wp-block-post-content {
    padding: clamp(24px, 4vw, 56px) clamp(34px, 3.8vw, 68px) 90px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
    color: #54728b;
    font-size: 0.96rem;
    margin-bottom: 22px;
}

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
    color: #145c75;
    text-decoration: none;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    color: #4a657d;
    font-weight: 600;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
    border: 1px solid rgba(20, 92, 117, 0.25);
    border-radius: 10px;
    background: #ffffff;
    color: #14354a;
    padding: 10px 14px;
}

.woocommerce ul.products {
    margin-top: 26px;
}

.woocommerce ul.products li.product {
    background: #ffffff;
    border: 1px solid rgba(15, 89, 114, 0.16);
    border-radius: 18px;
    box-shadow: 0 16px 34px rgba(10, 44, 66, 0.08);
    padding: 14px 14px 20px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 36px rgba(10, 44, 66, 0.16);
}

.woocommerce ul.products li.product a img {
    border-radius: 12px;
    margin-bottom: 14px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #103246;
    font-size: 1.12rem;
    font-weight: 800;
    line-height: 1.4;
}

.woocommerce ul.products li.product .price {
    color: #1b6d8a;
    font-weight: 800;
    font-size: 1.02rem;
    margin-bottom: 10px;
}

.woocommerce span.onsale {
    background: #1b6d8a;
    color: #ffffff;
    border-radius: 999px;
    padding: 6px 12px;
    min-height: 0;
    line-height: 1.3;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
    background: #145c75;
    color: #ffffff;
    border-radius: 10px;
    border: none;
    font-weight: 700;
    padding: 11px 18px;
    transition: all 0.25s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
    background: #0f3d50;
    color: #ffffff;
}

.single-product div.product {
    display: grid;
    gap: 36px;
}

.single-product div.product .summary {
    background: #ffffff;
    border: 1px solid rgba(15, 89, 114, 0.16);
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 16px 34px rgba(10, 44, 66, 0.08);
}

.single-product div.product .summary .price {
    color: #1b6d8a;
    font-size: 1.3rem;
    font-weight: 800;
}

.single-product .woocommerce-product-details__short-description {
    color: #3e5d74;
    line-height: 1.8;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single {
    border: 1px solid rgba(20, 92, 117, 0.28);
    border-radius: 10px;
    background: #f8fcff;
    color: #123246;
    min-height: 50px;
}

.woocommerce form .form-row textarea {
    min-height: 130px;
}

.woocommerce table.shop_table {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(15, 89, 114, 0.16);
    background: #ffffff;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce .woocommerce-checkout-review-order {
    background: #ffffff;
    border: 1px solid rgba(15, 89, 114, 0.16);
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 16px 34px rgba(10, 44, 66, 0.08);
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    border-radius: 10px;
    border-top: none;
}

.jaz-home-products-section {
    --jaz-home-product-gap: clamp(16px, 1.8vw, 22px);
    --jaz-home-visible-cards: 3;
    background: linear-gradient(180deg, #e8f3f8 0%, #f7fbfd 100%) !important;
    border-top: 1px solid rgba(20, 92, 117, 0.12);
    border-bottom: 1px solid rgba(20, 92, 117, 0.08);
}

.jaz-home-products-section .woocommerce {
    max-width: min(1040px, 100%);
    margin-inline: auto;
    margin-top: clamp(24px, 3vw, 34px);
    position: relative;
    z-index: 1;
}

.jaz-home-products-section .jaz-products-slider-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.jaz-home-products-section .jaz-products-nav-btn {
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #0e4f66 0%, #22a5cb 100%);
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 16px 26px rgba(14, 79, 102, 0.22);
    transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
}

.jaz-home-products-section .jaz-products-nav-btn:hover:not(:disabled) {
    transform: translateY(-3px);
    box-shadow: 0 20px 34px rgba(14, 79, 102, 0.28);
}

.jaz-home-products-section .jaz-products-nav-btn:disabled {
    opacity: 0.45;
    cursor: default;
    box-shadow: none;
}

.jaz-home-products-section .jaz-products-slider-dots {
    display: flex;
    align-items: center;
    gap: 8px;
    order: 2;
}

.jaz-home-products-section .jaz-products-nav-btn.is-next {
    order: 1;
}

.jaz-home-products-section .jaz-products-nav-btn.is-prev {
    order: 3;
}

.jaz-home-products-section .jaz-products-slider-dot {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 999px;
    background: rgba(15, 64, 85, 0.18);
    padding: 0;
    cursor: pointer;
    transition: transform 0.25s ease, background-color 0.25s ease, width 0.25s ease;
}

.jaz-home-products-section .jaz-products-slider-dot.is-active {
    width: 28px;
    background: linear-gradient(135deg, #0f4a61 0%, #22a5cb 100%);
}

.jaz-home-products-section .jaz-products-slider-frame {
    position: relative;
    overflow: hidden;
}

.jaz-home-products-section .woocommerce ul.products,
.jaz-home-products-section .woocommerce ul.products.columns-4,
.jaz-home-products-section .products {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: var(--jaz-home-product-gap);
    list-style: none;
    direction: ltr;
    padding: 12px 0 24px;
    margin: 0;
    width: 100%;
    transition: transform 0.45s cubic-bezier(0.22, 0.68, 0, 1);
    will-change: transform;
}

.jaz-home-products-section .woocommerce ul.products li.product,
.jaz-home-products-section .woocommerce ul.products.columns-4 li.product,
.jaz-home-products-section .products .product {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    position: relative;
    direction: rtl;
    text-align: right;
    display: flex !important;
    flex-direction: column;
    border-radius: 22px !important;
    border: 1px solid rgba(20, 92, 117, 0.10) !important;
    background: #ffffff !important;
    box-shadow: 0 12px 24px rgba(9, 42, 64, 0.08) !important;
    overflow: hidden;
}

.jaz-home-products-section .products .product:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 32px rgba(9, 42, 64, 0.12) !important;
}

.jaz-home-products-section .products .product::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, #0d465d 0%, #18b6e2 100%);
    z-index: 2;
}

.jaz-home-products-section .products .product>a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-decoration: none;
}

.jaz-home-products-section .products .product a img {
    width: calc(100% - 20px) !important;
    margin: 10px !important;
    border-radius: 16px !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    box-shadow: none;
}

.jaz-home-products-section .products .product .woocommerce-loop-product__title {
    margin: 0;
    padding: 14px 16px 6px;
    color: #103649;
    font-size: clamp(1rem, 1.1vw, 1.18rem);
    font-weight: 800;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    min-height: calc(1.5em * 2);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.jaz-home-products-section .products .product .price {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    margin: 0 16px 12px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #eef7fb;
    box-shadow: inset 0 0 0 1px rgba(34, 165, 203, 0.16);
    color: #0f6988;
    font-size: 1.05rem;
    font-weight: 800;
}

.jaz-home-products-section .products .product .price .amount,
.jaz-home-products-section .products .product .price .woocommerce-Price-currencySymbol {
    color: inherit !important;
}

.jaz-home-products-section .products .product .button {
    width: calc(100% - 20px);
    text-align: center;
    margin: 0 10px 10px;
    min-height: 48px;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #0d4a60 0%, #23a8cf 100%) !important;
    color: #ffffff !important;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    box-shadow: 0 10px 18px rgba(13, 74, 96, 0.18);
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 12px 16px !important;
    box-sizing: border-box;
}

.jaz-home-products-section .products .product .button:hover {
    background: linear-gradient(135deg, #0b3f52 0%, #169bc0 100%) !important;
}

@media (max-width: 1024px) {
    .jaz-home-products-section {
        --jaz-home-visible-cards: 2;
    }
}

@media (max-width: 640px) {
    .jaz-home-products-section {
        --jaz-home-visible-cards: 1;
    }

    .jaz-home-products-section .jaz-products-slider-controls {
        gap: 10px;
        margin-bottom: 16px;
    }

    .jaz-home-products-section .jaz-products-nav-btn {
        width: 44px;
        height: 44px;
        font-size: 1.1rem;
    }

    .jaz-home-products-section .products .product .woocommerce-loop-product__title {
        font-size: 1.08rem;
    }

    .jaz-home-products-section .products .product .price {
        font-size: 1.08rem;
    }

    .woocommerce-page .wp-block-post-content,
    .post-type-archive-product .wp-block-post-content,
    .single-product .wp-block-post-content {
        padding-left: 14px;
        padding-right: 14px;
    }
}

/* ==========================================================================
   8. STORE REDESIGN OVERRIDES
   ========================================================================== */
.jaz-shop-hero {
    position: relative;
    overflow: hidden;
}

.jaz-shop-hero::before,
.jaz-shop-hero::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.jaz-shop-hero::before {
    width: 460px;
    height: 460px;
    background: radial-gradient(circle, rgba(124, 224, 255, 0.26) 0%, rgba(124, 224, 255, 0) 68%);
    top: -130px;
    right: -60px;
}

.jaz-shop-hero::after {
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 68%);
    bottom: -160px;
    left: -80px;
}

.jaz-shop-toolbar {
    position: relative;
    z-index: 2;
}

.jaz-shop-pill {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(20, 92, 117, 0.18);
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(9, 42, 64, 0.14);
    padding: 16px 14px;
}

.jaz-shop-pill p {
    margin: 0;
    color: #10425a;
    font-weight: 700;
}

.jaz-shop-grid-wrap {
    margin-top: 8px;
}

.woocommerce ul.products li.product {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(20, 92, 117, 0.10);
    border-radius: 20px;
    box-shadow: 0 4px 16px rgba(9, 42, 64, 0.06);
    padding: 0 !important;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(.22, .68, 0, 1), box-shadow 0.3s ease;
    display: flex !important;
    flex-direction: column;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(9, 42, 64, 0.14);
    border-color: rgba(20, 92, 117, 0.22);
}

.woocommerce ul.products li.product::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #0f4961 0%, #20a7cf 100%);
    z-index: 2;
}

.woocommerce ul.products li.product a img {
    border-radius: 0;
    margin-bottom: 0;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}

.woocommerce ul.products li.product:hover a img {
    transform: scale(1.04);
}

.woocommerce ul.products li.product>a {
    overflow: hidden;
    display: block;
}

.woocommerce ul.products li.product .button {
    width: 100%;
    border-radius: 10px;
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    .jaz-home-products-section .products,
    .jaz-home-products-section .products .product,
    .jaz-home-products-section .jaz-products-nav-btn {
        transition: none !important;
    }
}

.jaz-home-products-section {
    background: linear-gradient(180deg, #e8f3f8 0%, #f7fbfd 100%) !important;
    border-top: 1px solid rgba(20, 92, 117, 0.12);
    border-bottom: 1px solid rgba(20, 92, 117, 0.08);
}

@media (max-width: 1024px) {
    .jaz-shop-toolbar {
        margin-top: -26px !important;
    }
}

@media (max-width: 782px) {
    .jaz-shop-toolbar .wp-block-columns {
        gap: 12px;
    }

    .jaz-shop-pill {
        padding: 12px;
    }
}

/* ==========================================================================
   9. SHOP RTL + SIDEBAR + STRONG CARDS
   ========================================================================== */
.post-type-archive-product .site-header {
    background-color: transparent !important;
    position: fixed !important;
    left: 0;
    right: 0;
    box-shadow: none;
}

.post-type-archive-product .site-header .wp-block-site-title a,
.post-type-archive-product .site-header .wp-block-navigation .wp-block-navigation-item__label,
.post-type-archive-product .site-header .wp-block-navigation__responsive-container-open {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.post-type-archive-product .site-header.is-scrolled {
    background-color: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 10px 30px rgba(7, 28, 40, 0.12);
}

.post-type-archive-product .site-header.is-scrolled .wp-block-site-title a,
.post-type-archive-product .site-header.is-scrolled .wp-block-navigation .wp-block-navigation-item__label,
.post-type-archive-product .site-header.is-scrolled .wp-block-navigation__responsive-container-open {
    color: var(--jaz-primary) !important;
    text-shadow: none;
}

.post-type-archive-product .wp-block-post-content {
    padding-top: 0 !important;
}

.jaz-shop-layout {
    display: grid;
    grid-template-areas: "main sidebar";
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 32px;
    align-items: start;
    direction: rtl;
}

.jaz-shop-main {
    grid-area: main;
    min-width: 0;
}

.jaz-shop-sidebar {
    grid-area: sidebar;
    position: sticky;
    top: 110px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
    border: 1px solid rgba(20, 92, 117, 0.14);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(9, 42, 64, 0.08);
    padding: 12px 10px;
}

.jaz-shop-filter-group {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(20, 92, 117, 0.12);
}

.jaz-shop-filter-group:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.jaz-shop-filter-group h3,
.jaz-shop-filter-group h4 {
    margin: 0 0 6px;
    color: #0f3d50;
    font-size: 0.96rem;
    font-weight: 800;
}

.jaz-filter-link {
    display: block;
    padding: 6px 9px;
    border-radius: 10px;
    color: #1a4f67;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.35;
    transition: all 0.25s ease;
}

.jaz-filter-link:hover {
    background: #e8f4fa;
    color: #0f3d50;
}

.jaz-filter-link.is-active {
    background: linear-gradient(135deg, #0f4b63 0%, #1d8ab0 100%);
    color: #ffffff;
}

.jaz-shop-loop-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 8px 0 24px;
}

.jaz-shop-loop-head .woocommerce-result-count,
.jaz-shop-loop-head .woocommerce-ordering {
    margin: 0 !important;
    float: none !important;
}

.jaz-shop-loop-head .woocommerce-ordering select {
    min-width: 250px;
}

.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
    content: none !important;
}

.woocommerce ul.products li.product {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    border-radius: 20px !important;
    border: 1px solid rgba(20, 92, 117, 0.10) !important;
    box-shadow: 0 4px 16px rgba(8, 36, 53, 0.06) !important;
    overflow: hidden;
    background: #ffffff !important;
}

.woocommerce ul.products li.product a img {
    width: 100%;
    border-radius: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #0e3549;
    font-size: clamp(1rem, 1.2vw, 1.25rem);
    line-height: 1.4;
    font-weight: 700;
    text-align: right;
    margin-bottom: 6px;
    padding: 0 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.woocommerce ul.products li.product .price {
    color: #0f6e8d;
    font-size: clamp(1.1rem, 1.3vw, 1.4rem);
    font-weight: 900;
    text-align: right;
    margin-bottom: 12px;
    padding: 0 18px;
}

.woocommerce ul.products li.product .button {
    margin: 0 16px 16px;
    width: calc(100% - 32px);
    border-radius: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    background: linear-gradient(135deg, #0f4c64 0%, #1f89ad 100%);
    color: #ffffff;
    transition: background 0.3s ease;
}

.woocommerce ul.products li.product .button:hover {
    background: linear-gradient(135deg, #0b3c4f 0%, #166b88 100%);
}

.woocommerce nav.woocommerce-pagination {
    margin-top: 28px;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border-radius: 10px;
    border: 1px solid rgba(20, 92, 117, 0.18);
    min-width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #114961;
    font-weight: 700;
}

.woocommerce nav.woocommerce-pagination ul li .current {
    background: linear-gradient(135deg, #0f4b63 0%, #1d8ab0 100%);
    color: #ffffff;
    border-color: transparent;
}

@media (min-width: 1500px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1200px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .jaz-shop-layout {
        grid-template-areas:
            "sidebar"
            "main";
        grid-template-columns: 1fr;
    }

    .jaz-shop-sidebar {
        position: static;
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .jaz-shop-loop-head {
        flex-direction: column;
        align-items: stretch;
    }

    .jaz-shop-loop-head .woocommerce-ordering select {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 560px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   10. SHOP PAGE SHORTCODE LAYOUT (STABLE)
   ========================================================================== */
.page-id-16 .site-header {
    background-color: transparent !important;
    position: fixed !important;
    left: 0;
    right: 0;
    box-shadow: none;
}

.page-id-16 .site-header .wp-block-site-title a,
.page-id-16 .site-header .wp-block-navigation .wp-block-navigation-item__label,
.page-id-16 .site-header .wp-block-navigation__responsive-container-open {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.page-id-16 .site-header.is-scrolled {
    background-color: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 10px 30px rgba(7, 28, 40, 0.12);
}

.page-id-16 .site-header.is-scrolled .wp-block-site-title a,
.page-id-16 .site-header.is-scrolled .wp-block-navigation .wp-block-navigation-item__label,
.page-id-16 .site-header.is-scrolled .wp-block-navigation__responsive-container-open {
    color: var(--jaz-primary) !important;
    text-shadow: none !important;
}

.page-id-16 .wp-block-post-content,
.page-id-16.woocommerce-page .wp-block-post-content {
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

/* Override ALL WordPress is-layout-constrained width limits on shop page */
.page-id-16 .wp-block-post-content>*,
.page-id-16 .wp-block-post-content>.alignwide,
.page-id-16 .wp-block-post-content>.alignfull,
.page-id-16 .is-layout-constrained>*,
.page-id-16 .is-layout-constrained>.alignwide,
.page-id-16 .is-layout-constrained>.alignfull,
.page-id-16 .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: none !important;
    width: 100% !important;
}

body.page-id-16,
.page-id-16 .wp-site-blocks {
    overflow-x: clip;
}

.page-id-16 .entry-content.wp-block-post-content.is-layout-constrained>.alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.page-id-16 .jaz-shop-hero,
.woocommerce-shop.post-type-archive-product .jaz-shop-hero {
    padding-top: clamp(145px, 13vh, 180px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-id-16 .jaz-shop-hero>.alignwide,
.woocommerce-shop.post-type-archive-product .jaz-shop-hero>.alignwide {
    padding-top: 18px;
    padding-left: 28px !important;
    padding-right: 28px !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

.page-id-16 .jaz-shop-toolbar.alignwide,
.page-id-16 .jaz-shop-content-shell.alignwide,
.woocommerce-shop.post-type-archive-product .jaz-shop-toolbar.alignwide,
.woocommerce-shop.post-type-archive-product .jaz-shop-content-shell.alignwide {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(28px, 3vw, 48px) !important;
    padding-right: clamp(28px, 3vw, 48px) !important;
    box-sizing: border-box;
}

.page-id-16 .jaz-shop-content-shell,
.woocommerce-shop.post-type-archive-product .jaz-shop-content-shell {
    padding-bottom: 70px;
}

.page-id-16 .jaz-shop-content-shell .wp-block-columns,
.page-id-16 .jaz-shop-content-shell .wp-block-column,
.woocommerce-shop.post-type-archive-product .jaz-shop-content-shell .wp-block-columns,
.woocommerce-shop.post-type-archive-product .jaz-shop-content-shell .wp-block-column {
    max-width: none !important;
}

.page-id-16 .jaz-shop-body,
.woocommerce-shop.post-type-archive-product .jaz-shop-body {
    display: flex !important;
    align-items: flex-start;
    gap: 16px !important;
    width: 100%;
    min-width: 0;
}

.page-id-16 .jaz-shop-body>.wp-block-column:first-child,
.woocommerce-shop.post-type-archive-product .jaz-shop-body>.wp-block-column:first-child {
    flex: 0 0 235px !important;
    max-width: 235px;
    position: sticky;
    top: 110px;
}

.page-id-16 .jaz-shop-body>.wp-block-column:last-child,
.woocommerce-shop.post-type-archive-product .jaz-shop-body>.wp-block-column:last-child {
    flex: 1 1 auto !important;
    min-width: 0;
}

.jaz-shop-body {
    align-items: flex-start;
    gap: 14px !important;
}

.jaz-shop-body .wp-block-column:first-child {
    position: sticky;
    top: 110px;
}

.page-id-16 .jaz-shop-sidebar,
.woocommerce-shop.post-type-archive-product .jaz-shop-sidebar {
    grid-area: auto;
    position: sticky;
    top: 110px;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
    border: 1px solid rgba(20, 92, 117, 0.14);
    box-shadow: 0 8px 24px rgba(9, 42, 64, 0.08);
    padding: 12px 10px;
}

.jaz-shop-results {
    margin: 0;
    color: #35566c;
    font-size: 1rem;
    font-weight: 700;
}

.jaz-shop-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    min-width: 0;
}

.woocommerce-shop.post-type-archive-product .jaz-shop-sidebar p,
.woocommerce-shop.post-type-archive-product .jaz-shop-card-body > p {
    margin: 0;
}

.woocommerce-shop.post-type-archive-product .jaz-shop-sidebar br,
.woocommerce-shop.post-type-archive-product .jaz-shop-catalog br {
    display: none;
}

.jaz-shop-card {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(20, 92, 117, 0.10);
    border-radius: 20px;
    box-shadow: 0 4px 16px rgba(8, 36, 53, 0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.3s cubic-bezier(.22, .68, 0, 1), box-shadow 0.3s ease;
}

.jaz-shop-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #0f4961 0%, #27a7cf 100%);
    z-index: 2;
}

.jaz-shop-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(8, 36, 53, 0.14);
    border-color: rgba(20, 92, 117, 0.22);
}

.jaz-shop-card-media {
    display: block;
    padding: 0;
    overflow: hidden;
}

.jaz-shop-card-media img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 0;
    display: block;
    transition: transform 0.4s ease;
}

.jaz-shop-card:hover .jaz-shop-card-media img {
    transform: scale(1.04);
}

.jaz-shop-card-body {
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.jaz-shop-card-body h3 {
    margin: 0;
    line-height: 1.4 !important;
    font-size: clamp(0.95rem, 1.1vw, 1.15rem) !important;
    font-weight: 700;
    min-height: 2.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.jaz-shop-card-body h3 a {
    color: #0d3448;
    text-decoration: none;
    transition: color 0.2s ease;
}

.jaz-shop-card:hover .jaz-shop-card-body h3 a {
    color: #1a7a9b;
}

.jaz-shop-card-price {
    margin: 0;
    color: #0f6e8d;
    font-size: clamp(1.1rem, 1.3vw, 1.4rem);
    font-weight: 900;
}

.jaz-shop-card-btn {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    border-radius: 12px;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(135deg, #0f4c64 0%, #1f89ad 100%);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.2px;
    transition: background 0.3s ease;
}

.jaz-shop-card-btn:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #0b3c4f 0%, #166b88 100%);
}

.jaz-shop-empty {
    grid-column: 1 / -1;
    background: #ffffff;
    border: 1px dashed rgba(20, 92, 117, 0.28);
    border-radius: 14px;
    padding: 26px;
    text-align: center;
    color: #31566c;
}

.jaz-shop-pagination {
    margin-top: 24px;
}

.jaz-shop-pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.jaz-shop-pagination li {
    margin: 0;
}

.jaz-shop-pagination a,
.jaz-shop-pagination span {
    min-width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(20, 92, 117, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #114961;
    background: #ffffff;
    font-weight: 700;
    padding: 0 10px;
}

.jaz-shop-pagination .current {
    background: linear-gradient(135deg, #0f4b63 0%, #1d8ab0 100%);
    color: #ffffff;
    border-color: transparent;
}

@media (max-width: 1200px) {
    .page-id-16 .jaz-shop-body>.wp-block-column:first-child,
    .woocommerce-shop.post-type-archive-product .jaz-shop-body>.wp-block-column:first-child {
        flex-basis: 240px !important;
        max-width: 240px;
        position: static;
    }

    .page-id-16 .jaz-shop-hero,
    .woocommerce-shop.post-type-archive-product .jaz-shop-hero {
        padding-top: 125px !important;
    }
}

@media (max-width: 900px) {

    .page-id-16 .jaz-shop-toolbar.alignwide,
    .page-id-16 .jaz-shop-content-shell.alignwide,
    .page-id-16 .jaz-shop-hero>.alignwide,
    .woocommerce-shop.post-type-archive-product .jaz-shop-toolbar.alignwide,
    .woocommerce-shop.post-type-archive-product .jaz-shop-content-shell.alignwide,
    .woocommerce-shop.post-type-archive-product .jaz-shop-hero>.alignwide {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .page-id-16 .jaz-shop-body,
    .woocommerce-shop.post-type-archive-product .jaz-shop-body {
        flex-direction: column;
    }

    .page-id-16 .jaz-shop-body>.wp-block-column:first-child,
    .page-id-16 .jaz-shop-body>.wp-block-column:last-child,
    .woocommerce-shop.post-type-archive-product .jaz-shop-body>.wp-block-column:first-child,
    .woocommerce-shop.post-type-archive-product .jaz-shop-body>.wp-block-column:last-child {
        flex: 1 1 auto !important;
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 900px) {
    .jaz-shop-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .jaz-shop-catalog-grid {
        grid-template-columns: 1fr;
    }

    .page-id-16 .jaz-shop-hero,
    .woocommerce-shop.post-type-archive-product .jaz-shop-hero {
        padding-top: 108px !important;
    }
}

/* ==========================================================================
   11. UNIFIED HEADER SYSTEM
   ========================================================================== */
:root {
    --jaz-header-bg-solid: rgba(255, 255, 255, 0.98);
    --jaz-header-shadow-strong: 0 10px 30px rgba(7, 28, 40, 0.12);
    --jaz-header-link-light: #ffffff;
    --jaz-header-link-dark: var(--jaz-primary, #145c75);
    --jaz-header-link-hover: var(--jaz-accent, #22a5cb);
}

.site-header {
    backdrop-filter: saturate(145%) blur(12px);
    -webkit-backdrop-filter: saturate(145%) blur(12px);
}

body.jaz-header-overlay-page .site-header {
    position: fixed !important;
    left: 0;
    right: 0;
    background-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header .wp-block-site-title a,
body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header .wp-block-navigation .wp-block-navigation-item__label,
body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header .wp-block-navigation__responsive-container-open,
body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header .wp-block-navigation-submenu__toggle,
body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header .wp-block-navigation__submenu-icon {
    color: var(--jaz-header-link-light) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

body:not(.jaz-header-overlay-page) .site-header,
body.jaz-scrolled .site-header,
body.jaz-header-overlay-page .site-header.is-scrolled {
    background-color: var(--jaz-header-bg-solid) !important;
    box-shadow: var(--jaz-header-shadow-strong) !important;
    backdrop-filter: saturate(145%) blur(12px);
    -webkit-backdrop-filter: saturate(145%) blur(12px);
}

body:not(.jaz-header-overlay-page) .site-header .wp-block-site-title a,
body:not(.jaz-header-overlay-page) .site-header .wp-block-navigation .wp-block-navigation-item__label,
body:not(.jaz-header-overlay-page) .site-header .wp-block-navigation__responsive-container-open,
body:not(.jaz-header-overlay-page) .site-header .wp-block-navigation-submenu__toggle,
body:not(.jaz-header-overlay-page) .site-header .wp-block-navigation__submenu-icon,
body.jaz-scrolled .site-header .wp-block-site-title a,
body.jaz-scrolled .site-header .wp-block-navigation .wp-block-navigation-item__label,
body.jaz-scrolled .site-header .wp-block-navigation__responsive-container-open,
body.jaz-scrolled .site-header .wp-block-navigation-submenu__toggle,
body.jaz-scrolled .site-header .wp-block-navigation__submenu-icon,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-site-title a,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-navigation .wp-block-navigation-item__label,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-navigation__responsive-container-open,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-navigation-submenu__toggle,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-navigation__submenu-icon {
    color: var(--jaz-header-link-dark) !important;
    text-shadow: none !important;
}

body.admin-bar #wpadminbar {
    transition: transform 0.25s ease;
}

body.jaz-header-overlay-page .entry-content.wp-block-post-content>.wp-block-cover.alignfull:first-child,
body.jaz-header-overlay-page .entry-content.wp-block-post-content>.wp-block-group.alignfull[class*="hero"]:first-child {
    margin-top: 0 !important;
    padding-top: 128px !important;
}

body.jaz-header-overlay-page .entry-content.wp-block-post-content>.jaz-shop-hero:first-child {
    padding-top: clamp(145px, 13vh, 180px) !important;
}

body.home.jaz-header-overlay-page .entry-content.wp-block-post-content>.wp-block-cover.alignfull:first-child {
    padding-top: 180px !important;
}

@media screen and (min-width: 1025px) {
    body .site-header .wp-block-navigation__submenu-container {
        background-color: #ffffff !important;
        border: 1px solid rgba(15, 67, 88, 0.09) !important;
        box-shadow: 0 18px 36px rgba(8, 36, 53, 0.12) !important;
        border-radius: 12px !important;
        padding: 10px 0 !important;
    }

    body .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
    body .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
    body .site-header .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle,
    body .site-header .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
        color: var(--jaz-header-link-dark) !important;
        text-shadow: none !important;
    }

    body .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
        background-color: var(--wp--preset--color--neutral-50) !important;
    }

    body .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
    body .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content {
        color: var(--jaz-header-link-hover) !important;
    }
}

/* ===== DUPLICATE MOBILE MENU STYLES REMOVED =====
 * This section was a duplicate of the mobile menu styles defined earlier (lines 446-586).
 * The original definition is more comprehensive and handles all cases correctly.
 * Also removed the problematic admin-bar transform that caused white space issues.
 */

/* ==========================================================================
   12. HEADER FINAL NORMALIZATION - CONTROLS ALL ADMIN BAR BEHAVIOR
   ========================================================================== */

/* CSS Variables for flexible admin bar handling */
body {
    --jaz-admin-offset: 0px;
}

body.admin-bar {
    --jaz-admin-offset: 32px;
}

/* 
 * CRITICAL FIX: The ULTIMATE Reset for the White Space Bug 
 * This targets HTML and BODY elements aggressively across ALL templates
 * to kill any injected margins from WordPress core, Gutenberg, or WooCommerce.
 */
html,
html[lang],
body,
body.home,
body.page,
body.single,
body.archive,
body.woocommerce,
body.woocommerce-page {
    margin-top: 0 !important;
}

/* 
 * CRITICAL FIX: Gutenberg blockGap margin killer 
 * Gutenberg often injects margin-top on the first block of the page content.
 * We must aggressively kill this on the home page so the hero touches the very top edge.
 */
body.home .wp-block-post-content > *:first-child,
body.jaz-header-overlay-page .wp-block-post-content > *:first-child {
    margin-top: 0 !important;
}

body:not(.admin-bar),
html:not(.admin-bar) body:not(.admin-bar),
body:not(.admin-bar).page,
body:not(.admin-bar).single {
    padding-top: 0 !important;
}

body.admin-bar {
    padding-top: var(--jaz-admin-offset) !important;
}

/* Apply admin offset to header in ALL cases - no exceptions */
.site-header, 
.wp-block-template-part.site-header {
    top: var(--jaz-admin-offset, 0) !important;
    margin-top: 0 !important;
}

/* CRITICAL: Ensure no white space above content when no admin bar */
body:not(.admin-bar) .site-header,
body:not(.admin-bar) .wp-block-template-part.site-header,
body:not(.admin-bar) .site-header.is-scrolled,
body:not(.admin-bar).jaz-scrolled .site-header,
body:not(.admin-bar).jaz-scrolled .site-header.is-scrolled,
body:not(.admin-bar).jaz-header-overlay-page .site-header,
body:not(.admin-bar).jaz-header-overlay-page.jaz-scrolled .site-header {
    top: 0 !important;
    margin-top: 0 !important;
}

/* Force FIXED positioning on mobile when scrolling to prevent sticky detaching */
@media screen and (max-width: 1024px) {
    body.jaz-scrolled .site-header,
    body .site-header.is-scrolled {
        position: fixed !important;
        width: 100% !important;
    }

    /* FIX CONTENT JUMP/OVERLAP ON SCROLL: 
       When header becomes fixed/scrolled, it leaves normal flow. 
       We push the content down to compensate. */
    body.jaz-scrolled:not(.jaz-header-overlay-page) {
        padding-top: 75px !important;
    }
}

@media screen and (max-width: 480px) {
    body.jaz-scrolled:not(.jaz-header-overlay-page) {
        padding-top: 65px !important;
    }
}

/* Explicit rules for all combinations to ensure no conflicts */
body.admin-bar .site-header,
body.admin-bar.jaz-scrolled .site-header,
body.admin-bar .site-header.is-scrolled,
body.admin-bar.jaz-header-overlay-page .site-header,
body.admin-bar.jaz-header-overlay-page.jaz-scrolled .site-header,
body.admin-bar.jaz-header-overlay-page .site-header.is-scrolled,
body.admin-bar:not(.jaz-header-overlay-page) .site-header,
body.admin-bar.single-product .site-header,
body.admin-bar.post-type-archive .site-header,
body.admin-bar.page .site-header {
    top: var(--jaz-admin-offset) !important;
}

body .site-header .wp-block-navigation .wp-block-navigation__submenu-container {
    background: rgba(255, 255, 255, 0.985) !important;
}

body .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
body .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
body .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle,
body .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon,
body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle,
body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
    color: var(--jaz-header-link-dark) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__label,
body .site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content {
    color: var(--jaz-header-link-hover) !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        --jaz-admin-offset: 46px;
    }

    body.admin-bar #wpadminbar,
    body.admin-bar.jaz-scrolled #wpadminbar {
        transform: none !important;
    }

    body.admin-bar .site-header .wp-block-navigation__responsive-container.is-menu-open {
        inset: var(--jaz-admin-offset) 0 0 0 !important;
        height: calc(100dvh - var(--jaz-admin-offset)) !important;
        min-height: calc(100dvh - var(--jaz-admin-offset)) !important;
    }

    body.admin-bar .site-header,
    body.admin-bar.jaz-scrolled .site-header,
    body.admin-bar .site-header.is-scrolled,
    body.admin-bar.jaz-header-overlay-page .site-header,
    body.admin-bar.jaz-header-overlay-page.jaz-scrolled .site-header,
    body.admin-bar.jaz-header-overlay-page .site-header.is-scrolled {
        top: var(--jaz-admin-offset) !important;
    }
}

/* If WordPress keeps body.admin-bar without a visible toolbar, do not offset the header. */
body.admin-bar:not(.jaz-admin-bar-visible) {
    padding-top: 0 !important;
}

body.admin-bar:not(.jaz-admin-bar-visible) .site-header,
body.admin-bar:not(.jaz-admin-bar-visible).jaz-scrolled .site-header,
body.admin-bar:not(.jaz-admin-bar-visible) .site-header.is-scrolled,
body.admin-bar:not(.jaz-admin-bar-visible).jaz-header-overlay-page .site-header,
body.admin-bar:not(.jaz-admin-bar-visible).jaz-header-overlay-page.jaz-scrolled .site-header,
body.admin-bar:not(.jaz-admin-bar-visible).jaz-header-overlay-page .site-header.is-scrolled {
    top: 0 !important;
}

/* ==========================================================================
   FORCE MOBILE MENU COLORS - MOVED TO dalia-overrides.css
   Legacy JAZ blue/white styles removed. Dalia design now controls mobile menu.
   ========================================================================== */

/* ==========================================================================
   12. WOOCOMMERCE PREMIUM SINGLE PRODUCT
   ========================================================================== */
body.single-product .jaz-single-product-page {
    background:
        radial-gradient(circle at top left, rgba(20, 92, 117, 0.08), transparent 28%),
        linear-gradient(180deg, #f7fafc 0%, #eef4f7 100%);
    padding-top: clamp(16px, 3vh, 32px);
    padding-bottom: 72px;
}

body.single-product .jaz-product-inner {
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding-inline: clamp(18px, 3vw, 40px);
    box-sizing: border-box;
}

/* Container Reset for single product FSE block */
body.single-product .jaz-product-inner>.wp-block-woocommerce-single-product {
    max-width: none !important;
}

/* Breadcrumbs in single product */
body.single-product .woocommerce-breadcrumb {
    color: var(--wp--preset--color--secondary);
    font-size: 0.95rem;
    margin: 0 0 1.5rem;
    display: block;
    padding-inline: 0.35rem;
}

body.single-product .woocommerce-breadcrumb a {
    color: var(--wp--preset--color--tertiary);
    text-decoration: none;
    font-weight: 600;
}

body.single-product.woocommerce div.product,
body.single-product.woocommerce-page div.product {
    display: grid;
    grid-template-columns: minmax(320px, 0.84fr) minmax(420px, 1fr);
    grid-template-areas:
        "gallery summary"
        "tabs tabs"
        "related related";
    align-items: start;
    gap: 36px 42px;
    direction: ltr;
}

body.single-product.woocommerce div.product::before,
body.single-product.woocommerce div.product::after,
body.single-product.woocommerce-page div.product::before,
body.single-product.woocommerce-page div.product::after {
    display: none !important;
}

/* Image Gallery Style */
body.single-product.woocommerce div.product div.images {
    grid-area: gallery;
    position: static;
    top: auto;
    border-radius: 28px;
    box-shadow: 0 18px 42px rgba(10, 44, 66, 0.07);
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%);
    border: 1px solid rgba(20, 92, 117, 0.08);
    margin: 0 !important;
    padding: 16px;
    float: none !important;
    width: min(100%, 840px) !important;
    max-width: 840px;
    justify-self: start;
    align-self: start;
    box-sizing: border-box !important;
}

body.single-product.woocommerce div.product div.images img {
    border-radius: 20px;
    display: block;
    width: 100%;
    height: auto;
}

body.single-product .woocommerce-product-gallery__wrapper {
    border-radius: 22px;
    overflow: hidden;
    background: #f8fbfd;
}

body.single-product .woocommerce-product-gallery__image {
    border-radius: 22px;
    overflow: hidden;
}

body.single-product .woocommerce-product-gallery__image a {
    display: block;
}

body.single-product .woocommerce-product-gallery__image img {
    max-height: min(66vh, 760px);
    object-fit: contain;
    background: #f8fbfd;
}

body.single-product.woocommerce div.product div.images .flex-control-thumbs {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
    gap: 12px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

body.single-product.woocommerce div.product div.images .flex-control-thumbs li {
    width: auto !important;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    float: none !important;
}

body.single-product.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 14px;
    box-shadow: 0 10px 20px rgba(10, 44, 66, 0.07);
    border: 2px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    background: #ffffff;
}

body.single-product.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
body.single-product.woocommerce div.product div.images .flex-control-thumbs li img:hover {
    border-color: var(--wp--preset--color--primary);
    transform: translateY(-2px);
    box-shadow: 0 14px 24px rgba(20, 92, 117, 0.14);
}

/* Summary / Right Side */
body.single-product.woocommerce div.product div.summary {
    grid-area: summary;
    direction: rtl;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #ffffff 100%);
    border-radius: 28px;
    padding: clamp(28px, 3vw, 40px);
    box-shadow: 0 24px 60px rgba(10, 44, 66, 0.07);
    border: 1px solid rgba(20, 92, 117, 0.07);
    position: relative;
    overflow: hidden;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    justify-self: stretch;
}

body.single-product.woocommerce div.product div.summary::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(20, 92, 117, 0.12), transparent 68%);
    pointer-events: none;
}

body.single-product.woocommerce div.product .product_title {
    color: var(--wp--preset--color--primary);
    font-weight: 800;
    font-size: clamp(1.95rem, 3.2vw, 3.2rem);
    margin-bottom: 0.85rem;
    line-height: 1.15;
    position: relative;
    z-index: 1;
}

body.single-product.woocommerce div.product p.price,
body.single-product.woocommerce div.product span.price {
    color: var(--wp--preset--color--tertiary);
    font-size: clamp(1.8rem, 2.4vw, 2.4rem);
    font-weight: 700;
    margin-bottom: 1.25rem;
    display: block;
    position: relative;
    z-index: 1;
}

body.single-product.woocommerce div.product .woocommerce-product-details__short-description {
    color: #4a5a6a;
    line-height: 1.95;
    margin-bottom: 2rem;
    font-size: 1.08rem;
    position: relative;
    z-index: 1;
}

/* The Add to Cart Form & Button */
body.single-product.woocommerce div.product form.cart {
    margin: 2rem 0 1.4rem;
    padding: 1.5rem 0 0;
    border-top: 1px solid rgba(20, 92, 117, 0.12);
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    position: relative;
    z-index: 1;
}

body.single-product.woocommerce div.product form.cart .quantity {
    display: inline-flex;
    margin: 0;
    order: 2;
}

body.single-product.woocommerce div.product form.cart .quantity .qty {
    width: 82px;
    height: 58px;
    border-radius: 16px;
    border: 1px solid #d7e3ea;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    background: #f8fbfd;
    color: var(--wp--preset--color--dark);
    padding: 0;
}

body.single-product.woocommerce div.product form.cart .button {
    min-height: 58px;
    background: linear-gradient(135deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--tertiary) 100%);
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 18px;
    padding: 0 42px;
    font-size: 1.1rem;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(20, 92, 117, 0.25);
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0;
    order: 1;
    flex: 1 1 240px;
}

body.single-product.woocommerce div.product form.cart .button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(20, 92, 117, 0.35);
    background: linear-gradient(135deg, var(--wp--preset--color--tertiary) 0%, var(--wp--preset--color--primary) 100%);
}

body.single-product.woocommerce div.product .product_meta {
    padding-top: 1.5rem;
    border-top: 1px solid rgba(20, 92, 117, 0.09);
    color: var(--wp--preset--color--secondary);
    font-size: 0.95rem;
    position: relative;
    z-index: 1;
}

body.single-product.woocommerce div.product .product_meta a {
    color: var(--wp--preset--color--tertiary);
    text-decoration: none;
    font-weight: 600;
}

body.single-product.woocommerce div.product .product_meta>span {
    display: block;
    margin-bottom: 0.7rem;
}

/* Product Tabs */
body.single-product.woocommerce div.product .woocommerce-tabs {
    grid-area: tabs;
    width: 100%;
    max-width: 100%;
    margin: 0;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdfe 100%);
    border-radius: 32px;
    padding: clamp(28px, 4vw, 54px);
    box-shadow: 0 24px 60px rgba(10, 44, 66, 0.05);
    border: 1px solid rgba(20, 92, 117, 0.07);
    clear: none;
    direction: rtl;
    box-sizing: border-box;
}

body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid #dde9ef;
    padding: 0;
    margin: 0 0 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    background: transparent;
    justify-content: flex-start;
}

body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none;
}

body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    background: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none;
}

body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 1.6rem;
    border-radius: 999px;
    color: var(--wp--preset--color--secondary);
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    background: #f4f8fa;
}

body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #ffffff;
    background: linear-gradient(135deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--tertiary) 100%);
}

body.single-product.woocommerce div.product .woocommerce-tabs .panel h2 {
    color: var(--wp--preset--color--primary);
    font-size: clamp(1.7rem, 2.2vw, 2.2rem);
    margin-bottom: 1.25rem;
}

body.single-product.woocommerce div.product .woocommerce-tabs .panel p {
    color: #526474;
    line-height: 1.9;
    font-size: 1.06rem;
}

body.single-product.woocommerce div.product .woocommerce-tabs .panel,
body.single-product.woocommerce div.product .woocommerce-Tabs-panel {
    width: 100%;
    max-width: 100%;
}

body.single-product.woocommerce #reviews #comments ol.commentlist {
    padding: 0;
    margin: 0 0 2rem;
}

body.single-product.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
    border: 1px solid rgba(20, 92, 117, 0.08);
    border-radius: 20px;
    padding: 1.4rem 1.5rem;
    background: #f8fbfd;
}

body.single-product.woocommerce #review_form_wrapper {
    width: 100%;
    margin-top: 2rem;
}

body.single-product.woocommerce #review_form #respond {
    padding: 1.8rem;
    border-radius: 24px;
    background: #f8fbfd;
    border: 1px solid rgba(20, 92, 117, 0.08);
}

body.single-product.woocommerce .related.products {
    grid-area: related;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    padding: clamp(28px, 4vw, 44px);
    border-radius: 32px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, #ffffff 100%);
    box-shadow: 0 24px 60px rgba(10, 44, 66, 0.05);
    border: 1px solid rgba(20, 92, 117, 0.07);
    box-sizing: border-box;
}

body.single-product.woocommerce .related.products>h2 {
    color: var(--wp--preset--color--primary);
    font-size: clamp(2rem, 3vw, 2.7rem);
    font-weight: 800;
    margin: 0 0 0.7rem;
}

body.single-product.woocommerce .related.products>h2::after {
    content: "منتجات مختارة تكمل هذا المنتج";
    display: block;
    color: #6f8596;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 0.75rem;
}

/* Related Product Cards */
body.single-product.woocommerce .related.products ul.products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin: 2.2rem 0 0;
}

body.single-product.woocommerce ul.products li.product {
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 18px 36px rgba(10, 44, 66, 0.05);
    border: 1px solid rgba(20, 92, 117, 0.06);
    overflow: hidden;
    padding: 0 0 1.5rem;
    transition: transform 0.3s ease;
    text-align: right;
    display: flex;
    flex-direction: column;
    width: 100% !important;
    margin: 0 !important;
}

body.single-product.woocommerce ul.products li.product:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 44px rgba(10, 44, 66, 0.1);
}

body.single-product.woocommerce ul.products li.product a img {
    border-radius: 18px;
    width: calc(100% - 24px);
    margin: 12px;
    display: block;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

body.single-product.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    padding: 0.7rem 1.25rem 0.3rem;
    font-size: 1.15rem;
    color: var(--wp--preset--color--primary);
    margin: 0;
    line-height: 1.4;
    font-weight: 700;
}

body.single-product.woocommerce ul.products li.product .price {
    padding: 0.35rem 1.25rem 1rem;
    color: var(--wp--preset--color--tertiary);
    font-weight: 800;
    font-size: 1.25rem;
    margin: 0;
    display: block;
}

body.single-product.woocommerce ul.products li.product .button {
    margin: auto 1.25rem 0;
    width: calc(100% - 2.5rem);
    border-radius: 16px;
    padding: 0.95rem 1rem;
    background: var(--wp--preset--color--primary);
    color: white !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.05rem;
    display: block;
    transition: background 0.3s;
}

body.single-product.woocommerce ul.products li.product .button:hover {
    background: var(--wp--preset--color--tertiary);
}

/* Force Thumbnails to Display */
body.single-product.woocommerce div.product div.images .flex-control-thumbs,
body.single-product .wc-block-components-product-image-gallery__thumbnails,
body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) {
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 15px !important;
}

body.single-product.woocommerce div.product div.images .flex-control-thumbs {
    display: grid !important;
    gap: 14px !important;
}

body.single-product .woocommerce-product-gallery .flex-viewport {
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 22px;
}

body.single-product.woocommerce div.product .onsale {
    right: 24px;
    left: auto;
    top: 24px;
    margin: 0;
    background: #fff;
    color: var(--wp--preset--color--primary);
    min-height: 48px;
    min-width: 48px;
    line-height: 48px;
    box-shadow: 0 10px 24px rgba(10, 44, 66, 0.14);
}

body.single-product.woocommerce div.product .stock {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.65rem 1rem;
    border-radius: 999px;
    background: rgba(20, 92, 117, 0.08);
    color: var(--wp--preset--color--primary);
    font-weight: 700;
    margin-bottom: 1.5rem;
}

body.single-product.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 1rem;
}

body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li.reviews_tab a {
    min-width: 150px;
}

@media screen and (max-width: 1200px) {

    body.single-product.woocommerce .related.products ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 900px) {

    body.single-product.woocommerce div.product,
    body.single-product.woocommerce-page div.product {
        grid-template-columns: 1fr;
        grid-template-areas:
            "gallery"
            "summary"
            "tabs"
            "related";
        gap: 24px;
    }

    body.single-product.woocommerce div.product div.images,
    body.single-product.woocommerce div.product div.summary {
        width: 100% !important;
        max-width: 100%;
    }

    body.single-product.woocommerce div.product div.summary {
        margin-top: 0 !important;
    }

    body.single-product.woocommerce div.product div.images {
        position: static;
        top: auto;
    }

    body.single-product.woocommerce div.product .woocommerce-tabs,
    body.single-product.woocommerce .related.products {
        padding: 24px;
        border-radius: 24px;
    }

    body.single-product.woocommerce .related.products ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 640px) {

    body.single-product .jaz-single-product-page {
        padding-bottom: 48px;
    }

    body.single-product .woocommerce-breadcrumb {
        font-size: 0.85rem;
        line-height: 1.7;
    }

    body.single-product.woocommerce div.product .product_title {
        font-size: clamp(1.65rem, 8vw, 2.35rem);
    }

    body.single-product.woocommerce div.product div.images,
    body.single-product.woocommerce div.product div.summary,
    body.single-product.woocommerce div.product .woocommerce-tabs,
    body.single-product.woocommerce .related.products {
        border-radius: 22px;
        padding: 20px;
    }

    body.single-product.woocommerce div.product form.cart {
        flex-direction: column;
        align-items: stretch;
    }

    body.single-product.woocommerce div.product form.cart .button,
    body.single-product.woocommerce div.product form.cart .quantity {
        width: 100%;
    }

    body.single-product.woocommerce div.product form.cart .quantity .qty {
        width: 100%;
    }

    body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs {
        gap: 0.75rem;
    }

    body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li {
        width: 100%;
    }

    body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a {
        width: 100%;
    }

    body.single-product.woocommerce .related.products ul.products {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   HEADER FIXES: OVERLAPS AND COLORS (CRITICAL)
   ========================================================================== */

/* FORCE WHITE FOR ALL MENU LINKS AND ICONS IN MOBILE MENU */
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon,
body.jaz-header-overlay-page .site-header.is-scrolled .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle {
    color: #ffffff !important;
}

/* BUT KEEP THE CTA BUTTON TEXT DARK FOR READABILITY */
.site-header .wp-block-navigation__responsive-container.is-menu-open .jaz-mobile-menu-cta>.wp-block-navigation-item__content .wp-block-navigation-item__label,
.site-header .wp-block-navigation__responsive-container.is-menu-open .jaz-mobile-menu-cta>.wp-block-navigation-item__content,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .jaz-mobile-menu-cta .wp-block-navigation-item__content,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .jaz-mobile-menu-cta .wp-block-navigation-item__label {
    color: #0b3243 !important;
}

/* ===== REMOVED DUPLICATE ADMIN BAR RULES =====
 * This section was causing the white space issue by providing fallback values (32px/46px)
 * even when admin bar was NOT present. The correct admin bar handling is in the
 * "HEADER FINAL NORMALIZATION" section (lines ~3607-3699) which uses CSS variables
 * WITHOUT fallback values, ensuring top: 0 when no admin bar exists.
 */

/* ==========================================================================
   13. DUAL LOGO SYSTEM
   ========================================================================== */
.jaz-logo-main {
    display: block !important;
}

.jaz-logo-white {
    display: none !important;
}

/* Show white logo and hide main logo only when overlay header is active and NOT scrolled */
body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header:not(.is-scrolled) .jaz-logo-main {
    display: none !important;
}

body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header:not(.is-scrolled) .jaz-logo-white {
    display: block !important;
}

/* ==========================================================================
   14. HEADER MINI CART
   ========================================================================== */
.site-header .header-actions {
    order: 3;
    display: flex !important;
    align-items: center;
    gap: 0.9rem;
    flex-shrink: 0;
    margin: 0 !important;
}

.site-header .header-actions > * {
    margin: 0 !important;
}

.site-header .header-actions .header-cta-desktop {
    order: 2;
    display: flex !important;
    margin: 0 !important;
}

.site-header .header-actions .wp-block-woocommerce-mini-cart,
.site-header .header-actions .wc-block-mini-cart {
    order: 1;
    margin: 0 !important;
    line-height: 1;
}

.site-header .header-actions .wc-block-mini-cart__button {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border: 1px solid rgba(20, 92, 117, 0.14) !important;
    border-radius: 999px !important;
    background: #eef5f9 !important;
    color: #145c75 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(20, 92, 117, 0.12);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease !important;
}

.site-header .header-actions .wc-block-mini-cart__button:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(20, 92, 117, 0.18);
    background: #e3f0f5 !important;
}

.site-header .header-actions .wc-block-mini-cart__button svg {
    width: 22px !important;
    height: 22px !important;
}

.site-header .header-actions .wc-block-mini-cart__quantity-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.site-header .header-actions .wc-block-mini-cart__badge {
    position: absolute;
    top: -7px;
    inset-inline-end: -8px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px !important;
    background: #145c75 !important;
    color: #ffffff !important;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 22px;
    box-shadow: 0 8px 16px rgba(11, 47, 61, 0.18);
}

body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header:not(.is-scrolled) .header-actions .wc-block-mini-cart__button {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #ffffff !important;
    box-shadow: none;
}

body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header:not(.is-scrolled) .header-actions .wc-block-mini-cart__button:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

body.jaz-header-overlay-page:not(.jaz-scrolled) .site-header:not(.is-scrolled) .header-actions .wc-block-mini-cart__badge {
    background: #ffffff !important;
    color: #145c75 !important;
}

body .wc-block-components-drawer__screen-overlay {
    background: rgba(11, 34, 47, 0.38) !important;
    backdrop-filter: blur(8px);
}

body .wc-block-mini-cart__drawer.wc-block-components-drawer {
    width: min(430px, 100vw) !important;
    margin-inline-start: auto;
    background: transparent !important;
}

body .wc-block-mini-cart__drawer .wc-block-components-drawer__content {
    background:
        radial-gradient(circle at top right, rgba(20, 92, 117, 0.08), transparent 28%),
        linear-gradient(180deg, #f8fbfd 0%, #eef5f9 100%) !important;
    box-shadow: -24px 0 48px rgba(11, 34, 47, 0.18);
}

body .wc-block-mini-cart__template-part,
body .wp-block-woocommerce-mini-cart-contents {
    direction: rtl;
    text-align: right;
}

body .wp-block-woocommerce-mini-cart-contents {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

body .wp-block-woocommerce-filled-mini-cart-contents-block,
body .wp-block-woocommerce-empty-mini-cart-contents-block {
    flex: 1;
    display: flex;
    flex-direction: column;
}

body .wp-block-woocommerce-mini-cart-title-block {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.4rem 1.4rem 1rem;
    border-bottom: 1px solid rgba(20, 92, 117, 0.1);
}

body .wp-block-woocommerce-mini-cart-title-label-block,
body .wp-block-woocommerce-mini-cart-title-items-counter-block {
    color: #0b3243;
    font-weight: 800;
}

body .wp-block-woocommerce-mini-cart-title-label-block {
    font-size: 1.15rem;
}

body .wp-block-woocommerce-mini-cart-title-items-counter-block {
    font-size: 0.88rem;
    color: #537183;
}

body .wp-block-woocommerce-mini-cart-items-block,
body .wp-block-woocommerce-mini-cart-shopping-button-block {
    padding: 1rem 1.4rem 1.4rem;
}

body .wp-block-woocommerce-mini-cart-footer-block {
    margin-top: auto;
    padding: 1rem 1.4rem 1.4rem;
    border-top: 1px solid rgba(20, 92, 117, 0.1);
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(10px);
}

body .wp-block-woocommerce-mini-cart-footer-block .wc-block-components-button,
body .wp-block-woocommerce-mini-cart-shopping-button-block .wc-block-components-button {
    width: 100%;
    min-height: 48px;
    border-radius: 16px !important;
    font-weight: 800;
}

body .wp-block-woocommerce-mini-cart-footer-block .wc-block-components-button + .wc-block-components-button {
    margin-top: 0.75rem;
}

body .wc-block-components-drawer__close {
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    background: rgba(20, 92, 117, 0.08) !important;
    color: #145c75 !important;
}

body .wc-block-components-drawer__close:hover {
    background: rgba(20, 92, 117, 0.14) !important;
}

@media screen and (max-width: 1024px) {
    .site-header .header-actions {
        position: absolute !important;
        left: calc(4% + 52px) !important;
        right: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        order: initial !important;
        z-index: 10002 !important;
        gap: 0.5rem;
    }

    .site-header .header-actions .header-cta-desktop {
        display: none !important;
    }

    .site-header .header-actions .wc-block-mini-cart__button {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    .site-header .header-actions .wc-block-mini-cart__badge {
        top: -5px;
        inset-inline-end: -6px;
        min-width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 0.68rem;
    }
}

@media screen and (max-width: 640px) {
    body .wc-block-mini-cart__drawer.wc-block-components-drawer {
        width: 100vw !important;
    }

    body .wp-block-woocommerce-mini-cart-title-block,
    body .wp-block-woocommerce-mini-cart-items-block,
    body .wp-block-woocommerce-mini-cart-shopping-button-block,
    body .wp-block-woocommerce-mini-cart-footer-block {
        padding-inline: 1rem;
    }
}