/* Add custom CSS styles below */ 

/*  بالمدونة الحاوية الرئيسية التي تجمع زر الإعجاب والعداد */
.flex.items-center.gap-2\\.5.text-gray-500 {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 1rem;
}

/* حاوية العداد */
#article-views-counter {
    display: flex;
    align-items: center;
    color: inherit;
    font-size: 0.8em;
    margin-right: auto;
}

/* صورة الرقم */
.views-badge {
    vertical-align: middle;
}

/* النص بجانب الرقم */
.views-text {
    margin-right: 6px;
}


/*change price color*/
.total-price{color: #008b96;
background: #f3f3f3;
    padding: 0.3rem;
    border-radius: 0.5rem;}

#mobile-menu > ul > li.mobile-menu-slider.text-sm.font-bold > div:nth-child(3) > a{MARGIN-TOP: 0.7REM;MARGIN-BOTTOM: 0.7REM;}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.angel-features.bg-gray-100.da-bgg.py-8 > div > div.s-block__title > div > p{COLOR: #c9a3c5;}

/*تعديل حركة سلايدر الاعلان*/
@media (max-width: 600px) {
    .angel-ad__slider {
        animation-duration: 12000ms !important; 
    }
}


/*تعديل مزايا المتجر*/
.angel-feature{
border: 1px solid #008b961c;
border-radius: 0.5rem;
padding: 0.5rem;}
    
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.angel-features.bg-gray-100.da-bgg.py-8 > div > div.s-block__title{
color: #fff;
border: 1px solid #ffffff;
border-radius: 0.7rem;
padding: 1rem;
background: #68045e;
box-shadow: 1px 12px 22px #4dadb414;}


/*تعديل طبقة بادج البروموشن*/
.promotion-title{z-index: 9;}


/*تصغير ايقونة الواتس*/
.floating-wpp-button{width: 42px !important;height: 42px !important;}    
#cartat_fwp{z-index: 10 !important;}


/*wish list page*/
@media (max-width: 520px) {
  .product-entry--wishlist h3.text-sm.text-gray-800.da-tm {
    width: 29vw;}}


/*sticky bar*/
/*#app > div.app-inner.flex.flex-col.min-h-full > header > div.bottom-header.opacity-90.bg-white.da-bgm > ul > li.bottom-header-button.bottom-header-cart > salla-cart-summary > a > p > b{color: #018b96;}

#app > div.app-inner.flex.flex-col.min-h-full > header > div.bottom-header.opacity-90.bg-white.da-bgm{
    backdrop-filter: blur(10px);
    border: 1px solid #d5c5d37d;
    color: #35022e;
    background: rgb(229, 250, 252);
    background: linear-gradient(360deg, rgb(231 214 231 / 88%) 9%, rgb(255 255 255) 51%, rgb(255 255 255) 84%);}*/


/*search*/
.s-search-container{border: 1px solid #008b96;}
#angel-search > div.angelmodal__container.angelmodal__container_search > div.angelmodal__top.angel-search-block.flex-center.gap-2.md\:gap-4 > div > h3{color: #008b96;}

    
/*footer*/
.store-footer{margin-top: 0.1rem;}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div{background: #f1f5f5;
    background-image: url(https://i.imgur.com/m7w2tW1.png), linear-gradient(180deg, rgb(1 139 150 / 104%) -9%, rgb(226 253 255 / 3%) 23%, rgb(237 237 237 / 122%) 131%);
    background-position: 48% -156%;
    background-size: 40rem;
    background-repeat: no-repeat, repeat;}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-top.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.\!justify-center > div > div > div{gap: 1rem;}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-top.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.\!justify-center > div > div > h3{color:#fff;}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div:nth-child(2) > div > div{display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 2rem;
    align-items: center;}
    
@media (min-width: 1100px) {
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div:nth-child(2) > div > div{display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 2rem;
    align-items: center;
    gap: 2px 1.5REM;}
}
    
.contact-links a{background-color: rgb(255 255 255 / 50%);}

/*#app > div.app-inner.flex.flex-col.min-h-full > footer > div{background: rgb(229, 250, 252);
background: linear-gradient(180deg, rgb(1 139 150 / 104%) -9%, rgb(226 253 255 / 3%) 23%, rgb(237 237 237 / 122%) 131%)}*/

/*side menu*/
.mm-ocd--open{backdrop-filter: blur(10px);}
.mm-spn li{padding-bottom: 0.5rem;padding-top: 0.5rem;font-size: 1rem;}
.mobile-menu .links-menu .footer-list a{border-bottom: 1px solid #eeeeee73;padding: 0.9rem 1.9rem;}
#mobile-menu > ul > li.social.text-sm.md\:text-lg.font-bold > ul > div.social-links.flex.justify-center.gap-2{padding-top: 0.7rem;gap: 1rem;}
#\"offers\" > a > h5{color: #e93b3b}

/*mobile user menu*/
#app > div.app-inner.flex.flex-col.min-h-full > header > div.bottom-header.opacity-90.bg-white.da-bgm{opacity:1;}

/*cart icon*/
.is_large .s-cart-summary-wrapper i {
    font-size: 1.4rem !important;}

/*hamburger*/
.sicon-menu:before{font-size: 1.8rem;
    margin: auto 0.4rem;}

/*text delete and add to wishlist*/
.btn--wishlist .s-button-text .fix-align {
    display: none;}
    
.btn--delete .s-button-text .fix-align {
    display: none;}

.sicon-heart{vertical-align: middle;}    
.s-button-outline{border-width: 0;}
.btn--wishlist {font-size: 1.2rem;
border-radius: 50%;}
.cart .btn--wishlist.is-added{
margin-top: -0.2rem;
margin-left: 0.7rem;
width: 2rem;
height: 2rem;}

/*user icon top navbar*/
.store-header .s-user-menu-trigger .s-user-menu-avatar-wrap{height: 2.5rem;
    width: 2.5rem;
    padding: 0.3rem;}
    
/*@media (max-width: 570px) {
#mainnav > div > div.header-container.container > div > div.flex.items-center.justify-end.w-1\/3 > button  {
        display: none !important;
    }
}*/

/*user menu border*/
.store-header .s-user-menu-toggler .s-user-menu-dropdown{border: 1px solid #018b964a;}

/*sub cat*/
.sub-cat-icon{display: grid;}

.sub-categories.flex-col.flex-center.gap-2.da-tm.text-center{background: #ffffff;border-radius: 0.5rem;padding: 0.5rem;border: 1px solid #008b9630;}     

.swiper-slide:nth-of-type(2n) a.sub-categories.flex-col.flex-center.gap-2.da-tm.text-center {
background: #edfeff;}


/*add to cart btn*/
.s-product-card-entry .s-button-element{line-height: 1.75rem;}


/*product page add to wish*/
div.sidebar.md\:sticky.top-16.w-full.md\:\!w-2\/5.md\:me-8.pb-4.md\:pb-16.overflow-hidden.shrink-0 > div > div > salla-button > button > span > i{padding-top: 0.2rem;}

/*page title*/
#page-main-title{display:block}

/*product page*/
.my-1{margin-top: 1.25rem;}

/*search on phone height*/
.angelmodal__container_search {
    margin-top: 5rem !important;
    height: 65% !important;
}

/*header*/
.main-nav-container.fixed-pinned .inner{
opacity: 1 !important;}

#mainnav > div{
background-image: linear-gradient(180deg, rgb(214 252 255) 15%, rgb(239 245 245) 76%, rgb(255 255 255) 100%);}

/*share icons on product image */
/*@media (max-width: 767px) {
    .mob\:bottom-4 {
        bottom: 5.5rem;
    }
}*/


/*ارفق الوصفة الطبية بوردراحمر*/
/*#product-tabs-options{border: 1px dashed #ff8c8c}*/


/*مربع معلومات التوصيل*/
#deliv-info{
    font-size: .82rem;
    color: #566d8fb5;
    border: 1px solid #9ea8b142;
    border-radius: 8px;
    padding: .5rem;
    padding-right: 1.3rem;
    PADDING-LEFT: 1.3REM;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: rgb(255 252 252);
    background: linear-gradient(199deg, rgb(233 242 253) 3%, rgb(249 229 255 / 22%) 36%, rgba(233, 246, 249, 0) 89%);
}

.fa{
margin-left: 0.6rem;}

.deliv-text-1{padding-bottom: 0.4rem;
    border-bottom: 1px dashed #d3d8e385;}
    
.deliv-text-2{padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px dashed #d3d8e385;}
    
.deliv-text-3{padding-top: 0.3rem;}


/*-ضبط سطر المزايا بصفحات المنتج-*/

#adv_main{
    HEIGHT: 4REM;
    font-size: 0.8rem;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    background: #59e1eb14;
    margin-bottom: 18px;
    padding: 6px;
    color: #008b96;
    direction: rtl;
    border-radius: 8px;
    border: 1px solid #018b9626;
    background: linear-gradient(180deg, #ffffff 0%, #f0f9f9 10%, #fffde557);}

    
#adv_1{
    DISPLAY: grid;
    justify-content: center;
    margin-left: 8px;
    border-left: 1px solid #a6d2d557;} 
    
#adv_2{
    DISPLAY: grid;
    justify-content: center;
    margin-left: 8px;
    border-left: 1px solid #a6d2d557;} 

#adv_3{
    DISPLAY: grid;
    justify-content: center;}    
    
.adv-icon01{
font-size: 16px;
color: #7e9b9dc7;
display: grid;
    justify-content: center;
    align-items: center;
    float:right;
   margin: 0.2rem 0.4rem;}

div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > div.mb-4.flex.justify-between.sm\:grid.sm\:grid-cols-3.bg-white.rounded-md.px-4.py-2{border: 1px solid #eee;}


/*OUT OS STOCK BTN COLOR*/
salla-product-availability[product-status="out-and-notify"] button.s-button-element {
background-color: #f7ecf6 !important;
color: #93678d !important;
BORDER: 0;
}

/*مميزات المتجر من رائد*/
div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 > section.p-block--features.mt-4{DISPLAY:NONE}


/*MARGIN RELATED ITEMS*/
div.app-inner.flex.flex-col.min-h-full > div.similar-products.container.mt-4{MARGIN-TOP: 2REM;}

/*CARD BORDER*/
.s-product-card-entry{border-width: 1px;}

/*MARGIN TOP عناوين الاقسام*/
.s-block__title{MARGIN-TOP:1REM}

/*عرض خاص تعديلات*/
div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 > section.offer-slider.relative.overflow-hidden.mb-8.md\:mb-16.rounded.p-2\.5.sm\:p-5.bg-white.da-bgg{margin-top: 0.7rem;
    border: 1px dashed #6c0d6078;
    border-radius: 0.5rem;
    background: #fff4fe;}

/*تعديلات علي مربع العرض الخاص*/    
#offer-corner-badge{margin-bottom: 1rem;
    background: #6c0d60;
    border-radius: 0.5rem;
    text-align: center;
    font-weight: bold !important;
    color: #efdced;
    line-height: 2.5rem;
    border: 1px solid #ffffff;
    background-image: url(https://i.imgur.com/GlxSYWW.png);
    background-repeat: no-repeat;
    background-position: -4% 32%;
    background-size: 34%;}
    
/*تنبيه بالعرض الخاص فوق وصف المنتج*/    
.opt-text > .custom-js-product-special-offer-text {
    background-color: rgb(189, 17, 122);
    color: white;
    line-height: 3rem;
    margin-bottom: 0.7rem;
    margin-top: 0.7rem;
    border-radius: 0.5rem;
    display: block;
    font-size: 1em;
    text-align: center;
    font-weight: 600 !important;
    text-decoration: none;
}