/* ============================= */
/* SERVICE PAGE: Disable Click */
/* ============================= */
.service-area a {
  pointer-events: none;
  cursor: default;
}


/* ============================= */
/* PRODUCT PAGE FINAL CLEAN FIX */
/* ============================= */

/* Hide complete sidebar */
.product-widget-area {
    display: none !important;
}

/* Hide left column completely */
.col-lg-3.order-lg-1 {
    display: none !important;
}

/* Make right side full width */
.col-lg-12 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Hide price */
.product-price,
.price {
    display: none !important;
}

/* Hide cart buttons */
.cart-btn,
.add-to-cart,
.product-cart,
a[href*="cart"] {
    display: none !important;
}

/* Hide pagination */
.pagination,
.page-item {
    display: none !important;
}

/* Disable product click */
a[href*="/products/"] {
    pointer-events: none !important;
    cursor: default !important;
}



/* ============================= */
/* HEADER FIX (ONLY ICONS) */
/* ============================= */

/* Hide wishlist ONLY */
a[href*="wishlist"] {
    display: none !important;
}

/* Hide cart icon in header ONLY */
.header-area a[href*="cart"] {
    display: none !important;
}


/* ============================= */
/* SAFE HEADER FIX */
/* ============================= */

/* Fix logo overlapping */
.logo {
    position: relative;
    z-index: 2;
}

.logo img {
    max-height: 50px;
    width: auto;
}

/* Fix topbar spacing */
.topbar-area {
    padding: 10px 0;
}

/* Add spacing between items */
.topbar-area .single-topbar-item {
    margin-right: 20px;
}

/* Prevent text overlap */
.topbar-area .single-topbar-item span,
.topbar-area .single-topbar-item a {
    display: inline-block;
}


/* ============================= */
/* FINAL EMAIL ALIGNMENT FIX */
/* ============================= */

/* Main header container alignment */
.industry-support-inner-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Left side (Email + Phone) in one line */
.industry-info-items {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap; /* prevents overlap on small screens */
}

/* Each item (icon + text) */
.industry-single-info-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Fix text wrapping */
.industry-single-info-item .content {
    white-space: nowrap;
}


/* Make logo bigger and keep aspect ratio */
.site-logo img {
    max-width: 480px; /* Adjust this width as needed */
    height: auto;
}

/* Increase header height so big logo fits nicely */
.site-header {
    height: 120px; /* Adjust if logo still feels cramped */
}

/* Optional: mobile adjustments */
@media (max-width: 768px) {
    .site-logo img {
        max-width: 240px; /* smaller on mobile */
    }
    .site-header {
        height: 80px; /* keep header compact on mobile */
    }
}

/* Footer Layout Fix */
.footer-area .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* About Section (Left) */
.footer-widget.about_widget {
    max-width: 32%;
}

/* Useful Links (Middle) */
.footer-widget.nav_widget {
    max-width: 28%;
}

/* Contact Section (Right) */
.footer-widget.contact_info_list {
    max-width: 32%;
    margin-left: auto;
    text-align: left;
}

/* Add proper spacing */
.footer-widget {
    padding: 10px 20px;
}

/* Improve text alignment */
.footer-widget p,
.footer-widget ul {
    margin-bottom: 10px;
}

/* Make footer look structured like boxes */
.footer-widget {
    background: rgba(255,255,255,0.03);
    border-radius: 8px;
    min-height: 220px;
}


select[name="sort_by"],
.product-sorting,
.nice-select {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

@media (max-width: 768px) {
    /* Hide mobile cart button completely */
    .nexelit-mobile-cart,
    .mobile-header-cart,
    .mobile-cart-wrapper {
        display: none !important;
    }
}

/* =========================================
   NEXELIT MOBILE HERO TEXT FORCE FIX
   ========================================= */

@media (max-width: 767px) {

    /* Force hero content to show */
    .hero-area .content,
    .hero-area .content-wrap,
    .hero-area .container,
    .hero-area .row,
    .hero-area .col-lg-12 {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
    }

    /* Fix hidden animation classes (IMPORTANT) */
    .hero-area .content * {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /* Force text color */
    .hero-area h1,
    .hero-area h2,
    .hero-area h3,
    .hero-area p,
    .hero-area span,
    .hero-area a {
        color: #ffffff !important;
    }

    /* Fix overlay covering text */
    .hero-area .bg-overlay,
    .hero-area::before {
        opacity: 0.3 !important;
        z-index: 1 !important;
    }

    /* Ensure text is above overlay */
    .hero-area .content {
        position: relative !important;
        z-index: 9 !important;
    }
}


/* =========================================
   REMOVE 8+ EXPERIENCE BOX (ALL SECTIONS)
   ========================================= */

@media (max-width: 767px) {

    /* About Section */
    .about-area .experience,
    .about-area .experience-box,
    .about-area .counterup-area,
    .about-area .single-counterup,
    .about-area .about-counter {
        display: none !important;
    }

    /* Video Section */
    .video-area .experience,
    .video-area .experience-box,
    .video-area .counterup-area,
    .video-area .single-counterup,
    .video-area .about-counter {
        display: none !important;
    }

    /* Remove floating overlay boxes (FINAL FORCE) */
    .about-area div[style*="position: absolute"],
    .video-area div[style*="position: absolute"] {
        display: none !important;
    }

    /* Remove overlay inside image/video box */
    .about-area .img-box div,
    .video-area .img-box div {
        display: none !important;
    }
}