/* =====================================================================
   NAJDI SCENTS — Kasra theme custom CSS  (master, cleaned)
   Brand: gold #C7933D · navy #222154 · cream #F6EFE1 / #faf7f1
   ===================================================================== */

/* ============ 1) BRAND PRIMARY → GOLD (site-wide) ============ */
:root, html, body, .theme-raed{
  --color-primary:#C7933D !important;
  --color-primary-dark:#a87a2c !important;
  --color-primary-light:#dab15e !important;
}
.s-button-element.s-button-primary{ background:#C7933D !important; border-color:#C7933D !important; }
.s-button-element.s-button-primary:hover{ background:#a87a2c !important; border-color:#a87a2c !important; }
.bg-primary{ background-color:#C7933D !important; }
.text-primary{ color:#C7933D !important; }
.border-primary{ border-color:#C7933D !important; }

/* ============ 2) HEADER ============ */
@media (min-width:1024px){
  div.flex.items-center.justify-center:has(custom-main-menu){
    position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important;
  }
}
header.store-header a.navbar-brand img{ max-height:80px !important; height:80px !important; }
/* cart count badge → brand navy, larger, white ring for legibility (was a small dark-red dot) */
.s-cart-summary-count{
  background:#222154 !important; color:#fff !important;
  font-size:13px !important; font-weight:700 !important;
  min-width:20px !important; height:20px !important; line-height:20px !important;
  text-align:center !important; padding:0 5px !important;
  border:2px solid #fff !important; box-shadow:0 1px 5px rgba(0,0,0,.28) !important;
}

/* ============ 3) HERO ============ */
.kesra-main-banner{ align-items: flex-end !important; padding-bottom: 7vh !important; }
.kesra-main-banner::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to top, rgba(20,19,55,.72), rgba(20,19,55,.28) 42%, rgba(20,19,55,0) 70%);
}
.kesra-main-banner h1{ text-shadow:0 2px 22px rgba(0,0,0,.45) !important; letter-spacing:.5px !important; }
.kesra-main-banner p{ text-shadow:0 1px 12px rgba(0,0,0,.4) !important; }
.kesra-main-banner span.rounded-full.border.text-xs{ display:none !important; }
.kesra-main-banner img{ animation: najdiKenBurns 22s ease-in-out infinite alternate !important; }
@keyframes najdiKenBurns{ from{ transform: scale(1.1); } to{ transform: scale(1.2); } }
@media (max-width: 768px){
  .kesra-main-banner{ height: 60vh !important; }
  .kesra-main-banner img{ animation: none !important; object-fit: cover !important; object-position: center !important; }
}

/* ============ 4) MOTION ============ */
@supports (animation-timeline: view()){
  .s-block{ animation: najdiReveal linear both; animation-timeline: view(); animation-range: entry 5% entry 50%; }
}
@keyframes najdiReveal{ from{ opacity:0; transform: translateY(34px); } to{ opacity:1; transform: none; } }
.s-product-card-entry salla-add-product-button button{ position:relative; overflow:hidden; }
.s-product-card-entry salla-add-product-button button::after{
  content:""; position:absolute; top:0; left:-130%; width:55%; height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.5), transparent);
  transform:skewX(-20deg); pointer-events:none;
}
.s-product-card-entry:hover salla-add-product-button button::after{ left:150%; transition:left .75s ease; }
@media (prefers-reduced-motion: reduce){
  .s-block, .kesra-main-banner img,
  .s-product-card-entry salla-add-product-button button::after{ animation:none !important; }
  .s-block{ opacity:1 !important; transform:none !important; }
}

/* ============ 5) PRODUCT CARDS (everywhere) ============ */
.s-product-card-entry{
  border-radius: 18px !important; box-shadow: 0 8px 24px rgba(34,33,84,.10) !important;
  overflow: hidden !important; transition: transform .25s ease, box-shadow .25s ease !important;
}
.s-product-card-entry:hover{ transform: translateY(-6px) !important; box-shadow: 0 16px 34px rgba(34,33,84,.16) !important; }
.s-product-card-entry .s-product-card-image-cover{ transition: transform .5s ease !important; }
.s-product-card-entry:hover .s-product-card-image-cover{ transform: scale(1.06) !important; }
.s-product-card-entry .s-product-card-content-footer{ padding: 0 12px 12px !important; justify-content: center !important; }
.s-product-card-entry salla-add-product-button button.s-button-element.s-button-outline.s-button-primary-outline{
  background: #C7933D !important; border-color: #C7933D !important; color: #fff !important; border-radius: 12px !important;
}
.s-product-card-entry salla-add-product-button button.s-button-element.s-button-outline.s-button-primary-outline:hover{
  background: #222154 !important; border-color: #222154 !important;
}
.s-product-card-entry salla-add-product-button button .s-button-text,
.s-product-card-entry salla-add-product-button button svg,
.s-product-card-entry salla-add-product-button button i{ color: #fff !important; fill: #fff !important; }
.s-product-card-entry .s-product-card-content,
.s-product-card-entry .s-product-card-content-main,
.s-product-card-entry .s-product-card-content-title,
.s-product-card-entry .s-product-card-sale-price{ text-align: center !important; }
.s-product-card-entry .s-product-card-content-sub,
.s-product-card-entry .s-product-card-rating{ justify-content: center !important; }

/* ============ 6) HOMEPAGE CATEGORY CIRCLES ============ */
a.group.flex-col.items-center .rounded-full{ box-shadow: 0 6px 18px rgba(34,33,84,.12) !important; transition: transform .3s ease !important; }
a.group.flex-col.items-center:hover .rounded-full{ transform: scale(1.07) !important; }

/* ============ 7) COMING SOON — one unified panel ============ */
.s-block--bundle-text-content:has(+ .s-block--banners),
.s-block--banners{ background: #F6EFE1 !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; }
.s-block--bundle-text-content:has(+ .s-block--banners){
  border-radius: 26px 26px 0 0 !important; border-top: 3px solid #C7933D !important;
  margin-top: 44px !important; margin-bottom: 0 !important; padding: 38px 30px 12px !important;
}
.s-block--banners{ border-radius: 0 0 26px 26px !important; margin-top: 0 !important; margin-bottom: 44px !important; padding: 12px 30px 38px !important; }
.s-block--banners a.banner-entry{ border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 4px 14px rgba(34,33,84,.07) !important; }

/* ============ 8) OUR STORY (حكايتنا) — premium band ============ */
.s-block--bundle-text-content:has(+ .s-block--bundle-faq){
  background: #F6EFE1 !important; border-top: 3px solid #C7933D !important; border-radius: 26px !important;
  max-width: 1180px !important; margin: 44px auto !important; padding: 50px 30px !important;
}
.s-block--bundle-text-content:has(+ .s-block--bundle-faq) .s-block-simple-section{
  max-width: 760px !important; margin-left: auto !important; margin-right: auto !important;
}

/* ============ 9) HOMEPAGE TESTIMONIALS (آراء العملاء) ============ */
.s-block--testimonials{
  max-width:1080px !important; margin-left:auto !important; margin-right:auto !important;
  background:#faf7f1 !important; border:1px solid #ece3d2 !important; border-radius:22px !important;
  padding:34px 30px !important; box-shadow:0 6px 22px rgba(34,33,84,.06) !important;
}
.s-reviews-testimonial{
  background:#fff !important; border:1px solid #efe7d7 !important; border-radius:16px !important;
  padding:24px !important; box-shadow:0 4px 14px rgba(34,33,84,.05) !important;
  justify-content:center !important; align-items:center !important; gap:14px !important;
}
.s-reviews-testimonial__inner{ justify-content:center !important; align-items:center !important; gap:14px !important; }

/* ============ 10) FOOTER — white + gold polish ============ */
.kesra-store-footer{ border-top: 3px solid #C7933D !important; }
.kesra-store-footer a, .kesra-store-footer a svg, .kesra-store-footer a i{ transition: color .2s ease, fill .2s ease !important; }
.kesra-store-footer a:hover, .kesra-store-footer a:hover svg, .kesra-store-footer a:hover i{ color: #C7933D !important; fill: #C7933D !important; }
.kesra-store-footer .flex.flex-col.justify-center.items-center:has(.navbar-brand){ display:flex !important; flex-direction:column !important; align-items:center !important; }
.kesra-store-footer .navbar-brand{ justify-content:center !important; margin-bottom:0 !important; }
.kesra-store-footer salla-social{ text-align:center !important; word-spacing:16px !important; margin-top:20px !important; }

/* ============ 11) PRODUCT PAGE ============ */
body.product-single .promotion-title{ background:#C7933D !important; border-color:#C7933D !important; }
body.product-single .s-button-element.s-button-wide{ background:#C7933D !important; border-color:#C7933D !important; color:#fff !important; border-radius:12px !important; }
body.product-single .s-button-element.s-button-wide:hover{ background:#222154 !important; border-color:#222154 !important; }
body.product-single .s-button-element.s-button-wide .s-button-text,
body.product-single .s-button-element.s-button-wide i,
body.product-single .s-button-element.s-button-wide svg{ color:#fff !important; fill:#fff !important; }
body.product-single .kesra-price h4{ color:#222154 !important; }
body.product-single form.product-form{
  background:#faf7f1 !important; border:1px solid #ece3d2 !important; border-radius:16px !important;
  padding:4px 18px 16px !important; box-shadow:0 4px 16px rgba(34,33,84,.05) !important; margin-top:22px !important;
}
body.product-single form.product-form > section,
body.product-single form.product-form > salla-product-options{
  background:transparent !important; box-shadow:none !important; border-radius:0 !important;
  border-bottom:1px solid #efe7d7 !important; padding:15px 0 !important; margin:0 !important;
}
body.product-single form.product-form > section.sticky-product-bar{ border-bottom:none !important; padding-bottom:6px !important; }
body.product-single form.product-form section.sticky-product-bar > div:has(salla-social-share){
  background:transparent !important; border:none !important; box-shadow:none !important;
  width:fit-content !important; padding-left:0 !important; padding-right:0 !important;
}
body.product-single .s-product-options-option{ display:flex !important; justify-content:space-between !important; align-items:center !important; gap:16px !important; }
body.product-single .s-product-options-option-content{ display:flex !important; justify-content:flex-end !important; gap:8px !important; flex-wrap:wrap !important; }
body.product-single .s-comments-container{ max-width:820px !important; margin-left:auto !important; margin-right:auto !important; }
body.product-single .s-comments-item{
  background:#faf7f1 !important; border:1px solid #ece3d2 !important; border-radius:14px !important;
  padding:18px 20px !important; margin-bottom:14px !important; box-shadow:0 3px 12px rgba(34,33,84,.05) !important;
}
body.product-single salla-installment{
  display:block !important; border:1px solid #ece3d2 !important; border-radius:14px !important;
  background:#faf7f1 !important; padding:14px 18px !important; margin:14px 0 !important;
}
body.product-single salla-slider.details-slider{ border-radius:18px !important; box-shadow:0 10px 30px rgba(34,33,84,.10) !important; overflow:hidden !important; }
body.product-single .product__description{ border-top:1px solid #efe7d7 !important; margin-top:22px !important; padding-top:20px !important; line-height:2 !important; color:#3a3a4a !important; }
body.product-single .product__description article p{ margin:0 0 .5em !important; }
body.product-single .product__description article p:has(> br:only-child){ display:none !important; }
body.product-single .product__description article > p:first-child{ margin-bottom:14px !important; }
body.product-single .product__description article > p:first-child strong{
  display:inline-block !important; font-size:1.4rem !important; color:#222154 !important;
  border-bottom:2px solid #C7933D !important; padding-bottom:6px !important; letter-spacing:.3px !important;
}
body.product-single .product__description article > p:nth-last-child(2){ margin-top:16px !important; padding-top:14px !important; border-top:1px solid #efe7d7 !important; }
body.product-single .product__description article > p:nth-last-child(-n+2) strong{ color:#C7933D !important; }

/* ============ 12) CART PAGE ============ */
body.cart section.cart-item{
  background:#fff !important; border:1px solid #ece3d2 !important; border-radius:18px !important;
  box-shadow:0 4px 16px rgba(34,33,84,.07) !important; padding:24px 26px !important; margin-bottom:20px !important;
}
body.cart section.cart-item div.border-t.border-b{
  border:1px solid #ece3d2 !important; border-radius:12px !important; background:#faf7f1 !important;
  padding:8px 16px !important; justify-content:center !important; gap:22px !important;
}
body.cart section.cart-item .s-product-options-option{ display:flex !important; justify-content:flex-start !important; align-items:center !important; gap:10px !important; }
body.cart section.cart-item .s-product-options-option-content{ display:flex !important; justify-content:flex-start !important; gap:8px !important; }
body.cart .cart-submit-wrap button.s-button-element.s-button-primary{ background:#C7933D !important; border-color:#C7933D !important; color:#fff !important; border-radius:12px !important; font-weight:700 !important; }
body.cart .cart-submit-wrap button.s-button-element.s-button-primary:hover{ background:#222154 !important; border-color:#222154 !important; }
body.cart .cart-submit-wrap button.s-button-element.s-button-primary .s-button-text,
body.cart .cart-submit-wrap button.s-button-element.s-button-primary i,
body.cart .cart-submit-wrap button.s-button-element.s-button-primary svg{ color:#fff !important; fill:#fff !important; }
body.cart i.bg-primary.rounded-icon{ background:#C7933D !important; }

/* ============ 13) CATEGORY / LISTING + SEARCH ============ */
body.product-index .index-kesra-categories-slider{ display:none !important; }
body.product-index .main-content > div:has(> h1){
  position:sticky !important; top:0 !important; z-index:6 !important;
  background:#fff !important; padding:12px 4px !important;
  box-shadow:0 6px 14px rgba(34,33,84,.06) !important; border-radius:0 0 12px 12px !important;
}
body.product-index-search h1#page-main-title{ font-size:0 !important; }
body.product-index-search h1#page-main-title::after{ content:"نتائج البحث"; font-size:1.4rem; color:#222154; font-weight:700; display:inline-block; }

/* ============ 14) SCROLL PROGRESS BAR (site-wide) ============ */
@supports (animation-timeline: scroll()){
  body::before{
    content:""; position:fixed; top:0; right:0; left:0; height:3px;
    background:#C7933D; transform:scaleX(0); transform-origin:right center;
    animation:najdiScroll linear; animation-timeline:scroll(root); z-index:99999; pointer-events:none;
  }
}
@keyframes najdiScroll{ to{ transform:scaleX(1); } }

/* ============ 15) FRONT-END EXTRAS ============ */
body.index h2.text-center, body.index h2.text-transparent, .s-reviews-header{ position:relative !important; padding-bottom:14px !important; }
body.index h2.text-center::after, body.index h2.text-transparent::after, .s-reviews-header::after{
  content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%) scaleX(1);
  width:62px; height:3px; background:#C7933D; border-radius:3px; transform-origin:center;
}
.s-reviews-testimonial h2::after{ display:none !important; }
@supports (animation-timeline: view()){
  body.index h2.text-center::after, body.index h2.text-transparent::after, .s-reviews-header::after{
    animation: najdiUnderline linear both; animation-timeline: view(); animation-range: entry 15% entry 55%;
  }
  @keyframes najdiUnderline{ from{ transform:translateX(-50%) scaleX(0); } to{ transform:translateX(-50%) scaleX(1); } }
}
.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-sale-price,
.s-product-card-entry .s-product-card-content-sub h4{ color:#222154 !important; }
.s-product-card-entry .s-product-card-old-price{ color:#9a9aa5 !important; text-decoration:line-through !important; }
html{ scrollbar-width: thin; scrollbar-color: #C7933D #f6efe1; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:#f6efe1; }
::-webkit-scrollbar-thumb{ background:#C7933D; border-radius:8px; border:2px solid #f6efe1; }
::-webkit-scrollbar-thumb:hover{ background:#a87a2c; }
.s-button-element{ transition: transform .15s ease, box-shadow .15s ease, background-color .2s ease !important; }
.s-button-element:hover{ transform: translateY(-2px) !important; box-shadow:0 6px 16px rgba(34,33,84,.18) !important; }
.s-button-element:active{ transform: translateY(0) !important; }
.s-product-card-wishlist-btn{ transition: transform .2s ease !important; }
.s-product-card-wishlist-btn:hover{ transform: scale(1.18) !important; }
.s-product-card-wishlist-btn:active{ transform: scale(.85) !important; }
header.store-header{ position: sticky !important; top:0 !important; z-index:50 !important; background:#fff !important; box-shadow:0 2px 12px rgba(34,33,84,.08) !important; } /* ⚠️ verify */
salla-quantity-input{ border:1px solid #ece3d2 !important; border-radius:12px !important; overflow:hidden !important; background:#faf7f1 !important; } /* ⚠️ verify */
salla-quantity-input button{ transition: background-color .2s ease !important; }
salla-quantity-input button:hover{ background:#efe7d7 !important; color:#C7933D !important; }

/* ============ 16) BREADCRUMBS — ⚠️ verify ============ */
nav.breadcrumbs{ font-size:.9rem !important; }
nav.breadcrumbs a{ color:#8a8a94 !important; transition:color .2s ease !important; }
nav.breadcrumbs a:hover{ color:#C7933D !important; }
nav.breadcrumbs a:last-of-type{ color:#222154 !important; font-weight:600 !important; }

/* ============ 17) NAV DROPDOWN MENUS ============ */
custom-main-menu div.sub-menu{
  border-radius:14px !important; border:1px solid #ece3d2 !important; box-shadow:0 12px 30px rgba(34,33,84,.14) !important;
  padding:8px !important; overflow:hidden !important; background:#fff !important;
}
custom-main-menu div.sub-menu a{ border-radius:8px !important; padding:8px 12px !important; transition:background-color .18s ease, color .18s ease !important; }
custom-main-menu div.sub-menu a:hover{ background:#f6efe1 !important; color:#C7933D !important; }

/* ============ 18) HOMEPAGE PRODUCT TABS — gold pill ============ */
.s-block--tabs-produtcs .tabs{ gap:10px !important; flex-wrap:wrap !important; }
.s-block--tabs-produtcs button.tab-trigger{
  border-radius:999px !important; padding:8px 22px !important;
  border:1px solid #ece3d2 !important; background:#fff !important; color:#222154 !important; transition:all .2s ease !important;
}
.s-block--tabs-produtcs button.tab-trigger:hover{ border-color:#C7933D !important; color:#C7933D !important; }
.s-block--tabs-produtcs button.tab-trigger.is-active{ background:#C7933D !important; border-color:#C7933D !important; color:#fff !important; }
.s-block--tabs-produtcs button.tab-trigger.is-active .s-button-text{ color:#fff !important; }

/* ============ 19) INPUT FOCUS STATES (gold) ============ */
input:focus, textarea:focus, select:focus,
.s-input:focus, .s-input-input:focus, salla-search input:focus, .form-input:focus{
  outline:2px solid #C7933D !important; outline-offset:1px !important; border-color:#C7933D !important;
}

/* ============ 20) OUT-OF-STOCK BADGE — ⚠️ verify ============ */
.s-product-card-entry [class*="out-of-stock"],
.s-product-card-entry [class*="sold-out"],
.s-product-card-entry .s-product-card-out-of-stock-label{
  background:#9a9aa5 !important; color:#fff !important; border-radius:999px !important; padding:3px 12px !important; font-weight:600 !important;
}
.s-product-card-entry.s-product-card-out-of-stock .s-product-card-image-cover{ opacity:.6 !important; filter:grayscale(.25) !important; }

/* ============ 21) EMPTY STATES + 404 PAGE ============ */
.no-content-placeholder{
  text-align:center !important; display:flex !important; flex-direction:column !important; align-items:center !important;
  gap:16px !important; padding:60px 20px 80px !important;
}
.no-content-placeholder i.icon, .no-content-placeholder i.sicon-shopping-bag{ font-size:66px !important; color:#C7933D !important; }
.no-content-placeholder p{ font-size:1.3rem !important; color:#222154 !important; font-weight:600 !important; margin:0 !important; }
.no-content-placeholder a.btn{
  background:#C7933D !important; border-color:#C7933D !important; color:#fff !important;
  padding:12px 32px !important; border-radius:999px !important; transition:background-color .2s ease !important;
}
.no-content-placeholder a.btn:hover{ background:#222154 !important; border-color:#222154 !important; }
.main--404 .title--404{ color:#222154 !important; }
.e404-container{ text-align:center !important; }
.e404-container a{
  display:inline-block !important; background:#C7933D !important; color:#fff !important;
  border-radius:12px !important; padding:12px 30px !important; font-weight:700 !important; transition:background-color .2s ease !important;
}
.e404-container a:hover{ background:#222154 !important; }

/* ============ 22) MOBILE MENU DRAWER — ⚠️ verify ============ */
@media (max-width:1023px){
  .s-drawer, aside[class*="menu"], [class*="mobile-menu"], .menu-drawer{ background:#fff !important; border-radius:0 18px 18px 0 !important; }
  custom-main-menu a, .s-drawer a{ border-radius:8px !important; transition:background-color .2s ease, color .2s ease !important; }
  custom-main-menu a:hover, .s-drawer a:hover{ background:#f6efe1 !important; color:#C7933D !important; }
}

/* ============ 23) MICRO-TOUCHES ============ */
::selection{ background:#C7933D; color:#fff; }
::-moz-selection{ background:#C7933D; color:#fff; }
salla-skeleton, .s-skeleton{ background:#f1ece3 !important; border-radius:8px !important; }
salla-add-product-toast{ border-radius:14px !important; box-shadow:0 12px 32px rgba(34,33,84,.20) !important; overflow:hidden !important; } /* ⚠️ verify */

/* ============ 24) STATIC / POLICY PAGES ============ */
body.page-single main > .container{ max-width:880px !important; }
body.page-single main h1, body.page-single main h2{
  color:#222154 !important; font-size:1.6rem !important; border-bottom:2px solid #C7933D !important;
  padding-bottom:10px !important; display:inline-block !important; margin-bottom:18px !important;
}
body.page-single main .container h4,
body.page-single main .container p,
body.page-single main .container li{
  color:#2a2a2a !important; font-weight:400 !important; font-size:1rem !important; line-height:2 !important; margin:0 0 8px !important;
}
body.page-single main .container li{ margin-bottom:8px !important; }
body.page-single main .container li::marker{ color:#C7933D !important; }
body.page-single main .container h4:has(> strong:only-child),
body.page-single main .container p:has(> strong:only-child){
  margin-top:26px !important; margin-bottom:10px !important; padding-bottom:6px !important; border-bottom:2px solid #efe7d7 !important;
}
body.page-single main .container h4:has(> strong:only-child) strong,
body.page-single main .container p:has(> strong:only-child) strong{
  color:#C7933D !important; font-weight:800 !important; font-size:1.18rem !important;
}

/* ============ 25) ACCOUNT PAGE (حسابي) ============ */
body.customer-profile .form-input{ border:1px solid #ece3d2 !important; border-radius:12px !important; background:#faf7f1 !important; }
salla-user-settings .s-user-settings-section{
  border:1px solid #ece3d2 !important; border-radius:14px !important; background:#fff !important;
  padding:6px 16px !important; margin-bottom:14px !important; box-shadow:0 3px 12px rgba(34,33,84,.05) !important;
}
.s-user-settings-section-icon svg{ fill:#C7933D !important; }
.s-user-settings-section-title{ color:#222154 !important; font-weight:700 !important; }
.s-user-settings-section-subtitle{ color:#8a8a94 !important; }
.s-toggle-input:checked + .s-toggle-switcher{ background:#C7933D !important; }
nav.sidebar{
  border:1px solid #ece3d2 !important; border-radius:24px !important;
  box-shadow:0 10px 30px rgba(34,33,84,.08) !important;
  padding-left:12px !important; padding-right:12px !important;
}
nav.sidebar .avatar-wrap{ border:2px solid #C7933D !important; box-shadow:0 4px 14px rgba(199,147,61,.25) !important; }
.s-user-menu-dropdown-item-link{ border-radius:12px !important; padding:11px 14px !important; transition:background-color .18s ease, color .18s ease !important; }
.s-user-menu-dropdown-item-link:hover{ background:#f6efe1 !important; }
.s-user-menu-dropdown-item-prefix svg{ fill:#C7933D !important; transition:fill .18s ease !important; }
.s-user-menu-dropdown-item-title{ color:#222154 !important; }
.s-user-menu-dropdown-item-link:hover .s-user-menu-dropdown-item-title{ color:#C7933D !important; }
.s-user-menu-dropdown-item-logout{ border-top:1px solid #efe7d7 !important; margin-top:8px !important; padding-top:6px !important; }
.s-user-menu-dropdown-item-logout .s-user-menu-dropdown-item-title,
.s-user-menu-dropdown-item-logout .s-user-menu-dropdown-item-link:hover .s-user-menu-dropdown-item-title{ color:#e0344b !important; }
.s-user-menu-dropdown-item-logout .s-user-menu-dropdown-item-prefix svg{ fill:#e0344b !important; }
.s-user-menu-dropdown-item-logout .s-user-menu-dropdown-item-link:hover{ background:#fdecee !important; }