/* ==========================
   الألوان الأساسية
========================== */

:root{
    --main-color:#9F0042;
    --header-bg:#9F0042;
    --color-primary:#9F0042;
}

/* ==========================
   الهيدر
========================== */

header,
.header,
.header-inner,
.header-container,
.main-header,
.navbar,
.top-navbar{
    background:#9F0042 !important;
}

/* ==========================
   الفوتر
========================== */

footer,
.store-footer,
.footer,
.s-footer,
footer [class*="footer"]{
    background:#9F0042 !important;
}

footer *{
    color:#fff !important;
}

/* ==========================
   الأزرار
========================== */

button,
.btn,
.s-btn,
.s-button,
input[type=submit],
input[type=button],
a.btn{
    background:#9F0042 !important;
    border-color:#9F0042 !important;
    color:#fff !important;
}

/* ==========================
   أيقونات التواصل الاجتماعي
========================== */

.s-social-list a{
    border-radius:50% !important;
}

/* Facebook */
.s-social-list a[href*="facebook"]{
    background:#1877F2!important;
    color:#fff!important;
}

/* YouTube */
.s-social-list a[href*="youtube"]{
    background:#FF0000!important;
    color:#fff!important;
}

/* TikTok */
.s-social-list a[href*="tiktok"]{
    background:#000!important;
    color:#fff!important;
}

/* Snapchat */
.s-social-list a[href*="snapchat"]{
    background:#FFFC00!important;
    color:#000!important;
}

/* Instagram */
.s-social-list a[href*="instagram"]{
    background:#E4405F!important;
    color:#fff!important;
}

/* X */
.s-social-list a[href*="twitter"],
.s-social-list a[href*="x.com"]{
    background:#000!important;
    color:#fff!important;
}

/* WhatsApp */
.s-social-list a[href*="wa.me"],
.s-social-list a[href*="whatsapp"]{
    background:#25D366!important;
    color:#fff!important;
}

.s-social-list svg{
    fill:currentColor!important;
}

/* ==========================
   تواصل معنا
========================== */

footer a[href*="mailto"]{
    background:#EA4335!important;
    color:#fff!important;
    border-radius:10px!important;
}

footer a[href*="tel"]{
    background:#0A84FF!important;
    color:#fff!important;
    border-radius:10px!important;
}

footer a[href*="wa.me"],
footer a[href*="whatsapp"]{
    background:#25D366!important;
    color:#fff!important;
    border-radius:10px!important;
}

/* ==========================
   الأقسام
========================== */

.art-categories-02 .art-categories-02-slide{
    width:260px!important;
    max-width:260px!important;
}

.art-categories-02 .aspect-square{
    width:260px!important;
    height:260px!important;
    aspect-ratio:1/1!important;
    overflow:hidden!important;
    border-radius:0!important;
}

.art-categories-02 .aspect-square>a,
.art-categories-02 .aspect-square>a>div{
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
    background-size:cover!important;
    background-position:center!important;
}

.art-categories-02 h3{
    font-size:20px!important;
    font-weight:700!important;
    color:#9F0042!important;
    text-align:center!important;
    margin-top:10px!important;
}
.art-categories-02 .aspect-square{
  width:260px!important;
  height:260px!important;
  border-radius:0!important;
  overflow:hidden!important;
}

.art-categories-02 .aspect-square a,
.art-categories-02 .aspect-square a > div{
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
  background-size:cover!important;
  background-position:center!important;
}
/* شبكة متجاوبة للتصنيفات */
.category-list,
.categories-grid,
.s-block-categories,
.s-block-categories .row{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(130px,1fr)) !important;
    gap:20px !important;
    justify-items:center !important;
    align-items:start !important;
    width:100% !important;
}

.category-list>*,
.categories-grid>*,
.s-block-categories>*,
.s-block-categories .row>*{
    width:130px !important;
    max-width:130px !important;
    text-align:center !important;
}

.category-list img,
.categories-grid img,
.s-block-categories img{
    width:100px !important;
    height:100px !important;
    border-radius:50% !important;
    object-fit:cover !important;
/* جعل أيقونة القائمة البيضاء */
header button svg,
header .menu-button svg,
header .menu-trigger svg,
header .drawer-toggle svg,
header [class*="menu"] svg,
header [class*="drawer"] svg,
header button i,
header [class*="menu"] i{
    color:#fff !important;
    fill:#fff !important;
    stroke:#fff !important;
}