/* ==========================================================================
   PRODUCT COMPARE TABLE STYLES
   ========================================================================== */

/* Make the compare table fill its container and ignore content widths */
#product-compare table {
    width: 100%;
    table-layout: fixed;       /* Key: browser obeys the widths we set */
    border-collapse: collapse;
}

/* Generic cell styling (keep your existing look & feel) */
#product-compare table td {
    padding: .75rem;
    border: 1px solid #dee2e6;
    word-break: break-word;    /* Allow long text to wrap */
    vertical-align: top;
}

/* First column: shrink to the smallest it can be */
#product-compare table td:first-child {
    width: 1px;                /* Smallest legal width */
    white-space: nowrap;       /* Keep “Product”, “Price”, etc. on one line */
}

/* Other columns: share the remaining width evenly */
#product-compare table td:not(:first-child) {
    width: 1%;                 /* Identical minimum ⇒ browser spreads them equally */
}


/* ==========================================================================
   ALERT STYLES
   ========================================================================== */

.alert.alert-danger.alert-netbiz-theme.text-center {
    display: none;
}


/* ==========================================================================
   CAROUSEL IMAGE STYLING
   ========================================================================== */

.carousel-inner img {
    object-fit: cover !important;
}


/* ==========================================================================
   RESPONSIVE DISPLAY CLASSES
   ========================================================================== */

.display-desktop {
    display: block;
}

.display-mobile {
    display: none;
}

@media (max-width: 768px) {
    .display-desktop {
        display: none !important;
    }

    .display-mobile {
        display: block !important;
    }

    #common-home-top {
        /* height: 76em !important; */
        height: 80% !important;
    }

    .carousel-item .fullbanner-title {
        width: max-content;
    }
}


/* ==========================================================================
   HIDE SPECIFIC LINKS AND ELEMENTS
   ========================================================================== */

a[href*="checkout/voucher"] {
    display: none;
}

a[href*="route=account/returns"],
a[href*="route=account/returns.add"],
li:has(a[href*="route=account/returns"]),
div.accordion-item:has(#collapse-voucher) {
    display: none !important;
}





[href*="route=account/download"],
[href*="route=account/subscription"],
[href*="route=account/reward"] {
    display: none;
}





/* ==========================================================================
   RESPONSIVE INLINE FONT-SIZE FIXES FOR WYSIWYG CONTENT
   ==========================================================================
   - This will override any inline `font-size` from the editor
   - Uses wildcard attribute selector: [style*="font-size:..."]
   - Kicks in sooner at larger screens (max-width: 992px)
   ========================================================================== */

@media (max-width: 992px) {

    /* === Extra large hero headings === */
    [style*="font-size:72px"] {
        font-size: 36px !important;  /* 72px → 36px */
    }

    /* === Large headings === */
    [style*="font-size:60px"] {
        font-size: 32px !important;  /* 60px → 32px */
    }

    /* === Medium headings === */
    [style*="font-size:48px"] {
        font-size: 28px !important;  /* 48px → 28px */
    }

    /* === Small headings === */
    [style*="font-size:36px"] {
        font-size: 24px !important;  /* 36px → 24px */
    }

    /* === Subheadings or CTA text === */
    [style*="font-size:28px"] {
        font-size: 20px !important;  /* 28px → 20px */
    }

    /* === Large paragraph text === */
    [style*="font-size:24px"] {
        font-size: 18px !important;  /* 24px → 18px */
    }

    /* === Bonus: cover rem units if used === */
    [style*="font-size:4rem"] {
        font-size: 2rem !important;  /* 4rem → 2rem */
    }

    [style*="font-size:3rem"] {
        font-size: 1.5rem !important;  /* 3rem → 1.5rem */
    }

    [style*="font-size:2rem"] {
        font-size: 1.25rem !important;  /* 2rem → 1.25rem */
    }

}

#cookie {
    display: none;
}