@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;600&display=swap&subset=arabic');

/* ===== GLOBAL FONT ===== */
* {
    font-family: 'Alexandria', sans-serif !important;
}

/* ===== HIDE SKU ON PRODUCT PAGE ===== */
.product.attribute.sku {
    display: none !important;
}

/* ===== ALIGN HEADINGS TO RIGHT ===== */
.porto-u-heading {
    text-align: right !important;
}

/* ===== SEARCH BUTTON COLOR ===== */
.block-search .action.search:before {
    background-color: #000000;
}

/* ===== FOOTER LAYOUT ===== */
@media (min-width: 767px) {
    .footer-block.acc-block.col-des-2.col-tb-6.col-mb-12.col-mb-auto {
        min-width: 25%;
    }
    .footer-block.col-des-6.col-tb-6.col-mb-12.col-mb-auto.mg-bottom {
        min-width: 25%;
        max-width: 25%;
    }
}

/* ===== BRAND SWATCH - CENTER CONTAINER ===== */
.swatch-attribute.mgs_brand .swatch-attribute-options {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

/* ===== BRAND SWATCH - LOGO SIZE ===== */
.swatch-attribute.mgs_brand .swatch-option.image {
    width: 120px !important;
    height: 60px !important;
    margin: 0 auto !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    display: block;
}

/* ===== BRAND SWATCH - CENTER LINK ===== */
.swatch-option-link-layered {
    display: flex;
    justify-content: center;
}

/* ===== BREADCRUMBS BACKGROUND ===== */
.page-wrapper > .breadcrumbs {
    background-color: #FFFFFF !important;
}

/* ===== LIST MARGIN ===== */
ul {
    margin-bottom: 20px;
}

/* ===== PRODUCT NAME WRAP ===== */
.product-item-name a {
    white-space: normal;
}

/* ===== HIDE POSTCODE FIELD IN CHECKOUT ===== */
.field[name="shippingAddress.postcode"],
.field[name="billingAddress.postcode"] {
    display: none !important;
}

/* ===== STICKY HEADER - HEADER MAIN FIXED POSITION ===== */
@media (min-width: 992px) {
    .page-header.type22.sticky-header .header-main {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1001;
        background: #fff;
        box-shadow: 0 0 3px 0 rgb(0 0 0 / 6%);
    }

    /* ===== STICKY HEADER - PUSH HEADER BOTTOM BELOW HEADER MAIN ===== */
    .page-header.type22.sticky-header .header-bottom {
        top: 115px !important;
        z-index: 1000 !important;
    }
}

/* ===== FILTER - HIDE CHECKBOX AND COUNT ===== */
.filter-options-content .item input[type=checkbox] {
    display: none !important;
}
.filter-options-content .count {
    display: none;
}

/* ===== LOGO SIZE - DESKTOP ===== */
.header .logo img {
    width: 248px !important;
    height: 50px !important;
    object-fit: contain;
    max-width: none !important;
}

/* ===== LOGO SIZE - MOBILE ===== */
@media (max-width: 767px) {
    .header .logo img {
        width: 120px !important;
        height: 25px !important;
    }

    /* ===== ICONS SIZE - MOBILE ===== */
    .action.showcart .minicart-icon,
    .action.showcart i,
    .header-top i,
    .page-header i {
        font-size: 18px !important;
    }

    /* ===== ICONS SPACING - MOBILE ===== */
    .page-header .header-right > * {
        margin-right: 8px !important;
    }

    /* ===== SEARCH ICON SIZE - MOBILE ===== */
    .search-toggle-icon {
        font-size: 18px !important;
    }
}

/* ===== SEARCH BOX POSITION - SMALL SCREENS ===== */
@media (max-width: 575px) {
    .search-area.show-icon-tablet .block.block-search {
        left: auto !important;
        right: -50px !important;
        min-width: 250px !important;
    }
}

/* ===== HIDE ACCOUNT SECTION AND TITLE IN MOBILE NAV ===== */
@media (max-width: 991px) {
    .nav-sections-item-content#store\.links,
    .nav-sections-item-title:last-of-type {
        display: none !important;
    }
}

/* ===== HIDE ACCOUNT SECTION ON HOMEPAGE MOBILE NAV ===== */
@media (max-width: 991px) {
    .cms-index-index .nav-sections-item-content#store\.links {
        display: none !important;
    }
    .cms-index-index .nav-sections-item-title:has(a[href="#store.links"]) {
        display: none !important;
    }
}

/* ===== HIDE MENU/ACCOUNT TAB TITLES IN MOBILE NAV ===== */
@media (max-width: 991px) {
    .nav-sections-item-title {
        display: none !important;
    }
}

/* ===== SIDE MEGAMENU - FIX SUBMENU POSITION ===== */
@media (min-width: 992px) {
    .page-header.type22 .navigation.side-megamenu li.level0 {
        position: relative !important;
    }

    /* ===== SIDE MEGAMENU - LAST ITEM SUBMENU ALIGN TO BOTTOM ===== */
    .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0.fullwidth:last-child > .submenu,
    .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0.staticwidth:last-child > .submenu {
        top: auto !important;
        bottom: 0 !important;
    }

    /* ===== SIDE MEGAMENU - SCROLLABLE SUBMENU ===== */
    .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu > .container {
        max-height: calc(100vh - 200px);
        overflow-y: auto;
    }
}

/* ===== HIDE FIRST MENU ITEM IN SIDE MEGAMENU ===== */
nav.sw-megamenu.side-megamenu > ul > li:first-child {
    display: none !important;
}

/* ===== HIDE PRODUCT OVERVIEW ON PRODUCT PAGE ===== */
.product.attribute.overview {
    display: none;
}

/* ===== PRODUCT CARD HOVER EFFECT ===== */
.product-item-info.type3 .product-item-details {
    padding: 0 10px 10px 10px;
}

.product-item-info.type3 {
    border: 1px solid transparent;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    border-radius: 8px;
    padding: 10px;
    overflow: hidden;
}

.product-item-info.type3:hover {
    border-color: #e7e7e7;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}

/* ===== PRODUCT CARD - REMOVE IMAGE SHADOW ON HOVER ===== */
.product-item-info.type3:hover .porto-tb-featured-image {
    box-shadow: none !important;
    z-index: auto !important;
}

/* ===== PRODUCT CARD - IMAGE FULL BLEED ===== */
.product-item-info.type3 .porto-section {
    margin: -10px -10px 0 -10px;
}

/* ===== HEADER MAIN - DARK BACKGROUND WITH SVG PATTERN ===== */
.header-main {
    background-color: #222529;
    background-image: url('/ecommerce_updated/media/wysiwyg/footer.svg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

/* ===== STICKY HEADER - KEEP DARK BACKGROUND ON SCROLL ===== */
@media (min-width: 992px) {
    .page-header.type22.sticky-header .header-main {
        background-color: #222529 !important;
        background-image: url('/ecommerce_updated/media/wysiwyg/footer.svg') !important;
        background-repeat: no-repeat !important;
        background-position: center bottom !important;
        background-size: cover !important;
    }
}

/* ===== HEADER MAIN - WHITE ICONS AND TEXT ===== */
.header-main .porto-just-icon-wrapper i,
.porto-just-icon-wrapper.porto-icon.none i {
    color: #ffffff !important;
}

/* ===== HEADER MAIN - CART ICON AND COLOR ===== */
.action.showcart {
    color: #ffffff !important;
}
.action.showcart .minicart-icon,
.header-main .minicart-icon {
    color: #ffffff !important;
}

/* ===== HEADER MAIN - SEARCH ICON WHITE ===== */
.header-main .search-toggle-icon i {
    color: #ffffff !important;
}

/* ===== HEADER MAIN - WISHLIST AND ACCOUNT ICONS WHITE ===== */
.header-main .header-contact .wishlist i,
.header-main .header-contact .my-account i {
    color: #ffffff !important;
}

/* ===== HEADER MAIN - LOGIN TEXT WHITE ===== */
.header-main .porto-sicon-title,
.header-main .porto-sicon-header p,
.page-header.type22 .header-contact p {
    color: #ffffff !important;
}

/* ===== MOBILE NAV TOGGLE - WHITE COLOR ===== */
@media (max-width: 991px) {
    .action.nav-toggle span,
    .action.nav-toggle:before {
        color: #ffffff !important;
    }
}

/* ===== SAVINGS LABEL ===== */
.price-savings {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: #e8f5e9;
    color: #2e7d32;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: 600;
    margin-top: 4px;
    margin-right: 8px;
}

/* ===== BANNER TEXT - REMOVE LETTER SPACING ON MOBILE ===== */
@media (max-width: 767px) {
    .porto-ibanner-layer h2 {
        letter-spacing: 0 !important;
    }
}

/* ===== WHATSAPP BUTTON ===== */
.btn-whatsapp-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #25D366;
    color: #fff !important;
    border: none;
    border-radius: 0;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none !important;
    margin: 0 8px;
    box-sizing: border-box;
    vertical-align: middle;
    height: 50px;
}

.btn-whatsapp-custom:hover {
    background-color: #1ebe57;
    color: #fff !important;
}

/* ===== WHATSAPP ICON ===== */
.btn-whatsapp-custom i.porto-icon-whatsapp {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    font-size: 0;
    flex-shrink: 0;
}

/* ===== ACTIONS - FLEX FOR SIDE BY SIDE ===== */
.box-tocart .fieldset {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
}

.box-tocart .fieldset .field.qty {
    flex-shrink: 0;
    margin-left: 10px;
}

.box-tocart .fieldset .actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    flex: 1;
}

.box-tocart .fieldset .actions .paypal,
.box-tocart .fieldset .actions #instant-purchase {
    display: none !important;
}

/* ===== WHATSAPP BUTTON - MOBILE ICON ONLY ===== */
@media (max-width: 767px) {
    .btn-whatsapp-custom span {
        display: none !important;
    }
    
    .btn-whatsapp-custom {
        padding: 0 14px;
        min-width: 50px;
    }
    
    .btn-whatsapp-custom i.porto-icon-whatsapp {
        width: 24px;
        height: 24px;
    }
}