/* =========================================
   STOREFRONT HEADER - DESKTOP & TABLET
   ========================================= */

@media (min-width: 768px) {

    .site-header {
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }

    .site-branding {
        margin-bottom: 0 !important;
    }

    .site-search {
        margin-bottom: 0 !important;
    }

    .main-navigation {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .site-header-cart {
        margin-bottom: 0 !important;
    }

}


/* =========================================
   HOMEPAGE - ALL DEVICES
   ========================================= */

/* Hide old Monocibec image */
img[src*="/2024/11/mov.jpg"] {
    display: none !important;
}


/* Hide breadcrumb on homepage only */
body.elementor-page-33 .storefront-breadcrumb {
    display: none !important;
}


/* Remove Leave a Reply */
body.elementor-page-33 #comments {
    display: none !important;
}


/* Remove ← Home navigation */
body.elementor-page-33 #post-navigation {
    display: none !important;
}


/* =========================================
   MOSAIC TITLE
   ========================================= */

/* Desktop */
.elementor-element-b30cd3a .elementor-heading-title {
    font-size: 48px !important;
}


/* Tablet */
@media (max-width: 1024px) {
    .elementor-element-b30cd3a .elementor-heading-title {
        font-size: 38px !important;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .elementor-element-b30cd3a .elementor-heading-title {
        font-size: 30px !important;
    }
}


/* =========================================
   EMOJI FIX
   ========================================= */

/* Fix emoji size - prevent emojis becoming huge images */
img.emoji {
    display: inline !important;
    width: 1em !important;
    height: 1em !important;
    max-width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    border: none !important;
    box-shadow: none !important;
}


/* =========================================
   WOOCOMMERCE CART - MOBILE
   ========================================= */

@media (max-width: 767px) {

    /* Make each cart row use a clean grid */
    .wc-block-cart-items__row {
        display: grid !important;
        grid-template-columns: 120px minmax(0, 1fr) auto !important;
        column-gap: 16px !important;
        align-items: start !important;
        width: 100% !important;
        overflow: visible !important;
    }

    /* Product image */
    .wc-block-cart-item__image {
        width: 120px !important;
        max-width: 120px !important;
    }

    .wc-block-cart-item__image img {
        width: 120px !important;
        height: auto !important;
        object-fit: cover !important;
    }

    /* Product details */
    .wc-block-cart-item__wrap {
        min-width: 0 !important;
        width: auto !important;
    }

    .wc-block-components-product-name {
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    /* Total price on the right */
    .wc-block-cart-item__total {
        width: auto !important;
        max-width: none !important;
        min-width: 95px !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    /* Quantity controls */
    .wc-block-cart-item__quantity {
        margin-top: 12px !important;
    }

    /* Prevent page overflow */
    .wp-block-woocommerce-cart,
    .wc-block-cart {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}

/* =========================================
   REMOVE WORDPRESS EDIT LINKS COMPLETELY
   ========================================= */

.edit-link,
.entry-footer .edit-link,
.post-edit-link,
.edit-link a,
.entry-footer .edit-link a,
.post-edit-link a {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


/* =========================================
   REMOVE STOREFRONT / WOOCOMMERCE FOOTER CREDIT
   ========================================= */

.site-footer .site-info,
footer#colophon .site-info,
.site-info {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}


/* Remove any links remaining inside the credit area */
.site-info a,
.site-info span,
.site-info p {
    display: none !important;
    pointer-events: none !important;
}


/* Prevent empty footer-credit space */
.site-footer .col-full > .site-info {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* =========================================
   WOOCOMMERCE CHECKOUT - MOBILE/TABLET
   ========================================= */

@media (max-width: 1024px) {

    /* Full checkout block */
    .wp-block-woocommerce-checkout.wc-block-checkout {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }

    /* The actual WooCommerce mobile layout */
    .wc-block-components-sidebar-layout.wc-block-checkout.is-mobile {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Main checkout fields */
    .wc-block-components-sidebar-layout.wc-block-checkout.is-mobile
    > .wc-block-components-main {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Order summary */
    .wc-block-components-sidebar-layout.wc-block-checkout.is-mobile
    > .wc-block-components-sidebar {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        float: none !important;
        margin: 0 0 25px 0 !important;
        padding: 0 !important;
    }

    /* Each checkout section */
    .wc-block-checkout__main fieldset,
    .wc-block-components-checkout-step,
    .wc-block-components-checkout-step__heading-container,
    .wc-block-components-checkout-step__heading,
    .wc-block-components-checkout-step__content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Address */
    .wc-block-components-address-address-wrapper,
    .wc-block-components-address-card-wrapper,
    .wc-block-components-address-card,
    .wc-block-components-address-form-wrapper,
    .wc-block-components-address-form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Payment methods */
    .wc-block-components-radio-control,
    .wc-block-components-radio-control-accordion-option,
    .wc-block-components-radio-control__option,
    .wc-block-components-radio-control__option-layout,
    .wc-block-components-radio-control__label-group {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Notes + Terms */
    .wc-block-checkout__order-notes,
    .wc-block-checkout__terms,
    .wc-block-checkout__actions {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Stop letter-by-letter wrapping */
    .wc-block-checkout h1,
    .wc-block-checkout h2,
    .wc-block-checkout h3,
    .wc-block-checkout p,
    .wc-block-checkout label,
    .wc-block-checkout span,
    .wc-block-checkout a {
        word-break: normal !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
    }

}


/* =========================================
   TRANSLATEPRESS - MOBILE
   ========================================= */

@media (max-width: 768px) {

    .trp_language_switcher_shortcode,
    .trp-language-switcher,
    .trp-floater-ls {
        position: absolute !important;
        top: 90px !important;
        right: 170px !important;
        left: auto !important;
        transform: none !important;
        z-index: 9999 !important;
    }

}


/* =========================================
   TRANSLATEPRESS - TABLET
   ========================================= */

@media (min-width: 769px) and (max-width: 1024px) {

    .trp_language_switcher_shortcode,
    .trp-language-switcher,
    .trp-floater-ls {
        position: absolute !important;
        top: 25px !important;
        right: 300px !important;
        left: auto !important;
        transform: none !important;
        z-index: 9999 !important;
    }

}
/* =========================================
   FOOTER QUICK LINKS - MAKE TEXT VISIBLE
   ========================================= */

.site-footer .widget_nav_menu a,
.site-footer .menu a,
.site-footer .widget a {
    color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none;
}

.site-footer .widget_nav_menu a:hover,
.site-footer .menu a:hover,
.site-footer .widget a:hover {
    color: #555555 !important;
}

.home .site-header {
    margin-bottom: 0 !important;
}

.home .content-area {
    margin-top: 0 !important;
}

/* Larger product gallery thumbnails */
.single-product .woocommerce-product-gallery .flex-control-thumbs {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    margin-top: 5px !important;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs li {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 150% !important;
    height: 150px !important;
    object-fit: cover;
    display: block;
    opacity: 1 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    border-color: #333;
}

/* About Us introduction */
.alertiqa-about-intro {
    max-width: 1200px;
    margin: 0 auto;
    padding: 90px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: start;
    background: #ffffff;
}

.alertiqa-about-intro p {
    margin-top: 0;
}

.alertiqa-eyebrow {
    margin-bottom: 18px !important;
    color: #a67c42;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
}

.alertiqa-about-left h2 {
    margin: 0 0 28px;
    color: #1d2633;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;
}

.alertiqa-highlight {
    padding-left: 24px;
    border-left: 4px solid #b58a52;
    color: #1d2633;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.75;
}

.alertiqa-about-right {
    color: #626b75;
    font-size: 16px;
    line-height: 1.8;
}

.alertiqa-about-right p {
    margin-bottom: 22px;
}

.alertiqa-about-right .alertiqa-lead {
    color: #16202d;
    font-size: 21px;
    line-height: 1.7;
}

/* Tablet and mobile */
@media (max-width: 768px) {
    .alertiqa-about-intro {
        padding: 55px 22px;
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .alertiqa-about-left h2 {
        font-size: 36px;
    }

    .alertiqa-highlight {
        font-size: 19px;
        line-height: 1.65;
    }

    .alertiqa-about-right .alertiqa-lead {
        font-size: 19px;
    }
}

/* Experience section */
.alertiqa-experience {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: #f5f3ef;
}

.alertiqa-experience-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 90px 30px;
}

.alertiqa-section-label {
    margin: 0 0 16px;
    color: #a67c42;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
}

.alertiqa-experience h2 {
    margin: 0 0 40px;
    color: #172231;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
}

.alertiqa-experience-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.alertiqa-experience-card {
    min-height: 280px;
    padding: 38px 34px;
    background: #ffffff;
    border: 1px solid #dedbd5;
}

.alertiqa-card-number {
    margin-bottom: 14px;
    color: #b1874e;
    font-size: 46px;
    font-weight: 800;
    line-height: 1;
}

.alertiqa-experience-card h3 {
    margin: 0 0 18px;
    color: #111820;
    font-size: 22px;
    font-weight: 700;
}

.alertiqa-experience-card p {
    margin: 0;
    color: #626b75;
    font-size: 16px;
    line-height: 1.7;
}

/* Tablet */
@media (max-width: 900px) {
    .alertiqa-experience-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .alertiqa-experience-inner {
        padding: 60px 22px;
    }

    .alertiqa-experience h2 {
        margin-bottom: 30px;
        font-size: 34px;
    }

    .alertiqa-experience-cards {
        grid-template-columns: 1fr;
    }

    .alertiqa-experience-card {
        min-height: auto;
        padding: 30px 26px;
    }
}
/* What We Offer section */
.alertiqa-offer {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: #ffffff;
}

.alertiqa-offer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 85px 30px 95px;
}

.alertiqa-offer h2 {
    max-width: 1050px;
    margin: 0 0 26px;
    color: #172231;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
}

.alertiqa-offer-lead {
    max-width: 1150px;
    margin: 0 0 20px;
    color: #111820;
    font-size: 20px;
    line-height: 1.75;
}

.alertiqa-offer-description {
    max-width: 1150px;
    margin: 0;
    color: #626b75;
    font-size: 16px;
    line-height: 1.8;
}

/* Mobile */
@media (max-width: 600px) {
    .alertiqa-offer-inner {
        padding: 60px 22px 70px;
    }

    .alertiqa-offer h2 {
        font-size: 34px;
    }

    .alertiqa-offer-lead {
        font-size: 18px;
        line-height: 1.65;
    }
}

/* Our Values section */
.alertiqa-values {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: #f5f3ef;
}

.alertiqa-values-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 85px 30px 100px;
}

.alertiqa-values h2 {
    margin: 0 0 38px;
    color: #172231;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
}

.alertiqa-values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.alertiqa-value {
    padding-top: 22px;
    border-top: 3px solid #a9824d;
}

.alertiqa-value h3 {
    margin: 0 0 16px;
    color: #172231;
    font-size: 22px;
    font-weight: 700;
}

.alertiqa-value p {
    margin: 0;
    color: #626b75;
    font-size: 16px;
    line-height: 1.7;
}

/* Contact call-to-action section */
.alertiqa-about-cta {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: #242424;
    color: #ffffff;
}

.alertiqa-about-cta-inner {
    max-width: 1050px;
    margin: 0 auto;
    padding: 80px 25px;
    text-align: center;
}

.alertiqa-about-cta h2 {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.25;
}

.alertiqa-about-cta p {
    max-width: 700px;
    margin: 0 auto 28px;
    color: #eeeeee;
    font-size: 17px;
    line-height: 1.7;
}

.alertiqa-cta-button {
    display: inline-block;
    padding: 15px 28px;
    background: #a9824d;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color 0.25s ease;
}

.alertiqa-cta-button:hover {
    background: #8c6b3f;
    color: #ffffff !important;
}

/* Tablet */
@media (max-width: 900px) {
    .alertiqa-values-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 24px;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .alertiqa-values-inner {
        padding: 60px 22px 70px;
    }

    .alertiqa-values h2,
    .alertiqa-about-cta h2 {
        font-size: 34px;
    }

    .alertiqa-values-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .alertiqa-about-cta-inner {
        padding: 65px 22px;
    }
}

/* Hide breadcrumbs on the About Us page */
body:has(.alertiqa-about-intro) .storefront-breadcrumb {
    display: none !important;
}
/* Hide the automatic title on the About Us page */
body:has(.alertiqa-about-intro) .entry-header,
body:has(.alertiqa-about-intro) .entry-title {
    display: none !important;
}

/* Fix About Us horizontal overflow */
html,
body {
    max-width: 100%;
    overflow-x: hidden !important;
}

.alertiqa-experience,
.alertiqa-offer,
.alertiqa-values,
.alertiqa-about-cta {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box;
}

/* Correct Arabic direction */
html[lang^="ar"] .alertiqa-about-intro,
html[lang^="ar"] .alertiqa-experience-inner,
html[lang^="ar"] .alertiqa-offer-inner,
html[lang^="ar"] .alertiqa-values-inner {
    direction: rtl;
    text-align: right;
}

html[lang^="ar"] .alertiqa-highlight {
    padding-right: 24px;
    padding-left: 0;
    border-right: 4px solid #b58a52;
    border-left: 0;
}

/* Mobile corrections */
@media (max-width: 768px) {

    .alertiqa-about-intro,
    .alertiqa-experience-inner,
    .alertiqa-offer-inner,
    .alertiqa-values-inner,
    .alertiqa-about-cta-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
        box-sizing: border-box;
    }

    .alertiqa-about-intro {
        grid-template-columns: 1fr !important;
        gap: 35px !important;
    }

    .alertiqa-experience-cards,
    .alertiqa-values-grid {
        grid-template-columns: 1fr !important;
    }

    .alertiqa-about-left h2,
    .alertiqa-experience h2,
    .alertiqa-offer h2,
    .alertiqa-values h2,
    .alertiqa-about-cta h2 {
        font-size: 31px !important;
        line-height: 1.35 !important;
    }

    .alertiqa-experience-card,
    .alertiqa-value {
        width: 100% !important;
        box-sizing: border-box;
    }

    .alertiqa-experience-card {
        min-height: auto !important;
        padding: 28px 24px !important;
    }
}



/* Header Navigation Font */
.main-navigation,
.main-navigation a,
.main-navigation ul li a {
    font-family: "Noto Sans Mono", monospace !important;
    font-weight: 700 !important;
}
}
@media (max-width: 768px) {

    /* Make entire parent row clickable */
    .main-navigation li.menu-item-has-children > a {
        display: block !important;
        width: 100% !important;
        cursor: pointer;
    }

    /* Closed submenu */
    .main-navigation li.menu-item-has-children > .sub-menu {
        display: none;
    }

    /* Open submenu */
    .main-navigation li.accordion-open > .sub-menu {
        display: block !important;
    }
}