/* ===== Products Dropdown Menu ===== */
/* FIXED: Increased width for mega menu to support 3-column layout */
#yizee-mega-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 980px;
    background: #0a0a0a;
    border-top: 2px solid #D4AF37;
    z-index: 9998;
    box-shadow: 4px 4px 15px rgba(0,0,0,0.5);
    transition: opacity 0.2s ease, visibility 0.2s ease;
    max-height: 80vh;
    overflow-y: auto;
}
#yizee-mega-menu.yizee-mega-menu-hidden {
    opacity: 0;
    visibility: hidden;
}
#yizee-mega-menu.yizee-mega-menu-visible {
    opacity: 1;
    visibility: visible;
}
.yizee-dropdown-list {
    padding: 8px 0;
}
.yizee-dropdown-link {
    display: block;
    padding: 10px 20px;
    color: #cccccc;
    text-decoration: none;
    font-size: 0.85rem;
    font-family: Montserrat, sans-serif;
    transition: all 0.2s;
}
.yizee-dropdown-link:hover,
.yizee-dropdown-link.active {
    color: #D4AF37;
    background: rgba(212,175,55,0.08);
    border-left: 3px solid #D4AF37;
    padding-left: 17px;
}

/* ===== YIZEE Lighting v2 - New Professional Color Scheme ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/* ===== CSS Variables - New Color Palette ===== */
:root {
    /* Primary Colors - Deep Blue (Professional, Trust) */
    --primary-dark: #0a0a0a;
    --primary: #1a1a1a;
    --primary-light: #2a2a2a;
    
    /* Accent Colors - Cyan Blue (Tech, LED feel) */
    --accent: #D4AF37;
    --accent-hover: #e5c553;
    --accent-light: #f5e6a3;
    
    /* Background Colors */
    --bg-dark: #0a0a0a;
    --bg-light: #111111;
    --bg-white: #1a1a1a;
    --bg-card: #1a1a1a;
    
    /* Text Colors */
    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --text-light: #888888;
    --text-white: #ffffff;
    
    /* Semantic Colors */
    --success: #10b981;
    --warning: #f59e0b;
    
    /* Sidebar */
    --sidebar-bg: #111111;
    --sidebar-active: #D4AF37;
    --sidebar-active-bg: #2a2210;
    
    /* Borders */
    --border-light: #333333;
    --border-dark: #555555;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.3);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.4);
}

* { box-sizing: border-box; }
/* body global removed - homepage has its own dark theme */
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; }

/* ===== Astra Theme Override ===== */
/* entry-title hiding removed - was breaking homepage */
/* site-content container override removed - was breaking homepage layout */
/* entry-content padding override removed - was breaking homepage */

/* ===== Header/Navigation - New Deep Blue Theme ===== */
/* Header: only override on non-home pages */
body:not(.home) .site-header {
    background: var(--primary-dark) !important;
    box-shadow: var(--shadow-md) !important;
}
.site-title a {
    color: #D4AF37 !important;
    font-weight: 700;
}
.main-navigation .menu-item a {
    color: rgba(255,255,255,0.9) !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: color 0.3s !important;
}
body:not(.home) .main-navigation .menu-item a:hover {
    color: var(--accent) !important;
}
body:not(.home) .menu-item-747 > a::after {
    content: ' ▼';
    font-size: 0.6rem;
    margin-left: 4px;
}

/* ===== Product Sidebar ===== */
#yizee-product-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 260px;
    height: 100vh;
    background: var(--sidebar-bg);
    z-index: 1000;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
    box-shadow: var(--shadow-lg);
}
#yizee-product-sidebar.yizee-sidebar-expanded {
    transform: translateX(0);
}
.yizee-sidebar-toggle {
    position: fixed;
    left: 10px;
    top: 100px;
    width: 40px;
    height: 40px;
    background: var(--primary-dark);
    color: var(--text-white);
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    z-index: 1001;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    transition: left 0.3s ease;
}
#yizee-product-sidebar.yizee-sidebar-expanded ~ .yizee-sidebar-toggle,
#yizee-product-sidebar + .yizee-sidebar-toggle {
    left: 270px;
}
.yizee-toggle-icon {
    display: block;
}
.yizee-sidebar-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.yizee-sidebar-header {
    background: var(--primary-dark);
    color: var(--text-white);
    padding: 20px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}
.yizee-sidebar-nav {
    flex: 1;
    padding: 15px 0;
}
.yizee-sidebar-section {
    margin-bottom: 20px;
}
.yizee-sidebar-section-title {
    padding: 10px 20px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 1px;
    background: rgba(255,255,255,0.05);
}
.yizee-sidebar-link {
    display: block;
    padding: 10px 20px;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.2s;
    border-left: 3px solid transparent;
}
.yizee-sidebar-link:hover {
    background: rgba(212,175,55,0.1);
    color: var(--accent);
    border-left-color: var(--accent);
}
.yizee-sidebar-link.active {
    background: var(--sidebar-active-bg);
    color: var(--accent);
    border-left-color: var(--accent);
    font-weight: 600;
}

/* ===== Product Content Wrapper (push content right when sidebar visible) ===== */
.single .site-content,
.page .site-content {
    padding-left: 0;
    transition: padding-left 0.3s ease;
}

/* ===== Page Hero - Category Banner (Compact Version) ===== */
.yizee-page-hero {
    background: #1B2838;
    padding: 52px 40px 44px;
    border-bottom: 1px solid rgba(212,175,55,0.25);
    text-align: center;
    position: relative;
}
.yizee-page-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(data:image/svg+xml,%3Csvg width=60 height=60 viewBox=0 0 60 60 xmlns=http://www.w3.org/2000/svg%3E%3Cg fill=none fill-rule=evenodd%3E%3Cg fill=%23ffffff fill-opacity=0.03%3E%3Cpath d=M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z/%3E%3C/g%3E%3C/g%3E%3C/svg%3E);
    opacity: 0.5;
    pointer-events: none;
}
.yizee-breadcrumb { font-size: 0.8rem; color: rgba(255,255,255,0.5); margin-bottom: 14px; }
.yizee-breadcrumb a { color: #D4AF37; text-decoration: none; }
.yizee-breadcrumb a:hover { color: #D4AF37; }
.yizee-breadcrumb span {
    margin: 0 8px;
    opacity: 0.5;
}
.yizee-page-hero h1 {
    color: #D4AF37;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: 0.03em;
}
.yizee-page-hero h1::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--accent, #D4AF37);
    margin: 14px auto 0;
}
.yizee-page-hero p {
    font-size: 1.1rem !important;
    color: rgba(255,255,255,0.8) !important;
    margin: 0 !important;
    position: relative;
    z-index: 1;
}

/* ===== Banner ===== */
.yizee-banner-wrap {
    position: relative;
    width: 100vw !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    overflow: hidden;
    line-height: 0;
}
.yizee-banner-img {
    width: 100%;
    height: auto;
    display: none;
    object-fit: cover;
}
.yizee-banner-img.active { display: block; }
.yizee-banner-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}
.yizee-banner-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    cursor: pointer;
    transition: all 0.3s;
}
.yizee-banner-dot.active {
    background: var(--accent);
    transform: scale(1.2);
}

/* ===== Dark Section ===== */
.has-ast-global-color-0-background-color {
    background-color: var(--primary-dark) !important;
}
.has-ast-global-color-0-background-color h1.has-white-color {
    color: var(--accent) !important;
}
.has-ast-global-color-0-background-color h1.has-white-color::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--accent);
    margin: 18px auto 0;
}
.has-ast-global-color-0-background-color strong {
    color: #D4AF37 !important;
    font-size: 1.1rem !important;
    letter-spacing: 2px !important;
}
.has-ast-global-color-0-background-color .has-white-color.has-text-color:not(strong):not(h1) {
    color: rgba(255,255,255,0.85) !important;
}
.has-ast-global-color-0-background-color .wp-block-column {
    padding: 20px 10px !important;
    border-radius: 6px;
    transition: background 0.3s;
}
.has-ast-global-color-0-background-color .wp-block-column:hover {
    background: rgba(255,255,255,0.05);
}

/* ===== Buttons ===== */
.yizee-btn { 
    display: inline-block; 
    padding: 15px 40px; 
    font-family: 'Montserrat', sans-serif; 
    font-weight: 600; 
    font-size: 0.95rem; 
    text-transform: uppercase; 
    letter-spacing: 1.5px; 
    text-decoration: none; 
    border-radius: 4px; 
    transition: all 0.3s ease; 
    cursor: pointer; 
}
.yizee-btn-primary { 
    background: var(--accent); 
    color: var(--text-white); 
    border: 2px solid var(--accent); 
}
.yizee-btn-primary:hover { 
    background: var(--accent-hover); 
    border-color: var(--accent-hover); 
    transform: translateY(-2px); 
    box-shadow: 0 8px 25px rgba(212,175,55,0.3); 
}
.yizee-btn-outline { 
    background: transparent; 
    color: var(--text-white); 
    border: 2px solid rgba(255,255,255,0.5); 
    margin-left: 15px; 
}
.yizee-btn-outline:hover { 
    border-color: var(--accent); 
    color: var(--accent); 
    transform: translateY(-2px); 
}

/* ===== Sections ===== */
.yizee-section { padding: 80px 20px; }
.yizee-section-dark { background: var(--primary-dark); color: var(--text-white); }
.yizee-section-light { background: var(--bg-light); }
.yizee-section-white { background: var(--bg-white); }
.yizee-section-gray { background: var(--bg-dark); }
.yizee-container { max-width: 1200px; margin: 0 auto; }
.yizee-section-title { text-align: center; margin-bottom: 50px; }
.yizee-section-title h2 { font-size: 2.2rem; font-weight: 700; margin-bottom: 15px; color: var(--primary-dark); }
.yizee-section-dark .yizee-section-title h2 { color: var(--text-white); }
.yizee-section-title p { font-size: 1.1rem; color: var(--text-secondary); max-width: 600px; margin: 0 auto; font-weight: 300; }
.yizee-section-dark .yizee-section-title p { color: rgba(255,255,255,0.8); }
.yizee-section-title .accent-line { width: 60px; height: 3px; background: var(--accent); margin: 15px auto 0; }

/* ===== Category Cards ===== */
.yizee-cat-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px 16px; }
.yizee-cat-card { background: #1a1a1a; border-radius: 6px; overflow: hidden; text-decoration: none; transition: box-shadow 0.25s, border-color 0.25s; min-width: 0; border: 1px solid transparent; }
.yizee-cat-card:hover { 
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
    border-color: #D4AF37;
}
.yizee-cat-card-img { height: 100px; overflow: hidden; position: relative; }
.yizee-cat-card-img::after { 
    content: ''; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: 40%; 
    background: linear-gradient(to top, rgba(26,26,26,0.6), transparent); 
    pointer-events: none;
}
.yizee-cat-card-body { padding: 12px 10px; }
.yizee-cat-card-body h3 { font-size: 0.8rem; font-weight: 600; margin-bottom: 4px; color: #D4AF37; text-decoration: none; line-height: 1.3; }
.yizee-cat-card-body p { font-size: 0.7rem; color: #999999; line-height: 1.3; margin-bottom: 4px; }
.yizee-cat-card-body .card-arrow { color: #D4AF37; font-weight: 600; font-size: 0.7rem; margin-top: 4px; display: inline-block; }

/* ===== Stats ===== */
.yizee-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.yizee-stat-item { text-align: center; padding: 30px 15px; }
.yizee-stat-num { font-size: 2.8rem; font-weight: 800; color: var(--accent); line-height: 1; margin-bottom: 8px; }
.yizee-stat-label { font-size: 0.95rem; color: rgba(255,255,255,0.7); font-weight: 400; }

/* ===== Product Grid & Card ===== */
.yizee-products-grid { 
    display: grid; 
    grid-template-columns: repeat(5, 1fr); 
    gap: 15px;
    padding: 20px 15px;
}
.yizee-product-card { 
    background: var(--bg-white); 
    border-radius: 8px; 
    overflow: hidden; 
    transition: all 0.3s ease; 
    box-shadow: var(--shadow-sm); 
    border: 1px solid #333333;
}
.yizee-product-card:hover { 
    transform: translateY(-5px); 
    box-shadow: var(--shadow-lg); 
    border-color: var(--accent-light);
}
.yizee-product-card-image { 
    height: 100px; 
    background-size: cover; 
    background-position: center; 
    background-color: var(--bg-light);
}
.yizee-product-card-content { padding: 15px; }
.yizee-product-card-title { 
    font-size: 0.95rem; 
    font-weight: 600; 
    color: var(--primary-dark); 
    line-height: 1.4; 
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.yizee-product-card-specs { 
    font-size: 0.75rem; 
    color: #999999; 
    line-height: 1.5;
    margin-bottom: 10px;
}
.yizee-product-card-view { 
    color: var(--accent); 
    font-weight: 600; 
    font-size: 0.85rem;
}
.yizee-product-card-link {
    text-decoration: none;
    color: inherit;
}

/* ===== Product Detail Page ===== */
.yizee-product-detail { 
    padding: 40px 20px; 
    background: var(--bg-white);
}
.yizee-product-main { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 50px; 
    margin-bottom: 60px; 
}
.yizee-product-gallery { position: relative; }
.yizee-product-gallery-main { 
    width: 100%; 
    border-radius: 8px; 
    background-size: cover; 
    background-position: center; 
    aspect-ratio: 4/3; 
    background-color: var(--bg-light);
    border: 1px solid #333333;
}
.yizee-product-gallery-thumbs { 
    display: flex; 
    gap: 10px; 
    margin-top: 15px; 
    overflow-x: auto; 
}
.yizee-product-thumb { 
    width: 80px; 
    height: 80px; 
    border-radius: 6px; 
    background-size: cover; 
    background-position: center; 
    cursor: pointer; 
    border: 2px solid transparent; 
    transition: border-color 0.3s; 
    flex-shrink: 0; 
}
.yizee-product-thumb:hover, .yizee-product-thumb.active { 
    border-color: var(--accent); 
}
.yizee-product-info h1 { 
    font-size: 1.8rem; 
    color: var(--primary-dark); 
    margin-bottom: 20px;
    font-weight: 700;
}
.yizee-product-specs { 
    width: 100%; 
    border-collapse: collapse; 
    margin: 20px 0;
    border: 1px solid #333333;
    border-radius: 6px;
    overflow: hidden;
}
.yizee-product-specs th { 
    background: var(--primary-dark); 
    color: var(--text-white); 
    padding: 12px 15px; 
    text-align: left; 
    font-weight: 600; 
    font-size: 0.85rem; 
    width: 35%; 
}
.yizee-product-specs td { 
    padding: 12px 15px; 
    border-bottom: 1px solid var(--border-light); 
    font-size: 0.9rem;
    background: var(--bg-white);
}
.yizee-product-specs tr:nth-child(even) td { 
    background: var(--bg-light); 
}
.yizee-product-specs tr:last-child td {
    border-bottom: none;
}

/* ===== CTA Buttons on Product Page ===== */
.yizee-product-cta {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    flex-wrap: wrap;
}
.yizee-cta-quote {
    flex: 1;
    min-width: 200px;
    background: var(--accent) !important;
    color: #D4AF37 !important;
    padding: 15px 30px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    text-align: center;
    transition: all 0.3s !important;
}
.yizee-cta-quote:hover {
    background: var(--accent-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(212,175,55,0.3);
}
.yizee-cta-whatsapp {
    background: #1a2a1a !important;
    color: #D4AF37 !important;
    padding: 15px 30px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s !important;
border: 2px solid #D4AF37 !important; color: #D4AF37 !important; }
.yizee-cta-whatsapp:hover {
    background: #D4AF37 !important;
    color: #0F172A !important;
    transform: translateY(-2px);
}

/* ===== Video Placeholder ===== */
.yizee-video-section { 
    margin-top: 25px; 
    border-radius: 8px; 
    overflow: hidden; 
    background: var(--bg-light); 
    border: 2px dashed var(--border-light); 
}
.yizee-video-placeholder { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    aspect-ratio: 4/3; 
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
    color: rgba(255,255,255,0.6); 
}
.yizee-video-placeholder .video-icon { font-size: 3rem; margin-bottom: 12px; opacity: 0.5; }
.yizee-video-placeholder .video-text { font-size: 0.95rem; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }
.yizee-video-placeholder .video-hint { font-size: 0.8rem; margin-top: 8px; opacity: 0.5; }

/* ===== Features Grid ===== */
.yizee-features-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin: 40px 0; }
.yizee-feature-item { 
    text-align: center; 
    padding: 30px 20px; 
    border-radius: 8px; 
    background: var(--bg-white); 
    transition: transform 0.3s;
    border: 1px solid #333333;
}
.yizee-feature-item:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.yizee-feature-icon { font-size: 2.5rem; margin-bottom: 15px; }
.yizee-feature-item h4 { font-size: 1rem; font-weight: 600; color: var(--primary-dark); margin-bottom: 8px; }
.yizee-feature-item p { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; }

/* ===== About ===== */
.yizee-about-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.yizee-about-img { border-radius: 8px; overflow: hidden; aspect-ratio: 4/3; background-size: cover; background-position: center; }
.yizee-about-text h2 { font-size: 1.9rem !important; color: var(--primary-dark); margin-bottom: 20px; }
.yizee-about-text p { line-height: 1.8; color: var(--text-secondary); margin-bottom: 15px; }
.yizee-values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; }
.yizee-value-card { 
    text-align: center; 
    padding: 40px 25px; 
    border-radius: 8px; 
    background: var(--bg-white); 
    box-shadow: var(--shadow-sm);
    transition: all 0.3s;
    border: 1px solid #333333;
}
.yizee-value-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.yizee-value-card .icon { font-size: 3rem; margin-bottom: 15px; }
.yizee-value-card h3 { color: var(--primary-dark); margin-bottom: 10px; }
.yizee-value-card p { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; }

/* ===== Contact ===== */
.yizee-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
.yizee-contact-info h2 { font-size: 2rem; color: var(--primary-dark); margin-bottom: 25px; }
.yizee-contact-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; }
.yizee-contact-item .icon { font-size: 1.5rem; color: var(--accent); min-width: 30px; }
.yizee-contact-item h4 { font-size: 0.95rem; color: var(--primary-dark); margin-bottom: 3px; }
.yizee-contact-item p { color: var(--text-secondary); font-size: 0.9rem; margin: 0; }
.yizee-contact-form { 
    background: var(--bg-white); 
    padding: 40px; 
    border-radius: 8px; 
    box-shadow: var(--shadow-md);
    border: 1px solid #333333;
}
.yizee-form-group { margin-bottom: 20px; }
.yizee-form-group label { display: block; font-weight: 600; font-size: 0.9rem; color: var(--primary-dark); margin-bottom: 6px; }
.yizee-form-group input, .yizee-form-group textarea { 
    width: 100%; 
    padding: 12px 15px; 
    border: 1px solid #333333; 
    border-radius: 4px; 
    font-family: 'Montserrat', sans-serif; 
    font-size: 0.9rem; 
    transition: border-color 0.3s;
    background: var(--bg-white);
}
.yizee-form-group input:focus, .yizee-form-group textarea:focus { 
    outline: none; 
    border-color: var(--accent); 
}
.yizee-form-group textarea { height: 100px; resize: vertical; }

/* ===== Footer ===== */
.yizee-footer { 
    background: var(--primary-dark); 
    color: rgba(255,255,255,0.6); 
    padding: 60px 20px 30px; 
}
.yizee-footer-grid { 
    display: grid; 
    grid-template-columns: 2fr 1fr 1fr 1fr; 
    gap: 40px; 
    max-width: 1200px; 
    margin: 0 auto 40px; 
}
.yizee-footer h4 { color: var(--text-white); font-size: 1rem; margin-bottom: 20px; }
.yizee-footer a { color: rgba(255,255,255,0.6); text-decoration: none; font-size: 0.9rem; transition: color 0.3s; }
.yizee-footer a:hover { color: var(--accent); }
.yizee-footer-bottom { 
    border-top: 1px solid rgba(255,255,255,0.1); 
    padding-top: 25px; 
    text-align: center; 
    font-size: 0.85rem; 
    max-width: 1200px; 
    margin: 0 auto; 
}
.yizee-footer ul { list-style: none; padding: 0; margin: 0; }
.yizee-footer li { margin-bottom: 8px; }

/* ===== Clients ===== */
.yizee-clients-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; align-items: center; }
.yizee-client-item { font-size: 1.5rem; font-weight: 700; color: #ffffff; letter-spacing: 3px; text-transform: uppercase; transition: color 0.3s; }
.yizee-client-item:hover { color: var(--accent); }

/* ===== CTA Section ===== */
.yizee-cta { 
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%); 
    padding: 60px 20px; 
    text-align: center; 
}
.yizee-cta h2 { color: var(--text-white); font-size: 2rem; margin-bottom: 15px; }
.yizee-cta p { color: rgba(255,255,255,0.7); margin-bottom: 30px; font-size: 1.1rem; }

/* ===== Gold color fix ===== */
body:not(.home) .has-ast-global-color-0-color { color: var(--accent) !important; }

/* ===== Search Overlay ===== */
#yizee-search-overlay input {
    border-bottom-color: var(--accent) !important;
}

/* ===== Responsive ===== */
@media (max-width: 992px) {
    .yizee-mega-menu-inner {
        grid-template-columns: 1fr 1fr;
    }
    .yizee-mega-featured {
        grid-column: span 2;
    }
    .yizee-product-main {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .yizee-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .yizee-products-grid { grid-template-columns: repeat(5, 1fr); }
    .yizee-about-intro { grid-template-columns: 1fr; }
    .yizee-contact-grid { grid-template-columns: 1fr; }
    .yizee-footer-grid { grid-template-columns: 1fr 1fr; }
    .yizee-features-grid { grid-template-columns: 1fr; }
    .yizee-values-grid { grid-template-columns: 1fr; }
    .yizee-btn-outline { margin-left: 0; margin-top: 10px; }
    .yizee-section { padding: 50px 15px; }
    .yizee-page-hero {
    background: #1B2838;
    padding: 52px 40px 44px;
    border-bottom: 1px solid rgba(212,175,55,0.25);
    text-align: center;
    position: relative;
}
    .yizee-page-hero h1 {
    color: #D4AF37;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: 0.03em;
}
    .yizee-mega-menu-inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .yizee-mega-featured {
        grid-column: span 1;
    }
    #yizee-product-sidebar {
        width: 280px;
    }
    .yizee-product-cta {
        flex-direction: column;
    }
    .yizee-cta-quote, .yizee-cta-whatsapp {
        width: 100%;
        justify-content: center;
    }
}
@media (max-width: 480px) {
    .yizee-stats-grid { grid-template-columns: 1fr; }
    .yizee-footer-grid { grid-template-columns: 1fr; }
}

/* Hide page title only on non-home pages */
body:not(.home) .entry-title { display: none !important; }
body:not(.home) .entry-header { display: none !important; }

/* === HOMEPAGE PROTECTION - Do NOT modify homepage styles === */
body.home .site-content .ast-container { max-width: 100% !important; padding: 0 !important; }
body.home .entry-content { padding: 0 !important; }
body.home .entry-title { display: block !important; }
body.home .entry-header { display: block !important; }

/* Force dark bg on product/category pages */
body:not(.home) #content,
body:not(.home) .site-content,
body:not(.home) #primary,
body:not(.home) article,
body:not(.home) .entry-content,
body:not(.home) .ast-container {
    background-color: #0d1b2a !important;
}
body:not(.home) .yizee-product-card,
body:not(.home) .yizee-product-detail,
body:not(.home) .yizee-product-specs td {
    background: transparent !important;
    color: #cccccc !important;
}
body:not(.home) .yizee-product-specs th {
    background: #1a1a1a !important;
    color: #D4AF37 !important;
}
body:not(.home) .yizee-product-card-title {
    color: #D4AF37 !important;
}
body:not(.home) .yizee-product-card-specs {
    color: #999999 !important;
}
body:not(.home) .yizee-product-card-view {
    color: #D4AF37 !important;
}


/* Homepage - Technology & Support control items */
body.home .wp-block-column p.has-background {
    font-size: 0.95rem !important;
    padding: 16px 10px !important;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
}
body.home .wp-block-column p.has-background:hover {
    border-color: #D4AF37;
    background: rgba(212,175,55,0.08) !important;
}


/* Mega Menu - Gold & Dark Theme */
.yizee-mega-menu {
    background: #0a0a0a !important;
    border-top: 2px solid #D4AF37 !important;
    padding: 25px 0 !important;
}
.yizee-mega-title {
    color: #D4AF37 !important;
    border-bottom: 2px solid #D4AF37 !important;
    font-size: 0.8rem !important;
}
.yizee-mega-link {
    color: #cccccc !important;
    font-size: 0.85rem !important;
    padding: 8px 10px !important;
    border-left: 3px solid transparent !important;
}
.yizee-mega-link:hover,
.yizee-mega-link.active {
    color: #D4AF37 !important;
    border-left-color: #D4AF37 !important;
    background: rgba(212,175,55,0.08) !important;
}
.yizee-mega-featured {
    background: linear-gradient(135deg, #0d1b2a 0%, #162438 100%) !important;
    border: 1px solid rgba(212,175,55,0.4) !important;
}
.yizee-mega-featured p {
    color: #cccccc !important;
}
.yizee-mega-cta {
    background: #D4AF37 !important;
    color: #0a0a0a !important;
}
.yizee-mega-cta:hover {
    background: #e5c553 !important;
}

/* Homepage - stats: move grey text below title */
body.home .wp-block-columns p strong {
    display: block;
    margin-bottom: 4px;
}

.yizee-cat-card, .yizee-cat-card a { text-decoration: none !important; color: inherit !important; }
/* ===== Category Page - 5 Columns Grid ===== */
.yizee-category-page {
    padding: 0 !important;
}
.yizee-container {
    max-width: 1400px !important;
    margin: 0 auto;
    padding: 0 20px;
}

/* ===== Product Detail Page - New Layout ===== */
.yizee-product-detail-page {
    background: #0a0a0a;
    min-height: 100vh;
    padding: 0;
}
.yizee-product-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 0;
    min-height: calc(100vh - 80px);
}
/* Left Sidebar */
.yizee-detail-sidebar {
    background: #111111;
    border-right: 1px solid #333333;
    padding: 30px 0;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}
.yizee-detail-sidebar-header {
    padding: 0 20px 20px;
    border-bottom: 1px solid #333333;
    margin-bottom: 20px;
}
.yizee-detail-sidebar-header h3 {
    color: #D4AF37;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.yizee-detail-sidebar-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}
.yizee-detail-sidebar-nav li a {
    display: block;
    padding: 10px 20px;
    color: #cccccc;
    text-decoration: none;
    font-size: 0.85rem;
    border-left: 3px solid transparent;
    transition: all 0.2s;
}
.yizee-detail-sidebar-nav li a:hover,
.yizee-detail-sidebar-nav li a.active {
    background: rgba(212,175,55,0.1);
    color: #D4AF37;
    border-left-color: #D4AF37;
}
.yizee-detail-sidebar-section {
    margin-bottom: 15px;
}
.yizee-detail-sidebar-section-title {
    padding: 10px 20px;
    font-size: 0.7rem;
    font-weight: 700;
    color: #888888;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: rgba(255,255,255,0.03);
}
/* Right Content */
.yizee-detail-content {
    padding: 40px;
    max-width: 1200px;
}
.yizee-product-title {
    color: #D4AF37;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.3;
}
/* Specs Table */
.yizee-detail-section {
    margin-bottom: 40px;
}
.yizee-detail-section h4 {
    color: #D4AF37;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #333333;
}
.yizee-specs-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #333333;
}
.yizee-specs-table tr:nth-child(odd) {
    background: #1a1a1a;
}
.yizee-specs-table tr:nth-child(even) {
    background: #222222;
}
.yizee-specs-table th {
    color: #D4AF37;
    font-weight: 600;
    padding: 12px 15px;
    text-align: left;
    font-size: 0.85rem;
    width: 35%;
    border-bottom: 1px solid #333333;
}
.yizee-specs-table td {
    color: #cccccc;
    padding: 12px 15px;
    font-size: 0.9rem;
    border-bottom: 1px solid #333333;
}
/* Business Table */
.yizee-business-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #333333;
}
.yizee-business-table tr:nth-child(odd) {
    background: #1a1a1a;
}
.yizee-business-table tr:nth-child(even) {
    background: #222222;
}
.yizee-business-table th {
    color: #D4AF37;
    font-weight: 600;
    padding: 12px 15px;
    text-align: left;
    font-size: 0.85rem;
    width: 35%;
    border-bottom: 1px solid #333333;
}
.yizee-business-table td {
    color: #cccccc;
    padding: 12px 15px;
    font-size: 0.9rem;
    border-bottom: 1px solid #333333;
}
/* Product Images */
.yizee-product-images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 20px;
}
.yizee-product-image-item {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #333333;
    background: #1a1a1a;
    aspect-ratio: 4/3;
    background-size: cover;
    background-position: center;
}
/* CTA Button */
.yizee-detail-cta {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #333333;
}
.yizee-cta-button {
    display: inline-block;
    background: #D4AF37;
    color: #0a0a0a;
    padding: 15px 40px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s;
}
.yizee-cta-button:hover {
    background: #e5c553;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(212,175,55,0.3);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .yizee-product-layout {
        grid-template-columns: 1fr;
    }
    .yizee-detail-sidebar {
        position: relative;
        height: auto;
        border-right: none;
        border-bottom: 1px solid #333333;
    }
    .yizee-detail-content {
        padding: 20px;
    }
    .yizee-product-images {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .yizee-product-images {
        grid-template-columns: 1fr;
    }
}

/* ===== Product Detail Page - Sidebar Auto Expanded ===== */
body:not(.home) .site-content {
    padding-left: 0 !important;
}
#yizee-product-sidebar { display: none !important; }
@media (max-width: 768px) {
    body:not(.home) .site-content {
        padding-left: 0 !important;
    }
}

/* ===== Products Grid - 5 Columns & Smaller Cards ===== */
@media (min-width: 769px) {
    .yizee-products-grid {
        grid-template-columns: repeat(5, 1fr) !important;
    }
    .yizee-product-card-image {
        height: 100px !important;
    }
    .yizee-product-card-title {
        color: #D4AF37 !important;
        text-decoration: none !important;
    }
    .yizee-product-card-specs {
        color: #999999 !important;
    }
}
@media (max-width: 768px) {
    .yizee-products-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .yizee-product-card-image {
        height: 80px !important;
    }
}
@media (max-width: 480px) {
    .yizee-products-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .yizee-product-card-image {
        height: 70px !important;
    }
}

/* Fix: Force full-width container on product/category pages */
body:not(.home) .ast-container {
    max-width: 100% !important;
    padding: 0 !important;
}
body:not(.home) #primary {
    width: 100% !important;
    max-width: 100% !important;
}
/* ================================================
   YIZEE Product Page Redesign - 2024
   ================================================ */

/* Product Page Hero Section */
.yizee-product-page {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
  color: #cccccc;
}

/* Breadcrumb */
.yizee-breadcrumb {
  font-size: 14px;
  color: #999999;
  margin-bottom: 24px;
  padding: 12px 0;
}
.yizee-breadcrumb a {
  color: #D4AF37;
  text-decoration: none;
}
.yizee-breadcrumb a:hover {
  text-decoration: underline;
}
.yizee-breadcrumb span {
  margin: 0 8px;
}

/* Hero Inner Layout - FIXED: 40% gallery / 60% info */
.yizee-product-hero {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 40px;
  margin-bottom: 50px;
}

@media (max-width: 992px) {
  .yizee-product-hero {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

/* Gallery Section */
.yizee-product-gallery {
  position: sticky;
  top: 20px;
}

.yizee-gallery-main {
  background: transparent;
  border-radius: 0;
  overflow: visible;
  margin-bottom: 16px;
  border: none;
  min-height: auto;
  width: fit-content;
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.yizee-gallery-main-img,
.yizee-gallery-main img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 440px;
  display: block;
  cursor: zoom-in;
  transition: transform 0.3s ease;
  object-fit: contain;
}

.yizee-gallery-main-img:hover {
  transform: scale(1.02);
}

.yizee-gallery-thumbs {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.yizee-gallery-thumb {
  width: 80px;
  height: 80px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  background: #1a1a1a;
}

.yizee-gallery-thumb:hover,
.yizee-gallery-thumb.active {
  border-color: #D4AF37;
}

.yizee-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Product Info Section */
.yizee-product-info {
  padding: 0 10px;
}

.yizee-product-title {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 24px 0;
  line-height: 1.3;
}

@media (max-width: 768px) {
  .yizee-product-title {
    font-size: 22px;
  }
}

/* Business Info Table */
.yizee-business-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
  background: #1a1a1a;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #333333;
}

.yizee-business-table tr {
  border-bottom: 1px solid #333333;
}

.yizee-business-table tr:last-child {
  border-bottom: none;
}

.yizee-business-table th {
  width: 40%;
  padding: 14px 16px;
  text-align: left;
  font-weight: 600;
  color: #D4AF37;
  font-size: 14px;
  background: #1a1a1a;
}

.yizee-business-table td {
  padding: 14px 16px;
  color: #cccccc;
  font-size: 14px;
}

/* CTA Buttons */
.yizee-product-cta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.yizee-cta-quote {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  background: #D4AF37;
  color: #0a0a0a;
  font-weight: 700;
  font-size: 16px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  flex: 1;
  min-width: 200px;
}

.yizee-cta-quote:hover {
  background: #e6c34a;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}

.yizee-cta-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  background: #1a2a1a !important;
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
border: 2px solid #D4AF37 !important; color: #D4AF37 !important; }

.yizee-cta-whatsapp:hover {
  background: #D4AF37 !important;
  color: #0F172A !important;
  transform: translateY(-2px);
}

.yizee-cta-whatsapp::before {
  content: "";
  margin-right: 8px;
}

/* Contact Info Bar */
.yizee-contact-bar {
  margin-top: 20px;
  padding: 16px;
  background: #1a1a1a;
  border-radius: 8px;
  border: 1px solid #333333;
}

.yizee-contact-bar p {
  margin: 0;
  font-size: 14px;
  color: #999999;
}

.yizee-contact-bar strong {
  color: #D4AF37;
}

/* ================================================
   Product Details Tabs Section
   ================================================ */
.yizee-product-details {
  margin-top: 40px;
}

/* Tab Navigation */
.yizee-detail-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  background: #1a1a1a;
  padding: 8px;
  border-radius: 10px;
  margin-bottom: 30px;
  border: 1px solid #333333;
}

.yizee-tab-btn {
  padding: 12px 24px;
  background: transparent;
  border: none;
  color: #999999;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.yizee-tab-btn:hover {
  color: #cccccc;
  background: #2a2a2a;
}

.yizee-tab-btn.active {
  background: #D4AF37;
  color: #0a0a0a;
}

@media (max-width: 768px) {
  .yizee-detail-tabs {
    gap: 2px;
    padding: 6px;
  }
  .yizee-tab-btn {
    padding: 10px 14px;
    font-size: 12px;
  }
}

/* Tab Content */
.yizee-tab-content {
  display: none;
  animation: fadeIn 0.4s ease;
}

.yizee-tab-content.active {
  display: block;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Section Title */
.yizee-section-title {
  font-size: 22px;
  font-weight: 700;
  color: #D4AF37;
  margin: 0 0 24px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #333333;
  display: flex;
  align-items: center;
  gap: 12px;
}

.yizee-section-title::before {
  content: "◆";
  font-size: 12px;
}

/* Specs Table */
.yizee-specs-table {
  width: 100%;
  border-collapse: collapse;
  background: #1a1a1a;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
  border: 1px solid #333333;
}

.yizee-specs-table tr:nth-child(odd) {
  background: #1a1a1a;
}

.yizee-specs-table tr:nth-child(even) {
  background: #222222;
}

.yizee-specs-table th {
  width: 35%;
  padding: 14px 18px;
  text-align: left;
  font-weight: 600;
  color: #D4AF37;
  font-size: 14px;
  border-bottom: 1px solid #333333;
}

.yizee-specs-table td {
  padding: 14px 18px;
  color: #cccccc;
  font-size: 14px;
  border-bottom: 1px solid #333333;
}

.yizee-specs-table tr:last-child th,
.yizee-specs-table tr:last-child td {
  border-bottom: none;
}

/* Product Description */
.yizee-product-description {
  background: #1a1a1a;
  padding: 30px;
  border-radius: 8px;
  border: 1px solid #333333;
  margin-bottom: 24px;
  line-height: 1.8;
  color: #cccccc;
}

.yizee-product-description h3 {
  color: #D4AF37;
  margin: 24px 0 12px 0;
  font-size: 18px;
}

.yizee-product-description p {
  margin: 0 0 16px 0;
}

.yizee-product-description ul {
  margin: 16px 0;
  padding-left: 24px;
}

.yizee-product-description li {
  margin-bottom: 8px;
}

/* FAQ Section */
.yizee-faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.yizee-faq-item {
  background: #1a1a1a;
  border-radius: 8px;
  border: 1px solid #333333;
  overflow: hidden;
}

.yizee-faq-question {
  padding: 18px 24px;
  background: #222222;
  font-weight: 600;
  color: #D4AF37;
  font-size: 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.3s ease;
}

.yizee-faq-question:hover {
  background: #2a2a2a;
}

.yizee-faq-question::after {
  content: "+";
  font-size: 20px;
  font-weight: 700;
  transition: transform 0.3s ease;
}

.yizee-faq-item.active .yizee-faq-question::after {
  transform: rotate(45deg);
}

.yizee-faq-answer {
  padding: 0 24px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  color: #cccccc;
  line-height: 1.7;
}

.yizee-faq-item.active .yizee-faq-answer {
  padding: 18px 24px;
  max-height: 500px;
}

/* Parameter Table - Full Width */
.yizee-parameter-table {
  width: 100%;
  border-collapse: collapse;
  background: #1a1a1a;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
  border: 1px solid #333333;
}

.yizee-parameter-table th {
  padding: 16px 18px;
  text-align: center;
  font-weight: 700;
  color: #D4AF37;
  font-size: 14px;
  background: #222222;
  border-bottom: 2px solid #D4AF37;
  border-right: 1px solid #333333;
}

.yizee-parameter-table th:last-child {
  border-right: none;
}

.yizee-parameter-table td {
  padding: 14px 18px;
  text-align: center;
  color: #cccccc;
  font-size: 14px;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
}

.yizee-parameter-table td:last-child {
  border-right: none;
}

.yizee-parameter-table tr:nth-child(even) td {
  background: #222222;
}

.yizee-parameter-table tr:nth-child(odd) td {
  background: #1a1a1a;
}

/* Lumen Table */
.yizee-lumen-table {
  width: 100%;
  border-collapse: collapse;
  background: #1a1a1a;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
  border: 1px solid #333333;
}

.yizee-lumen-table th,
.yizee-lumen-table td {
  padding: 14px 20px;
  text-align: center;
  border: 1px solid #333333;
}

.yizee-lumen-table th {
  background: #222222;
  color: #D4AF37;
  font-weight: 700;
}

.yizee-lumen-table td {
  color: #cccccc;
}

.yizee-lumen-table tr:nth-child(even) td {
  background: #222222;
}

/* Product Images Grid */
.yizee-images-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

.yizee-images-grid img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #333333;
  transition: all 0.3s ease;
  cursor: pointer;
  background: #1a1a1a;
}

.yizee-images-grid img:hover {
  transform: scale(1.03);
  border-color: #D4AF37;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

/* Applications Section */
.yizee-applications-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
}

.yizee-application-item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #333333;
}

.yizee-application-item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

.yizee-application-item span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
  background: linear-gradient(transparent, rgba(0,0,0,0.9));
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
}

/* Services List */
.yizee-services-list {
  background: #1a1a1a;
  border-radius: 8px;
  border: 1px solid #333333;
  padding: 30px;
}

.yizee-services-list li {
  padding: 14px 0;
  border-bottom: 1px solid #333333;
  color: #cccccc;
  font-size: 15px;
  line-height: 1.7;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.yizee-services-list li:last-child {
  border-bottom: none;
}

.yizee-services-list li::before {
  content: "✓";
  color: #D4AF37;
  font-weight: 700;
  font-size: 16px;
  flex-shrink: 0;
}

/* Lightbox Modal */
.yizee-lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.95);
  z-index: 10000;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.yizee-lightbox.active {
  display: flex;
}

.yizee-lightbox img {
  max-width: 95%;
  max-height: 95%;
  border-radius: 8px;
  box-shadow: 0 0 30px rgba(212, 175, 55, 0.2);
}

.yizee-lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: #ffffff;
  cursor: pointer;
  transition: color 0.3s ease;
}

.yizee-lightbox-close:hover {
  color: #D4AF37;
}

/* Highlight Box */
.yizee-highlight-box {
  background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
  border-left: 4px solid #D4AF37;
  padding: 20px 24px;
  margin: 20px 0;
  border-radius: 0 8px 8px 0;
}

.yizee-highlight-box h4 {
  color: #D4AF37;
  margin: 0 0 12px 0;
  font-size: 16px;
}

.yizee-highlight-box p {
  margin: 0;
  color: #cccccc;
  line-height: 1.7;
}

/* Responsive Adjustments */
@media (max-width: 576px) {
  .yizee-product-page {
    padding: 12px;
  }
  
  .yizee-gallery-thumb {
    width: 60px;
    height: 60px;
  }
  
  .yizee-product-cta {
    flex-direction: column;
  }
  
  .yizee-cta-quote,
  .yizee-cta-whatsapp {
    width: 100%;
    text-align: center;
  }
  
  .yizee-section-title {
    font-size: 18px;
  }
  
  .yizee-images-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  
  .yizee-images-grid img {
    height: 150px;
  }
}

/* Tags */
.yizee-tags {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #333333;
}

.yizee-tags span {
  display: inline-block;
  padding: 6px 14px;
  background: #222222;
  color: #999999;
  font-size: 12px;
  border-radius: 20px;
  margin: 4px;
  transition: all 0.3s ease;
}

.yizee-tags span:hover {
  background: #D4AF37;
  color: #0a0a0a;
}

/* Mobile Tab Scroll */
@media (max-width: 768px) {
  .yizee-detail-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-bottom: 12px;
  }
  
  .yizee-tab-btn {
    white-space: nowrap;
    flex-shrink: 0;
  }
}

/* ===== VIDEO GALLERY SUPPORT - Problem 3 Fix ===== */
.yizee-gallery-main-video {
  width: 100%;
  height: 350px;
  display: none;
  background: #0a0a0a;
  align-items: center;
  justify-content: center;
}

.yizee-gallery-main-video video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* When video is active, hide image and show video */
.yizee-gallery-main.show-video .yizee-gallery-main-img {
  display: none !important;
}

.yizee-gallery-main.show-video .yizee-gallery-main-video {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Video thumbnail styling */
.yizee-gallery-thumb-video {
  background: #1a1a1a !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.yizee-gallery-thumb-video:hover,
.yizee-gallery-thumb-video.active {
  border-color: #D4AF37;
}

/* Responsive video */
@media (max-width: 768px) {
  .yizee-gallery-main-video,
  .yizee-gallery-main-img {
    height: 280px !important;
  }
}

/* ===== MEGA MENU 3-COLUMN LAYOUT - Problem 2 Fix ===== */
.yizee-mega-menu-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px;
}

.yizee-mega-col {
    padding: 0 10px;
}

.yizee-mega-title {
    font-size: 14px;
    font-weight: 700;
    color: #D4AF37;
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #333;
    font-family: Montserrat, sans-serif;
}

.yizee-mega-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #D4AF37;
    color: #0a0a0a;
    text-align: center;
    line-height: 24px;
    border-radius: 4px;
    margin-right: 8px;
    font-size: 12px;
    font-weight: 700;
}

.yizee-mega-link {
    display: block;
    padding: 8px 0;
    color: #cccccc;
    text-decoration: none;
    font-size: 13px;
    font-family: Montserrat, sans-serif;
    transition: all 0.2s;
    border-left: 2px solid transparent;
    padding-left: 8px;
}

.yizee-mega-link:hover,
.yizee-mega-link.active {
    color: #D4AF37;
    border-left-color: #D4AF37;
    padding-left: 12px;
}

.yizee-mega-featured {
    grid-column: span 4;
    background: linear-gradient(135deg, #0d1b2a 0%, #162438 100%);
    padding: 16px 20px;
    border-radius: 6px;
    text-align: center;
    margin-top: 10px;
    border: 1px solid rgba(212,175,55,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.yizee-mega-featured p {
    color: #D4AF37;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    font-family: Montserrat, sans-serif;
    letter-spacing: 0.02em;
}

.yizee-mega-cta {
    display: inline-block;
    padding: 10px 24px;
    background: #D4AF37;
    color: #0a0a0a;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    border-radius: 4px;
    font-family: Montserrat, sans-serif;
    transition: all 0.2s;
}

.yizee-mega-cta:hover {
    background: #e5c553;
    transform: translateY(-2px);
}
/* ===== 风格C：深蓝+琥珀橙（大胆活力）=====
 * 追加到yizee-style.css末尾
 */

/* CSS Variables Override */
:root {
    --primary-dark: #0d1b2a;
    --primary: #1b2838;
    --primary-light: #2c3e50;
    --accent: #D4AF37;
    --accent-hover: #e5c553;
    --accent-light: #f5d485;
    --bg-dark: #0d1b2a;
    --bg-light: #1b2838;
    --bg-white: #1b2838;
    --bg-card: #1b2838;
    --text-primary: #ffffff;
    --text-secondary: #c8d6e5;
    --text-light: #8395a7;
    --text-white: #ffffff;
    --sidebar-bg: #1b2838;
    --sidebar-active: #D4AF37;
    --sidebar-active-bg: #2c2416;
    --border-light: #2c3e50;
    --border-dark: #34495e;
}

/* Body & Background */
body, .site {
    background: #0d1b2a !important;
    color: #c8d6e5 !important;
}

/* Header/Navigation */
.ast-header-wrap, .ast-primary-header-below, .main-header-bar, 
.site-header, .ast-site-identity, .ast-header-break-point {
    background: #0d1b2a !important;
    border-bottom: 1px solid #2c3e50 !important;
}

.main-header-menu a, .ast-header-break-point .main-header-menu a,
.ast-desktop .main-header-menu > ul > li > a, .menu-item a,
.site-header a, .ast-site-identity a {
    color: #ffffff !important;
}

.main-header-menu a:hover, .ast-header-break-point .main-header-menu a:hover,
.ast-desktop .main-header-menu > ul > li > a:hover, .menu-item a:hover {
    color: #e5c553 !important;
}

/* Mega Menu */
#yizee-mega-menu {
    background: #0d1b2a !important;
    border-top: 2px solid #D4AF37 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
}

.yizee-dropdown-link {
    color: #c8d6e5 !important;
}

.yizee-dropdown-link:hover,
.yizee-dropdown-link.active {
    color: #e5c553 !important;
    background: rgba(230,126,34,0.15) !important;
    border-left-color: #D4AF37 !important;
}

/* Category Cards */
.yizee-cat-card {
    background: #1b2838 !important;
    border: 1px solid #2c3e50 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

.yizee-cat-card:hover {
    border-color: #D4AF37 !important;
    box-shadow: 0 4px 16px rgba(230,126,34,0.2) !important;
}

.yizee-cat-card-body h3,
.yizee-cat-card-body h4,
.yizee-cat-card-body .card-title {
    color: #ffffff !important;
}

.yizee-cat-card-body .card-arrow,
.yizee-cat-card-body .card-count {
    color: #D4AF37 !important;
}

/* Hero Sections */
.yizee-page-hero,
.yizee-product-hero {
    
    color: #ffffff !important;
}

/* Section Navigation */
.yizee-section-nav,
.yizee-sticky-nav {
    background: #0d1b2a !important;
    border-bottom: 1px solid #2c3e50 !important;
}

.yizee-section-nav a {
    color: #c8d6e5 !important;
}

.yizee-section-nav a:hover,
.yizee-section-nav a.active {
    color: #e5c553 !important;
    border-bottom-color: #D4AF37 !important;
}

/* Section Blocks */
.yizee-section-block {
    background: #1b2838 !important;
    border: 1px solid #2c3e50 !important;
}

.yizee-section-heading,
.yizee-section-title {
    color: #ffffff !important;
}

/* Tables */
.yizee-business-table,
.yizee-specs-table,
.yizee-specs-table table {
    background: #1b2838 !important;
    color: #c8d6e5 !important;
}

.yizee-business-table tr:nth-child(even),
.yizee-specs-table tr:nth-child(even),
.yizee-specs-table tr:nth-child(even) td {
    background: #0d1b2a !important;
}

.yizee-business-table td,
.yizee-specs-table td {
    border-color: #2c3e50 !important;
    color: #c8d6e5 !important;
}

.yizee-table-label {
    background: #0d1b2a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* CTA Buttons */
.yizee-cta-button,
.yizee-btn,
.yizee-cta-btn,
.btn-cta,
.yizee-custom-quote-btn,
.ast-btn,
button.yizee-btn,
a.yizee-btn {
    background: #D4AF37 !important;
    color: #0d1b2a !important;
    border-color: #D4AF37 !important;
}

.yizee-cta-button:hover,
.yizee-btn:hover,
.yizee-cta-btn:hover,
.btn-cta:hover,
.yizee-custom-quote-btn:hover,
.ast-btn:hover,
button.yizee-btn:hover,
a.yizee-btn:hover {
    background: #e5c553 !important;
    border-color: #e5c553 !important;
}

/* Secondary Buttons */
.yizee-btn-secondary,
.btn-secondary,
.yizee-outline-btn {
    background: transparent !important;
    color: #D4AF37 !important;
    border: 2px solid #D4AF37 !important;
}

/* Links */
a {
    color: #e5c553 !important;
}

a:hover {
    color: #f5d485 !important;
}

/* Sidebar */
.yizee-sidebar,
.yizee-filters,
.sidebar {
    background: #1b2838 !important;
    border-color: #2c3e50 !important;
}

.yizee-filter-item,
.yizee-filter-option {
    color: #c8d6e5 !important;
}

.yizee-filter-item:hover,
.yizee-filter-option:hover,
.yizee-filter-item.active {
    color: #e5c553 !important;
    background: rgba(230,126,34,0.15) !important;
}

/* Footer */
.site-footer,
.footer-widgets,
.yizee-footer,
.ast-footer-copyright {
    background: #0d1b2a !important;
    color: #c8d6e5 !important;
}

.site-footer a,
.footer-widgets a,
.yizee-footer a {
    color: #f5d485 !important;
}

.site-footer a:hover,
.footer-widgets a:hover,
.yizee-footer a:hover {
    color: #ffffff !important;
}

/* Product Cards */
.yizee-product-card,
.product-card,
.woocommerce ul.products li.product {
    background: #1b2838 !important;
    border: 1px solid #2c3e50 !important;
}

.yizee-product-card:hover,
.product-card:hover {
    border-color: #D4AF37 !important;
    box-shadow: 0 4px 12px rgba(230,126,34,0.15) !important;
}

.yizee-product-title,
.product-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #ffffff !important;
}

.yizee-product-price,
.product-price,
.woocommerce ul.products li.product .price {
    color: #D4AF37 !important;
}

/* Form Elements */
input, textarea, select,
.yizee-input,
.yizee-textarea,
.yizee-select {
    background: #1b2838 !important;
    border: 1px solid #2c3e50 !important;
    color: #c8d6e5 !important;
}

input:focus, textarea:focus, select:focus,
.yizee-input:focus,
.yizee-textarea:focus,
.yizee-select:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 2px rgba(230,126,34,0.25) !important;
}

/* Breadcrumbs */
.yizee-breadcrumb,
.yizee-breadcrumbs,
.breadcrumb,
.woocommerce-breadcrumb {
    color: #8395a7 !important;
}

.yizee-breadcrumb a,
.yizee-breadcrumbs a,
.breadcrumb a {
    color: #e5c553 !important;
}

/* Entry Content */
.entry-content,
.yizee-content {
    color: #c8d6e5 !important;
}

/* Post/Page Titles */
.entry-title,
.page-title {
    color: #ffffff !important;
}

/* ===== FIX: Replace Deep Blue Text with Gold (#D4AF37) ===== */

/* Product Category Page - Archive Title (Flexible LED Strip etc) */
body.archive .ast-archive-description .ast-archive-title,
body.archive .ast-archive-description .ast-archive-title *,
.yizee-archive-title,
h1.yizee-archive-title,
.ast-archive-title,
.ast-archive-description h1,
.ast-archive-description .ast-archive-title {
    color: #D4AF37 !important;
}

/* About section titles (e.g. About Flexible LED Strip) */
.yizee-about-section h3,
.yizee-about-section h4,
.yizee-about-section .ast-archive-title,
.yizee-archive-description h3,
.ast-archive-description * {
    color: #D4AF37 !important;
}

/* Any remaining deep blue text colors */
body:not(.home) [style*="#2c3e50"] {
    color: #D4AF37 !important;
}
body:not(.home) [style*="#1a3c5e"] {
    color: #D4AF37 !important;
}
body:not(.home) [style*="#1e3a5f"] {
    color: #D4AF37 !important;
}
body:not(.home) [style*="#0d1b2a"] {
    color: #D4AF37 !important;
}
body:not(.home) [style*="#1b2838"] {
    color: #D4AF37 !important;
}

/* Section headings in product pages */
body:not(.home) .yizee-section-heading,
body:not(.home) .yizee-section-title,
body:not(.home) .elementor-heading-title,
body:not(.home) .elementor-widget-heading .elementor-heading-title {
    color: #D4AF37 !important;
}

/* Category page main title */
body.archive .entry-title,
body.archive .page-title,
body.archive h1 {
    color: #D4AF37 !important;
}

/* ===== FIX: Override Inline Deep Blue Text ===== */
/* About section titles with inline styles */
.yizee-about-section h3[style*="1a1a2e"],
.yizee-about-section h3[style*="#1a1a2e"],
body:not(.home) h3[style*="color"],
.ast-archive-description + div h3,
h3[style*="#1a1a2e"],
h3[style*="1a1a2e"] {
    color: #D4AF37 !important;
}

/* Any h3/h4 in content area with dark colors */
body:not(.home) .entry-content h3,
body:not(.home) .entry-content h4,
.yizee-about-section h3,
.yizee-about-section h4 {
    color: #D4AF37 !important;
}

/* Force gold on archive page section titles */
body.archive .entry-content h3,
body.archive .entry-content h4 {
    color: #D4AF37 !important;
}

/* Override inline color styles using attribute selector with !important */
body:not(.home) h3[style*="color"] {
    color: #D4AF37 !important;
}

/* Specific override for About sections in archive pages */
body.archive [style*="background:#f8f9fa"] h3 {
    color: #D4AF37 !important;
}

/* All h3 tags in archive pages - highest priority */
body.archive h3,
body.archive .entry-content h3 {
    color: #D4AF37 !important;
}

/* Button clickability fix */
.yizee-btn { position: relative !important; z-index: 2 !important; pointer-events: auto !important; }


/* ============================
   NEWS PAGE - Style 2 (Final)
   ============================ */

/* Page background */
body.blog, body.archive { background: var(--bg-dark) !important; }
body.blog .site-content,
body.blog #content,
body.blog .ast-container { background: transparent !important; }

/* Filter buttons */
.yizee-news-hero { padding-bottom: 20px !important; }
.yizee-news-filters {
    display: flex; gap: 10px; flex-wrap: wrap;
    justify-content: center; margin-top: 16px;
}
.yizee-filter-btn {
    background: rgba(212,175,55,0.08);
    border: 1px solid rgba(212,175,55,0.25);
    color: rgba(255,255,255,0.6);
    padding: 6px 18px; border-radius: 20px;
    font-size: 0.78rem; font-weight: 600;
    text-decoration: none; letter-spacing: 0.04em;
    transition: all 0.2s; font-family: Montserrat, sans-serif;
    display: inline-block;
}
.yizee-filter-btn:hover { background: rgba(212,175,55,0.18); color: #D4AF37; border-color: rgba(212,175,55,0.5); }
.yizee-filter-btn.active { background: #D4AF37; color: #0a0a0a; border-color: #D4AF37; }

/* Single column */
body.blog #primary {
    display: block !important;
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    float: none !important;
}
body.blog .ast-row { display: block !important; }
body.blog #secondary { display: none !important; }

/* Article card */
body.blog article.post,
body.blog article.ast-article-post {
    display: block !important;
    width: 100% !important; float: none !important;
    height: auto !important;
    margin-bottom: 18px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(212,175,55,0.12) !important;
    background: #1b2838 !important;
    transition: border-color 0.2s, transform 0.2s !important;
    padding: 0 !important;
}
body.blog article.post:hover {
    border-color: rgba(212,175,55,0.4) !important;
    transform: translateY(-2px) !important;
}
body.blog article.post:first-of-type {
    border-color: rgba(212,175,55,0.25) !important;
}
body.blog .ast-article-inner { display: block !important; }

/* CSS Grid: image 200px | content 1fr */
body.blog .post-content.ast-grid-common-col {
    display: grid !important;
    grid-template-columns: 200px 1fr !important;
    min-height: 160px !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Image: col 1, span all rows */
body.blog .ast-blog-featured-section.post-thumb {
    grid-column: 1 !important;
    grid-row: 1 / span 8 !important;
    min-height: 160px !important;
    background: linear-gradient(160deg, #1e3f5e 0%, #152b42 100%) !important;
    display: flex !important;
    align-items: center !important; justify-content: center !important;
    border-radius: 0 !important; margin: 0 !important;
    overflow: hidden !important; position: relative !important;
}
body.blog .ast-blog-featured-section img {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; display: block !important;
    border-radius: 0 !important; margin: 0 !important;
}
body.blog .ast-no-thumb .ast-blog-featured-section::after {
    content: "💡"; font-size: 2.8rem; opacity: 0.28;
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

/* Category: full-width gold bar (col 2) */
body.blog span.ast-taxonomy-container.cat-links,
body.blog .ast-blog-single-element.cat-links {
    grid-column: 2 !important;
    display: block !important;
    background: rgba(212,175,55,0.1) !important;
    border-bottom: 1px solid rgba(212,175,55,0.15) !important;
    padding: 7px 20px !important;
    margin: 0 !important;
}
body.blog .cat-links a {
    background: transparent !important; border: none !important;
    color: #D4AF37 !important; font-size: 0.72rem !important;
    font-weight: 700 !important; text-decoration: none !important;
    padding: 0 !important; letter-spacing: 0.08em !important;
    text-transform: uppercase !important; font-family: Montserrat, sans-serif !important;
}
body.blog article.post:first-of-type .cat-links {
    background: rgba(212,175,55,0.18) !important;
}

/* Title (col 2) - force visible even if Astra hides it */
body.blog h2.entry-title,
body.blog h2.entry-title.ast-blog-single-element {
    display: block !important;
    grid-column: 2 !important;
    padding: 10px 20px 6px 20px !important;
    margin: 0 !important; font-size: 1rem !important;
    font-weight: 700 !important; line-height: 1.4 !important;
}
body.blog h2.entry-title a {
    color: #fff !important; text-decoration: none !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 1rem !important; font-weight: 700 !important;
    transition: color 0.2s !important;
}
body.blog article.post:first-of-type h2.entry-title a { font-size: 1.1rem !important; }
body.blog h2.entry-title a:hover { color: #D4AF37 !important; }

/* Meta: date/author (col 2) - force visible */
body.blog header.entry-header,
body.blog header.entry-header.ast-blog-single-element,
body.blog header.entry-header.ast-blog-meta-container,
body.blog .entry-header.ast-blog-meta-container {
    display: block !important;
    grid-column: 2 !important;
    padding: 0 20px 8px 20px !important;
    margin: 0 !important; background: transparent !important;
    border: none !important;
}
body.blog .entry-meta { color: rgba(212,175,55,0.65) !important; font-size: 0.75rem !important; }
body.blog .entry-meta a, body.blog .posted-on a, body.blog .byline a {
    color: rgba(212,175,55,0.65) !important; text-decoration: none !important;
}
body.blog .tags-links, body.blog .tag-links { display: none !important; }

/* Excerpt (col 2) */
body.blog div.ast-excerpt-container,
body.blog div.ast-excerpt-container.ast-blog-single-element {
    grid-column: 2 !important;
    display: block !important;
    padding: 0 20px 10px 20px !important;
    color: rgba(255,255,255,0.6) !important;
    font-size: 0.85rem !important; line-height: 1.7 !important;
}
body.blog div.ast-excerpt-container p {
    margin: 0 !important; color: rgba(255,255,255,0.6) !important;
}

/* Read More (col 2, right-aligned) */
body.blog p.ast-read-more-container,
body.blog .ast-read-more-container.read-more,
body.blog .ast-read-more-container {
    grid-column: 2 !important;
    display: flex !important;
    justify-content: flex-end !important;
    padding: 0 20px 16px 20px !important;
    margin: 0 !important; background: transparent !important;
}
body.blog .ast-read-more-container .screen-reader-text { display: none !important; }
body.blog .ast-read-more-container a {
    font-size: 0 !important; color: transparent !important;
    border: none !important; background: transparent !important;
    padding: 0 !important; text-decoration: none !important;
}
body.blog .ast-read-more-container a::after {
    content: "Read More →" !important;
    font-size: 0.82rem !important; font-weight: 600 !important;
    color: #D4AF37 !important;
    border-bottom: 1px solid rgba(212,175,55,0.4) !important;
    padding-bottom: 2px !important; font-family: Montserrat, sans-serif !important;
}
body.blog .ast-read-more-container a:hover::after {
    border-bottom-color: #D4AF37 !important;
}

/* Hide black bar */
body.blog div.entry-content.clear { display: none !important; }

/* Pagination */
body.blog .pagination, body.blog .navigation.pagination {
    text-align: center !important; margin: 40px 0 60px !important;
}
body.blog .page-numbers {
    display: inline-flex !important; gap: 8px !important;
    flex-wrap: wrap !important; justify-content: center !important;
}
body.blog .page-numbers a, body.blog .page-numbers span.current {
    background: #1b2838 !important; color: #ccc !important;
    border: 1px solid rgba(212,175,55,0.2) !important;
    padding: 8px 14px !important; border-radius: 4px !important;
    text-decoration: none !important; font-family: Montserrat, sans-serif !important;
    font-size: 0.85rem !important; display: inline-block !important;
}
body.blog .page-numbers span.current, body.blog .page-numbers a:hover {
    background: #D4AF37 !important; color: #0a0a0a !important; border-color: #D4AF37 !important;
}


/* === Injected Read More link === */
body.blog .yizee-read-more-wrap {
    grid-column: 2 !important;
    display: flex !important;
    justify-content: flex-end !important;
    padding: 6px 20px 16px 20px !important;
    margin: 0 !important;
}
body.blog a.yizee-read-more-link {
    color: #D4AF37 !important;
    font-size: 0.82rem !important; font-weight: 600 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(212,175,55,0.4) !important;
    padding-bottom: 2px !important;
    font-family: Montserrat, sans-serif !important;
    transition: border-color 0.2s !important;
}
body.blog a.yizee-read-more-link:hover { border-bottom-color: #D4AF37 !important; }

/* Hide category from entry-meta (keep only date/author) */
body.blog .entry-meta .cat-links,
body.blog .entry-meta .ast-taxonomy-container { display: none !important; }

/* Hide any duplicate separator slashes in meta */
body.blog .entry-meta .ast-separator { display: none !important; }


/* ============================
   NEWS PAGE - Final Layout Fix v3
   ============================ */

/* Background: all containers use dark navy */
body.blog #page,
body.blog .ast-article-inner { background: #0d1b2a !important; }

/* Category bar: gold-tinted bg (matches mockup), tight */
body.blog span.ast-taxonomy-container.cat-links,
body.blog .ast-blog-single-element.cat-links {
    padding: 5px 16px !important;
    background: rgba(212,175,55,0.18) !important;
    border-bottom: 1px solid rgba(212,175,55,0.22) !important;
}
body.blog .cat-links a {
    color: #D4AF37 !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Title: tighter */
body.blog h2.entry-title,
body.blog h2.entry-title.ast-blog-single-element {
    padding: 7px 16px 2px 16px !important;
    font-size: 0.95rem !important;
}
body.blog h2.entry-title a { font-size: 0.95rem !important; color: #fff !important; }
body.blog article.post:first-of-type h2.entry-title a { font-size: 1.05rem !important; }

/* Hide Astra header.entry-header — date/author moved to our bottom meta row */
body.blog header.entry-header,
body.blog header.entry-header.ast-blog-single-element,
body.blog header.entry-header.ast-blog-meta-container {
    display: none !important;
}

/* Excerpt container: NO clamp on container — only on the text <p> */
body.blog div.ast-excerpt-container,
body.blog div.ast-excerpt-container.ast-blog-single-element {
    padding: 0 16px 0 16px !important;
    font-size: 0.82rem !important;
    line-height: 1.6 !important;
    overflow: visible !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    max-height: none !important;
}

/* Clamp ONLY the first-child text <p> — not the meta row div */
body.blog div.ast-excerpt-container > p:first-child {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin: 0 !important;
    color: rgba(255,255,255,0.6) !important;
    font-size: 0.82rem !important;
    line-height: 1.6 !important;
}

/* Bottom meta row: date+author left, Read More right */
body.blog p.yizee-read-more-wrap,
body.blog .yizee-read-more-wrap {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 6px 16px 12px 16px !important;
    margin: 0 !important;
}
body.blog .yizee-post-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: rgba(255,255,255,0.50) !important;
    font-size: 0.70rem !important;
    flex-wrap: wrap !important;
}
body.blog .yizee-post-meta span {
    display: inline !important;
    color: rgba(255,255,255,0.50) !important;
}
body.blog .yizee-post-meta .sep {
    color: rgba(255,255,255,0.30) !important;
}
body.blog a.yizee-read-more-link {
    color: #D4AF37 !important;
    font-size: 0.80rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(212,175,55,0.4) !important;
    padding-bottom: 1px !important;
    white-space: nowrap !important;
}

/* Image column */
body.blog .post-content.ast-grid-common-col {
    grid-template-columns: 120px 1fr !important;
    min-height: 120px !important;
}
body.blog article.post:first-of-type .post-content.ast-grid-common-col {
    grid-template-columns: 150px 1fr !important;
}
body.blog .ast-blog-featured-section.post-thumb {
    min-height: 120px !important;
}

/* Card spacing */
body.blog article.post,
body.blog article.ast-article-post {
    margin-bottom: 12px !important;
}


/* ============================
   NAV - Contact & Quote Fix v3
   ============================ */

/*
 * Both "Contact Us" and "Request A Quote" link to /contact/.
 * On the contact page both get current-menu-item → Astra adds a dark bg-box.
 *
 * Design solution:
 *   • Strip ALL nav-item background boxes (no box on any menu item, ever)
 *   • CONTACT US  → white normally, gold text when current/hover
 *   • REQUEST A QUOTE → always gold text + bold (permanent CTA highlight)
 *     so it always looks distinct — no background change needed
 */

/* 1. Nuke Astra's current-menu-item background box for all nav items */
.main-header-menu li > a.menu-link,
.main-header-menu .current-menu-item > a.menu-link,
.main-header-menu .current_page_item > a.menu-link,
.ast-nav-menu li > a,
.ast-nav-menu .current-menu-item > a {
    background: transparent !important;
    background-color: transparent !important;
}

/* 2. CONTACT US: white → gold on hover/current, no box */
li#menu-item-1487 > a.menu-link {
    color: #ffffff !important;
    background: transparent !important;
    font-weight: 400 !important;
}
li#menu-item-1487 > a.menu-link:hover,
li#menu-item-1487.current-menu-item > a.menu-link,
li#menu-item-1487.current_page_item > a.menu-link {
    color: #D4AF37 !important;
    background: transparent !important;
}

/* 3. REQUEST A QUOTE: always gold + bold, no background ever */
li#menu-item-756 > a.menu-link,
li#menu-item-756.current-menu-item > a.menu-link,
li#menu-item-756.current_page_item > a.menu-link,
li#menu-item-756 > a.menu-link:hover {
    color: #D4AF37 !important;
    font-weight: 700 !important;
    background: transparent !important;
    background-color: transparent !important;
}


/* ============================
   CONTACT PAGE - Form & Color Fix
   ============================ */

/* Section background: dark navy, not light */
.yizee-contact-section,
.yizee-section.yizee-contact-section {
    background: #0d1b2a !important;
    padding: 60px 0 !important;
}

/* Contact grid layout */
.yizee-contact-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 60px !important;
    align-items: start !important;
}
@media (max-width: 768px) {
    .yizee-contact-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
}

/* Left column: contact info */
.yizee-contact-info h2 {
    color: #ffffff !important;
    font-size: 1.5rem !important;
    margin-bottom: 28px !important;
}
.yizee-contact-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
}
.yizee-contact-item .icon {
    font-size: 1.4rem !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}
.yizee-contact-item h4 {
    color: #D4AF37 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 0 4px 0 !important;
}
.yizee-contact-item p {
    color: rgba(255,255,255,0.80) !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Right column: form */
.yizee-contact-form-title {
    color: #D4AF37 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    margin-bottom: 24px !important;
}

/* Form groups */
.yizee-form-group {
    margin-bottom: 16px !important;
}
.yizee-form-group label {
    display: block !important;
    color: rgba(255,255,255,0.75) !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    letter-spacing: 0.03em !important;
}

/* Input & textarea styling */
.yizee-contact-form input[type="text"],
.yizee-contact-form input[type="email"],
.yizee-contact-form textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(212,175,55,0.25) !important;
    border-radius: 4px !important;
    padding: 10px 14px !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-family: inherit !important;
    outline: none !important;
    transition: border-color 0.2s !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1 !important;
}
.yizee-contact-form input[type="text"]:focus,
.yizee-contact-form input[type="email"]:focus,
.yizee-contact-form textarea:focus {
    border-color: rgba(212,175,55,0.65) !important;
    background: rgba(255,255,255,0.09) !important;
}
.yizee-contact-form input::placeholder,
.yizee-contact-form textarea::placeholder {
    color: rgba(255,255,255,0.35) !important;
}
.yizee-contact-form textarea {
    resize: vertical !important;
    min-height: 120px !important;
}

/* Submit button */
.yizee-contact-submit {
    margin-top: 8px !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}


/* ============================
   QUOTE PAGE - Request A Quote
   ============================ */

.yizee-page-hero--compact { padding: 30px 0 28px !important; }
.yizee-page-hero--compact h1 { font-size: 1.8rem !important; margin-bottom: 6px !important; }

.yizee-quote-section {
    background: #0d1b2a !important;
    padding: 32px 0 60px !important;
}
.yizee-quote-wrap {
    max-width: 760px !important;
    margin: 0 auto !important;
}

/* Compact one-line intro bar */
.yizee-quote-intro {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: rgba(212,175,55,0.08) !important;
    border: 1px solid rgba(212,175,55,0.22) !important;
    border-radius: 5px !important;
    padding: 12px 18px !important;
    margin-bottom: 24px !important;
    font-size: 0.83rem !important;
}
.yizee-quote-intro-icon { font-size: 1.2rem; flex-shrink: 0; }
.yizee-quote-intro strong { color: #D4AF37 !important; margin-right: 8px !important; white-space: nowrap !important; }
.yizee-intro-items { color: rgba(255,255,255,0.60) !important; line-height: 1.5 !important; }

/* 2-col row */
.yizee-quote-row-2col {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
}
@media (max-width: 580px) {
    .yizee-quote-row-2col { grid-template-columns: 1fr !important; }
}

/* Form groups */
.yizee-quote-form .yizee-form-group { margin-bottom: 14px !important; }
.yizee-quote-form label {
    display: block !important;
    color: rgba(255,255,255,0.75) !important;
    font-size: 0.80rem !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}
.yizee-quote-form label .req { color: #e74c3c !important; }

/* Inputs, select, textarea */
.yizee-quote-form input[type="text"],
.yizee-quote-form input[type="email"],
.yizee-quote-form select,
.yizee-quote-form textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(212,175,55,0.22) !important;
    border-radius: 4px !important;
    padding: 9px 12px !important;
    color: #ffffff !important;
    font-size: 0.88rem !important;
    font-family: inherit !important;
    outline: none !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1 !important;
}
.yizee-quote-form select option { background: #0d1b2a !important; color: #fff !important; }
.yizee-quote-form input:focus,
.yizee-quote-form select:focus,
.yizee-quote-form textarea:focus {
    border-color: rgba(212,175,55,0.60) !important;
    background: rgba(255,255,255,0.09) !important;
}
.yizee-quote-form input::placeholder,
.yizee-quote-form textarea::placeholder { color: rgba(255,255,255,0.28) !important; }
.yizee-quote-form textarea { resize: vertical !important; min-height: 130px !important; }

/* Bottom row: checkbox + button side by side */
.yizee-quote-bottom-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-top: 6px !important;
    margin-bottom: 14px !important;
}
.yizee-checkbox-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: rgba(255,255,255,0.65) !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}
.yizee-checkbox-label input[type="checkbox"] {
    width: 15px !important; height: 15px !important;
    accent-color: #D4AF37 !important; flex-shrink: 0 !important;
}
.yizee-quote-submit {
    padding: 10px 32px !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    border: none !important;
}

/* Response message */
#yizee-quote-msg {
    padding: 11px 16px !important;
    border-radius: 4px !important;
    font-size: 0.88rem !important;
    margin-bottom: 12px !important;
}

/* Footer note */
.yizee-quote-footer-note {
    text-align: center !important;
    color: rgba(255,255,255,0.35) !important;
    font-size: 0.78rem !important;
    margin: 8px 0 0 0 !important;
}
.yizee-quote-footer-note strong { color: rgba(255,255,255,0.55) !important; }


/* ============================
   CATEGORY DESCRIPTION BOX
   ============================ */

.woocommerce-term-description,
.term-description,
.category-description,
.product-category-description,
.wc-products-block-grid__product-onsale,
p.woocommerce-result-count + .woocommerce-term-description {
    background: rgba(255,255,255,0.04) !important;
    background-color: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(212,175,55,0.15) !important;
    border-radius: 6px !important;
    padding: 20px 24px !important;
    margin-top: 24px !important;
}
.woocommerce-term-description h2,
.woocommerce-term-description h3,
.term-description h2,
.term-description h3 {
    color: #D4AF37 !important;
    font-size: 1rem !important;
    margin-bottom: 8px !important;
}
.woocommerce-term-description p,
.term-description p {
    color: rgba(255,255,255,0.55) !important;
    font-size: 0.88rem !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}


/* ============================
   BREADCRUMB - Link Styles
   ============================ */

.yizee-breadcrumb {
    font-size: 0.82rem !important;
    color: rgba(255,255,255,0.45) !important;
}
.yizee-breadcrumb a,
.yizee-breadcrumb a:visited {
    color: #D4AF37 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-color: rgba(212,175,55,0.4) !important;
}
.yizee-breadcrumb a:hover {
    color: #f5d485 !important;
    text-decoration-color: rgba(245,212,133,0.7) !important;
}
.yizee-breadcrumb span {
    margin: 0 6px !important;
    color: rgba(255,255,255,0.30) !important;
}