/*
 * Custom code for Cookie Consent Banner
 * Ensures perfect layout, text visibility, and mobile-friendliness
 */

/* Make sure the GDPR text is fully readable and responsive */
/* Center the cookie notice on both desktop and mobile */
#iqitcookielaw {
    position: fixed;
    left: 29%;
    transform: translate(-50%, -50%);
    max-width: 600px;
    width: 90%;
    background: #f8f8f8;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    text-align: center;
    color: #000;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

/* Ensure text is readable */
.gdpr_rm {
    margin: 10px 15px;
}

/* Styling links */
.gdpr_rm a {
    color: #b83c2c;
    text-decoration: underline;
    font-weight: bold;
}

/* Button styling */
#iqitcookielaw-accept {
    display: block;
    margin: 15px auto;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #0073e6;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#iqitcookielaw-accept:hover {
    background: #005bb5;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    #iqitcookielaw {
        width: 95%;
        padding: 15px;
        font-size: 13px;
        line-height: 1.8;
        left: 3%;
    }

    .gdpr_rm {
        margin: 5px 10px;
    }

    #iqitcookielaw-accept {
        font-size: 13px;
        padding: 10px;
        width: 100%;
    }
}

/*style for dropbox icon*/
@media (max-width: 768px) {
    .dropbox_icon .elementor-icon-box-icon {
        padding-left: 135px;

    }
}

/** ==== Style for header **/
/* Apply blue background to the header */
#header {
    background: linear-gradient(to right, #ff0000, #990099, #0066ff);
    color: white;
    padding: 15px 0;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/* Style navigation bar */
.header-nav {
    background: rgba(255, 255, 255, 0.1);
    padding: 10px 0;
    border-radius: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    color: white;
}

.cbp-horizontal > ul > li > a {
    border-left : none;
}

.cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link {
    border-left : none;
}
#mobile-header .m-nav-btn {
    color: white;
}
 .cbp-hrmenu > ul > li#cbp-hrmenu-tab-1 > a, .cbp-hrmenu > ul > li#cbp-hrmenu-tab-1 > span.cbp-main-link {
    background-color: #0066ff;
} 


.cbp-hrmenu > ul > li#cbp-hrmenu-tab-1 > a {
    background-color: #0066ff !important;
    border-radius: 10px;
}

.modal-content {
    border-radius: 15px;
}
/* Improve navigation links */
.header-nav ul li a {
    color: white;
    font-weight: bold;
    transition: color 0.3s ease;
}

.header-nav ul li a:hover {
    color: #ffcc00;
}

/* Style the logo */
#desktop_logo img {
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 1.2);
    max-height: 120px;
    border-radius: 15px;
    transition: transform 0.3s ease;
}

#desktop_logo img:hover {
    transform: scale(1.14);
}


.cbp-hrmenu-tab-6 .nav-link img:hover {
    color:black ;
}

.cbp-horizontal > ul > li.cbp-hropen > a, .cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li.cbp-hropen > a:hover {
    background: #fff;
    color: #020209;
    border-top: 3px solid #fff; /* Adjust color and thickness as needed */
    border-radius: 10px 10px 0 0; /* Rounds only top corners */
}

.cbp-horizontal > ul > li.cbp-hropen > a:hover { 
    background-color: #fff;
    border-top: 3px solid #fff; /* Adjust color and thickness as needed */
    border-radius: 10px 10px 0 0; /* Rounds only top corners */
    
}

.cbp-hrmenu-tab-3 .cbp-hrmenu .cbp-hrsub-inner {
    border-radius: 0 0 15px 15px !important; /* Rounds only the bottom corners */
}

.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link {
    /* color: #777 !important; */
    color: #0961fa !important;
    border-bottom: none 3px #c2bc29;
    font-size: 1rem;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}

/* Style the search bar */
#search_widget .input-group {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 4.4); /* Soft shadow */
    border-radius: 18px; /* Optional: Add rounded corners */
    transition: box-shadow 0.3s ease-in-out; /* Smooth effect */
}

#search_widget .input-group:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 12); /* Stronger shadow on hover */
}

#search_widget input {
    background: white;
    border-radius: 20px;
    padding: 10px;
    font-size: 14px;
}

#search_widget .search-btn {
    background: #ffcc00;
    color: #000;
    border-radius: 0 20px 20px 0; /* Top-left and bottom-left only */
    padding: 10px 15px;
    transition: background 0.3s ease;
}

#search_widget .search-btn:hover {
    background: #ffa500;
}

/* Cart and User Icons */
#ps-shoppingcart a {
    font-size: 16px;
    font-weight: bold;
   
}

.icon.fa-shopping-bag {
    font-size: 40px; /* Adjust size as needed */
}

#user_info a {
    color: #05010d;
}

.delivery-option-2 img {
    width: 50px; /* Adjust width */
    height: auto; /* Maintain aspect ratio */
}

.col-mobile-logo .logo {
    border-radius: 15px;
    
}

#ps-shoppingcart a:hover,
#user_info a:hover {
    color: #907ec0;
}

.cbp-hrmenu .cbp-hrsub-inner {
    border-radius: 15px ;
}

.cbp-hrmenu, 
.cbp-hrmenu  {
    border-radius: 15px !important;
}

.cbp-menu-column-inner .img-fluid, .img-thumbnail { 
    max-width: 100px;
    height: 100px;
    width: 100px;
}

.product-functional-buttons-links {
    padding-bottom: 10px;
}

#cbp-hrmenu-tab-3 .cbp-hrsub-inner {
    margin-left: -20px !important;
}

/* Fancy header shadow effect */
.header-top {
    padding: 10px 0;
}

#blockcart-content {
    margin-top:3px;
    border-radius: 20px;
}

#iqitmegamenu-wrapper.stuck-menu #iqitmegamenu-horizontal  {
    background: linear-gradient(to right, #ff0000, #990099, #0066ff);
}

.container .container-iqitmegamenu {
    background-color: #0066ff;
    border-radius: 10px;
}

#iqitmegamenu-wrapper {
    background-color: #0066ff;
    border-radius: 10px;
}

#iqitmegamenu-horizontal {
    background: linear-gradient(to right, #ff0000, #990099, #0066ff);
    border-radius: 10px;
}

#cart-toogle {
    border-radius: 10px;
}

.cart-buttons a.btn-primary {
    color: white !important; /* Ensures white text */
}

.header-top .header-cart-default a.cart-toogle { 
    background: none;
}

.cbp-hrmenu-tab-6 .cbp-mainlink-iicon {
    filter: brightness(0) invert(1);
}

.cbp-hrmenu-tab-6:hover .cbp-mainlink-iicon {
    filter: none !important;
}

.cbp-hrmenu-tab-6 .cbp-mainlink-iicon:hover {
    filter: none; /* Slight dim effect on hover */
}

/* Mobile Styling */
@media (max-width: 768px) {
    #header {
        padding: 10px 0;
    }

    .header-nav ul {
        text-align: center;
    }

    #desktop_logo img {
        max-height: 50px;
    }

    #search_widget input {
        font-size: 12px;
    }

    #search_widget .search-btn {
        padding: 8px 12px;
    }
}

/* main menu categories css fix */
/* General menu styling */
.category-top-menu {
    background: #f8f9fa; /* Light gray background */
    padding: 15px;
    border-radius: 10px; /* Smooth edges */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.category-sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-sub-menu li {
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    transition: all 0.3s ease-in-out;
}

/* Main category links */
.category-sub-menu > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease-in-out;
}

.category-sub-menu > li > a:hover {
    color: #0066ff; /* Bright blue hover effect */
}

/* Subcategory links */
.category-sub-menu .category-sub-link {
    display: block;
    padding: 8px 15px;
    font-size: 14px;
    color: #666;
    transition: all 0.3s ease-in-out;
}

.category-sub-menu .category-sub-link:hover {
    color: #0066ff;
    background: rgba(0, 102, 255, 0.1);
    border-radius: 5px;
}

/* Arrow icons for dropdown */
.collapse-icons {
    cursor: pointer;
    font-size: 18px;
    transition: transform 0.3s ease-in-out;
}

.collapse-icons i {
    color: #666;
    margin-left: 8px;
}

.collapse-icons .remove {
    display: none;
}

/* When expanded */
.collapse.show .collapse-icons .add {
    display: none;
}

.collapse.show .collapse-icons .remove {
    display: inline;
}

/* Mobile-friendly adjustments */
@media (max-width: 768px) {
    .category-top-menu {
        padding: 10px;
        border-radius: 0;
        box-shadow: none;
    }

    .category-sub-menu > li {
        padding: 8px;
    }

    .category-sub-menu > li > a {
        font-size: 14px;
    }

    .category-sub-menu .category-sub-link {
        font-size: 13px;
        padding: 5px 10px;
    }
}

/* General Mobile Menu Styling */
/* Mobile Menu Container */
/* Mobile Menu Container */
#mobile-header .col-mobile-menu-dropdown.show {
    background: none;
}

#iqitmegamenu-mobile li > ul {
    background: #b2c0fc;
    font-family: "Arial", sans-serif;
}

#iqitmegamenu-mobile li > ul > li > ul {
    background: #b2c0fc;
    font-family: "Arial", sans-serif;
}

.autocomplete-suggestions {
    margin-top: 2px;
    border-radius: 15px;
} 

#iqitmegamenu-mobile {
    background: #b2c0fc; /* Keep it white */
    font-family: "Arial", sans-serif; /* Standard safe font */
    font-size: 16px; /* Default readable size */
}

/* Main Menu Items */
#iqitmegamenu-mobile > li > a {
    font-size: 16px; /* Keep it readable */
    font-family: "Arial", sans-serif; /* Keep consistency */
}

/* Submenu Items */
#iqitmegamenu-mobile ul li a {
    font-size: 15px; /* Slightly smaller for hierarchy */
    font-family: "Arial", sans-serif; /* Ensuring consistency */
    line-height: 27px;
}

/* Background Colors */
#iqitmegamenu-mobile ul {
    background: #f8f8f8; /* Light grey, same as before */
}

/* Hover Effect */
#iqitmegamenu-mobile ul li a:hover {
    background: #f0f0f0; /* Slight contrast for hover */
    color: #222; /* Keep color neutral */
}

/* Ensure Expand Icons Stay */
.mm-expand .fa {
    color: inherit; /* Keep as it is */
}

/***** background image site *****/

/* Background Image for #wrapper */
/* Background Image for #wrapper with filters */
/* Background Image for #wrapper */
#wrapper {
    background: url('https://erabg.com/img/bgr.png') no-repeat center top; 
    background-size: contain; 
    background-size: 150%;
    position: relative;
    color: black;
}

.product-info-row {
    margin-bottom: 3rem;
    color: #6d44c6;
}

a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) {
    color : black;
}

#wrapper .breadcrumb a {
    color: black;
}

.cart-products-count {
    color: red;
}

.product-add-to-cart .add .add-to-cart {
    background: linear-gradient(to right, #ff0000, #0066ff);
}

.js-quick-view-iqit .fa-eye {
    background: linear-gradient(to right, #ff0000, #0066ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block; /* Ensures proper rendering */
}

.product-price {
    color: #ff1d25;
    font-size: 16px;
    font-weight: 700
}

.product-cover img {
    border-radius : 10px;
}

.elementor img { 
    border-radius : 10px;
}

#footer-container-main {
    color: black;
}

#footer-container-main a{
    color: black;
}
.slick-arrow {
    background: none;
    color: #6d44c6;
}

.slick-next:before {
    left: 15px;
}

.slick-prev:before {
    right: 15px;
}

.images-container .slick-arrow, #product .product-cover .expander > span, #product-modal .modal-body .slick-arrow {
    color: #6d44c6;
    background: none;
}

#product .product-cover .expander {
    background: #fff;
}

.product-miniature-default .product-thumbnail img {
    border-radius: 20px;
}

.product-miniature {
    border-radius: 20px;
}

.slick-list {
    border-radius: 20px;
}

.nav-tabs .nav-link {
    color:rgb(58, 63, 216);
    font-weight: bold;
    opacity: 1;
}

.payment-module-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.payment-logo-wrap {
    width: 48px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 4px rgba(0,0,0,0.05);
    overflow: hidden;
}

.payment-logo-wrap img {
    max-width: 40px;
    max-height: 24px;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
}