/* Snpati brand layer — loaded last. Palette: lime #D4FF00 (primary), #B8E000 (dark), #E0FF33 (light), black, white. */
:root{--brand:#D4FF00;--brand-dark:#B8E000;--brand-light:#E0FF33;--snapchat-yellow:#D4FF00;--brand-radius:14px}
body{font-family:'Tajawal',sans-serif}
/* promo card: black + lime instead of orange */
.floating-promo-card{background:#0b0b0b!important;border:2px solid #D4FF00!important;color:#fff}
.floating-promo-card .floating-promo-title{color:#D4FF00!important}
.floating-promo-card .floating-promo-text,.floating-promo-card .floating-promo-features span{color:#e8e8e8!important}
.floating-promo-card .floating-promo-features i{color:#D4FF00!important}
.floating-promo-badge{background:#D4FF00!important;color:#000!important;box-shadow:0 2px 10px rgba(212,255,0,.35)!important}
.floating-promo-btn{background:#D4FF00!important;color:#000!important}
.floating-promo-icon i{color:#000!important}
/* floating add button & promo must not overlap on small screens; promo appears after a short delay */
.floating-account-card{animation-delay:6s;animation-fill-mode:backwards}
@media (max-width:991.98px){
  .floating-account-card{display:none!important}
  .floating-add-btn-wrapper{right:16px;bottom:24px}
  .floating-add-btn{padding:8px!important;gap:0!important}
  .floating-add-btn .floating-btn-text{display:none!important}
  .back-to-top{left:16px;bottom:24px}
}
/* unify radii and focus */
.btn{border-radius:var(--brand-radius)}
.btn-primary,.btn-warning{background:var(--brand)!important;border-color:var(--brand)!important;color:#000!important}
.btn-primary:hover,.btn-warning:hover{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important;color:#000!important}
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.floating-add-btn,.floating-promo-badge,.floating-btn-pulse{animation:none!important}}
/* ===== accessibility (PageSpeed) ===== */
.text-muted{color:#565e64!important}
.section-description,.search-description{color:#4f575d}
.section-description a,.blog-content a,.page-content a,.faq-answer a{text-decoration:underline;text-underline-offset:3px;font-weight:500;color:#0a58ca}
/* whole card clickable without nesting links */
.card-link-wrap{position:relative;display:block;height:100%}
.card-link-wrap a:not(.stretched-link),.card-link-wrap .btn{position:relative;z-index:2}
.card-link-wrap .stretched-link{color:inherit}
/* touch targets >= 24px */
.account-card a.badge{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;margin:2px}
footer a{display:inline-block;min-height:24px;padding:3px 0}
footer li{margin-bottom:6px}
/* صفحة الحساب: شريط التصفح السريع ثابت أسفل الشاشة — ارفع الأزرار العائمة فوقه واترك مساحة أسفل الصفحة */
@media (max-width:991.98px){
  body:has(.quick-browse-bar) .floating-add-btn-wrapper{bottom:104px}
  body:has(.quick-browse-bar) .back-to-top{bottom:104px}
  body:has(.quick-browse-bar) footer{padding-bottom:104px}
}