/* Add custom CSS styles below */ 
.selia-bottom-nav-items {
    align-items: center;
    display: flex
;
    gap: 2rem;
    justify-content: space-evenly;   
}
:root {
  --arleev-red: #7d0c0e;        /* الأحمر الملكي */
  --arleev-burgundy: #56152C;   /* الأحمر الخمري */
  --arleev-beige: #f5f0e9;      /* البيج/العاجي */
  --arleev-gold: #d4af37;       /* الذهبي */
  --arleev-white: #ffffff;      /* الأبيض */
  --arleev-gray: #eaeaea;       /* الرمادي الفاتح */
}
/* الهيدر */
.inner.bg-inherit {
    background: linear-gradient(
        135deg,
        var(--arleev-beige),
        var(--arleev-white)
    );
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    color: var(--arleev-red);
    padding: 1rem;
}



.selia-bottom-nav {
    background: rgba(255, 255, 255, 0.8);   /* خلفية شفافة فاتحة */
    backdrop-filter: blur(12px);            /* تأثير زجاجي */
    -webkit-backdrop-filter: blur(12px);
    
    border-top-left-radius: 20px;           /* حواف علوية مقوسة */
    border-top-right-radius: 20px;
    
    box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.15); /* ظل للأعلى */
    padding: 0.5rem 0;
}

/