/* ==========================================================================
   BARQ & TIME - SALLA RAED THEME - COMPLETE CYBER LUXURY SUITE
   ========================================================================== */

/* --- 1. CORE THEME PALETTE --- */
:root {
  --bq-bg: #070a12;
  --bq-card: rgba(15, 23, 42, 0.78);
  --bq-card-hover: rgba(30, 41, 59, 0.92);
  --bq-emerald: #10b981;
  --bq-cyan: #06b6d4;
  --bq-gold: #f59e0b;
  --bq-text-main: #f8fafc;
  --bq-text-muted: #94a3b8;
  --bq-border: rgba(255, 255, 255, 0.1);
  --bq-glow: rgba(16, 185, 129, 0.4);
}

/* --- 2. GLOBAL DARK BACKGROUND OVERRIDE --- */
body.theme-raed,
html {
  background-color: var(--bq-bg) !important;
  color: var(--bq-text-main) !important;
  background-image: 
    radial-gradient(circle at 15% 10%, rgba(16, 185, 129, 0.08) 0%, transparent 45%),
    radial-gradient(circle at 85% 50%, rgba(6, 182, 212, 0.07) 0%, transparent 45%),
    radial-gradient(circle at 50% 90%, rgba(245, 158, 11, 0.06) 0%, transparent 40%) !important;
  background-attachment: fixed !important;
}

/* Override Salla white container backgrounds */
body.theme-raed .bg-white,
body.theme-raed .bg-gray-50,
body.theme-raed .bg-gray-100 {
  background-color: transparent !important;
}

/* --- 3. STORE HEADER & NAVIGATION --- */
body.theme-raed header.store-header,
body.theme-raed .top-navbar,
body.theme-raed .main-nav-container {
  background: rgba(7, 10, 18, 0.88) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid var(--bq-border) !important;
}

body.theme-raed header a,
body.theme-raed header span {
  color: var(--bq-text-main) !important;
}

/* --- 4. FEATURE BLOCKS (تسوق آمن / خدمة العملاء / اشتراكات رسمية) --- */
body.theme-raed .s-block--features__item {
  background: var(--bq-card) !important;
  border: 1px solid var(--bq-border) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  transition: all 0.35s ease !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.6) !important;
}

body.theme-raed .s-block--features__item:hover {
  transform: translateY(-6px) !important;
  background: var(--bq-card-hover) !important;
  border-color: var(--bq-emerald) !important;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.8), 0 0 25px rgba(16, 185, 129, 0.25) !important;
}

body.theme-raed .s-block--features__item h3,
body.theme-raed .s-block--features__item p {
  color: var(--bq-text-main) !important;
}

/* --- 5. PRODUCT & SERVICE CARDS --- */
body.theme-raed .s-product-card-vertical,
body.theme-raed .product-card,
body.theme-raed [class*="product-card"] {
  background: var(--bq-card) !important;
  border: 1px solid var(--bq-border) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow: 0 12px 35px -8px rgba(0, 0, 0, 0.7) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Dynamic Top Shimmer Line */
body.theme-raed .s-product-card-vertical::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2.5px !important;
  background: linear-gradient(90deg, #10b981, #06b6d4, #f59e0b, #10b981) !important;
  background-size: 300% 100% !important;
  animation: gradientFlow 5s linear infinite !important;
}

@keyframes gradientFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}

/* Card Hover Lift */
body.theme-raed .s-product-card-vertical:hover {
  transform: translateY(-8px) scale(1.02) !important;
  background: var(--bq-card-hover) !important;
  border-color: rgba(16, 185, 129, 0.6) !important;
  box-shadow: 0 24px 45px -12px rgba(0, 0, 0, 0.85), 0 0 30px rgba(16, 185, 129, 0.25) !important;
}

/* Light Shimmer Sweep Animation Across Cards */
body.theme-raed .s-product-card-vertical::after {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -150% !important;
  width: 200% !important;
  height: 200% !important;
  background: linear-gradient(60deg, transparent 20%, rgba(255, 255, 255, 0.08) 25%, transparent 30%) !important;
  transform: rotate(25deg) !important;
  animation: cardLightSweep 7s infinite ease-in-out !important;
  pointer-events: none !important;
}

@keyframes cardLightSweep {
  0% { left: -150%; }
  25%, 100% { left: 150%; }
}

/* Product Titles & Prices */
body.theme-raed .s-product-card-content-title,
body.theme-raed .s-product-card-vertical h3,
body.theme-raed .s-product-card-vertical a {
  color: var(--bq-text-main) !important;
}

body.theme-raed .s-product-card-price,
body.theme-raed .price {
  color: var(--bq-emerald) !important;
  font-weight: 800 !important;
}

/* --- 6. HIGH-CONVERSION CTA BUTTONS --- */
body.theme-raed .btn--primary,
body.theme-raed .s-button-primary,
body.theme-raed .s-add-to-cart-btn,
body.theme-raed button.add-to-cart {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 18px rgba(16, 185, 129, 0.35) !important;
  animation: buttonPulseGlow 3.5s infinite ease-in-out !important;
  transition: all 0.3s ease !important;
}

@keyframes buttonPulseGlow {
  0%, 100% {
    box-shadow: 0 4px 18px rgba(16, 185, 129, 0.35);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 6px 26px rgba(16, 185, 129, 0.65), 0 0 15px rgba(6, 182, 212, 0.4);
    transform: scale(1.02);
  }
}

/* --- 7. TESTIMONIALS SECTION --- */
body.theme-raed .s-block--testimonials,
body.theme-raed .s-block--custom-testimonials {
  background: transparent !important;
}

body.theme-raed .s-reviews-swiper-slide,
body.theme-raed [class*="testimonial"] {
  background: var(--bq-card) !important;
  border: 1px solid var(--bq-border) !important;
  border-radius: 18px !important;
  color: var(--bq-text-main) !important;
}

/* --- 8. HERO SLIDER ENHANCEMENTS --- */
body.theme-raed .s-block--hero-slider {
  border-radius: 24px !important;
  overflow: hidden !important;
  border: 1px solid var(--bq-border) !important;
  box-shadow: 0 20px 50px -15px rgba(0, 0, 0, 0.8), 0 0 30px rgba(16, 185, 129, 0.12) !important;
  margin-top: 15px !important;
}

/* --- 9. STORE FOOTER --- */
body.theme-raed footer.store-footer {
  background: #04060b !important;
  border-top: 1px solid var(--bq-border) !important;
  color: var(--bq-text-muted) !important;
}

body.theme-raed footer a {
  color: var(--bq-text-muted) !important;
}

body.theme-raed footer a:hover {
  color: var(--bq-emerald) !important;
}

/* Homepage category artwork and readable labels */
.slide--cat-entry { background: #0f172a !important; border: 1px solid #b98b45 !important; border-radius: 16px !important; padding: 16px !important; }
.slide--cat-entry h2 { color: #f8fafc !important; font-size: 15px !important; line-height: 1.6 !important; }
.slide--cat-entry img { width: 100% !important; height: auto !important; aspect-ratio: 1; object-fit: cover; border-radius: 12px !important; margin-bottom: 12px !important; }

.slide--cat-entry { height: auto !important; min-height: 260px !important; }
.slide--cat-entry img { flex-shrink: 0 !important; }

#main-links-1 .swiper-wrapper { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; transform: none !important; height: auto !important; }
#main-links-1 .swiper-slide { width: auto !important; margin: 0 !important; height: auto !important; }
@media (max-width: 767px) { #main-links-1 .swiper-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .slide--cat-entry { padding: 12px !important; min-height: 240px !important; } }
/* BARQ NAVY & GOLD BRAND REFRESH */
:root { --bq-bg:#080e1b; --bq-card:#101a2c; --bq-card-hover:#17243b; --bq-border:rgba(201,164,95,.24); --bq-text-main:#f7f3e9; --bq-emerald:#d6b575; --bq-gold:#d6b575; --color-primary:#d6b575; }
body.theme-raed { background:#080e1b !important; color:#f7f3e9 !important; }
body.theme-raed .store-header, body.theme-raed #mainnav, body.theme-raed #mainnav .inner, body.theme-raed .top-navbar { background:#0c1423 !important; color:#f7f3e9 !important; border-bottom:1px solid rgba(214,181,117,.2) !important; }
body.theme-raed .store-header a { color:#f7f3e9 !important; }
body.theme-raed .store-header a:hover { color:#d6b575 !important; }
body.theme-raed .navbar-brand img { background:#fff; border-radius:14px; padding:7px; max-height:64px; width:auto; }
body.theme-raed .s-product-card-vertical, body.theme-raed .product-card, body.theme-raed .s-block--features__item, body.theme-raed .s-reviews-testimonial { background:#101a2c !important; border:1px solid rgba(214,181,117,.25) !important; border-radius:20px !important; box-shadow:0 12px 30px rgba(0,0,0,.2) !important; }
body.theme-raed .s-product-card-vertical::before, body.theme-raed .s-product-card-vertical::after { display:none !important; }
body.theme-raed .s-product-card-vertical:hover, body.theme-raed .s-block--features__item:hover { border-color:#d6b575 !important; box-shadow:0 15px 35px rgba(0,0,0,.3) !important; }
body.theme-raed .s-block--features__item h2, body.theme-raed .s-reviews-testimonial h2, body.theme-raed .s-reviews-header { color:#f7f3e9 !important; }
body.theme-raed .s-block--features__item p, body.theme-raed .s-reviews-testimonial p { color:#d2d9e5 !important; }
body.theme-raed .feature-icon { color:#d6b575 !important; background:rgba(214,181,117,.1) !important; }
body.theme-raed .btn--primary, body.theme-raed .s-button-primary, body.theme-raed .s-add-to-cart-btn, body.theme-raed button.add-to-cart { background:linear-gradient(135deg,#ead4a5,#bd9553) !important; color:#111827 !important; border:0 !important; animation:none !important; box-shadow:0 4px 14px rgba(189,149,83,.15) !important; }
body.theme-raed .s-product-card-price, body.theme-raed .price { color:#e3c58c !important; }
body.theme-raed .store-footer, body.theme-raed .store-footer__inner { background:#0b1220 !important; border-top:1px solid rgba(214,181,117,.2) !important; color:#d2d9e5 !important; }
body.theme-raed .store-footer h3, body.theme-raed .store-footer a { color:#f7f3e9 !important; }
body.theme-raed .slide--cat-entry { background:#101a2c !important; border-color:rgba(214,181,117,.4) !important; transition:transform .2s,border-color .2s; }
body.theme-raed .slide--cat-entry:hover { transform:translateY(-4px); border-color:#e3c58c !important; }
body.theme-raed .s-block { margin-top:48px; }
#main-slider-0 .swiper-slide { min-height:480px !important; }
#main-slider-0 .home-slider__content { justify-content:flex-start !important; }
#main-slider-0 .home-slider__content > div { width:44% !important; margin-left:0 !important; margin-right:0 !important; text-align:right !important; }
#main-slider-0 .home-slider__content h2 { font-size:clamp(30px,3.3vw,48px) !important; line-height:1.4 !important; color:#f5dfb3 !important; }
#main-slider-0 .home-slider__content p { color:#e1e6ef !important; font-size:18px !important; line-height:1.9 !important; display:block !important; -webkit-line-clamp:unset !important; }
#main-slider-0 .swiper-slide > div[style*="background-image"] { background-size:cover !important; background-position:center !important; }
@media(max-width:767px) { #main-slider-0 .swiper-slide { min-height:420px !important; } #main-slider-0 .home-slider__content { align-items:flex-end !important; padding:32px 24px !important; background:linear-gradient(0deg,rgba(8,14,27,.96),rgba(8,14,27,.35) 65%,transparent) !important; } #main-slider-0 .home-slider__content > div { width:100% !important; } #main-slider-0 .home-slider__content h2 {font-size:28px !important;} #main-slider-0 .home-slider__content p {font-size:15px !important;} body.theme-raed .s-block {margin-top:32px;} }
@media(prefers-reduced-motion:reduce) { body.theme-raed *, body.theme-raed *::before, body.theme-raed *::after { animation:none !important; transition:none !important; } }
/* Final contrast and hero spacing */
#main-slider-0 .home-slider__content > div { padding-inline:40px !important; }
body.theme-raed .slide--cat-entry { border:1px solid rgba(214,181,117,.45) !important; }
body.theme-raed .s-block--features__item .feature-icon, body.theme-raed .s-block--features__item .feature-icon i { color:#e3c58c !important; }
body.theme-raed .store-footer p { color:#c9d2e0 !important; }
@media(max-width:767px) { #main-slider-0 .home-slider__content > div { padding-inline:16px !important; } }

/* Barq dropdown contrast */
body.theme-raed #mainnav .sub-menu {background:#101a2c!important;border:1px solid #d6b575!important;border-radius:12px!important;}
body.theme-raed #mainnav .sub-menu a,body.theme-raed #mainnav .sub-menu span {color:#f7f3e9!important;}
body.theme-raed .navbar-brand img {background:transparent!important;padding:0!important;border-radius:0!important;max-width:180px!important;}
/* Keep dropdown above hero and logo readable */
body.theme-raed header.store-header {position:relative!important;z-index:50!important;}
body.theme-raed #mainnav {z-index:60!important;}
body.theme-raed #mainnav .sub-menu {z-index:100!important;box-shadow:0 12px 30px rgba(0,0,0,.4)!important;}
body.theme-raed #mainnav .sub-menu a:hover {background:#223047!important;}
body.theme-raed .navbar-brand img {width:160px!important;max-width:160px!important;height:auto!important;max-height:64px!important;object-fit:contain!important;}
@media(max-width:767px){body.theme-raed .navbar-brand img {width:145px!important;max-width:145px!important;}}


/* BARQ DIGITAL — empty main categories: Coming Soon */
a.slide--cat-entry[href*="/c1862301983"],
a.slide--cat-entry[href*="/c955160600"],
a.slide--cat-entry[href*="/c181118745"],
a.slide--cat-entry[href*="/c914220315"],
a.slide--cat-entry[href*="/c5899364"],
a.slide--cat-entry[href*="/c1378296677"],
a.slide--cat-entry[href*="/c1304959605"] { position:relative!important; padding-bottom:42px!important; }
a.slide--cat-entry[href*="/c1862301983"]::after,
a.slide--cat-entry[href*="/c955160600"]::after,
a.slide--cat-entry[href*="/c181118745"]::after,
a.slide--cat-entry[href*="/c914220315"]::after,
a.slide--cat-entry[href*="/c5899364"]::after,
a.slide--cat-entry[href*="/c1378296677"]::after,
a.slide--cat-entry[href*="/c1304959605"]::after { content:"قريبًا | Coming Soon"; position:absolute; bottom:10px; left:50%; transform:translateX(-50%); white-space:nowrap; display:block; padding:6px 13px; border-radius:999px; background:linear-gradient(135deg,#162238,#101a2c); border:1px solid rgba(214,181,117,.65); color:#ead4a5; font-size:11px; font-weight:700; line-height:1.5; box-shadow:0 4px 16px rgba(6,182,212,.14); }
/* Restore approved homepage category grid */
body.index .s-block--categories .swiper-wrapper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;transform:none!important;height:auto!important}body.index .s-block--categories .swiper-slide{width:auto!important;margin:0!important;height:auto!important}@media(max-width:767px){body.index .s-block--categories .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/* Approved navy and gold controls */
body salla-product-options{display:block!important;background:linear-gradient(145deg,#111d30,#0b1322)!important;border:1px solid #c5a35f88!important;border-radius:18px!important;padding:24px!important;box-shadow:0 12px 32px #0002;color:#f1f3f7!important}body salla-product-options .s-product-options-option{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0!important;background:transparent!important}body salla-product-options .s-product-options-option-container{margin:0 0 22px!important;background:transparent!important}body salla-product-options .s-product-options-option-container:last-child{margin-bottom:0!important}body salla-product-options .s-product-options-option-label{width:100%!important;flex:none!important;text-align:right!important;display:block!important;color:#e4c477!important;font-size:16px!important}body salla-product-options .s-product-options-option-label b{color:#e4c477!important}body salla-product-options .s-product-options-option-label small{display:none!important}body salla-product-options .s-product-options-option-content{width:100%!important;max-width:none!important;flex:auto!important}body salla-product-options select,body #barq-linkedin-selectors select{width:100%!important;min-height:55px!important;height:auto!important;border:1px solid #c5a35f88!important;border-radius:11px!important;background-color:#090f1c!important;color:#f5f1e7!important;font:500 16px Cairo,sans-serif!important;padding:12px 15px 12px 42px!important;line-height:1.8!important;box-shadow:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e4c477' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:left 15px center!important;background-repeat:no-repeat!important;background-size:18px!important}body salla-product-options select:focus,body #barq-linkedin-selectors select:focus{outline:2px solid #e4c477!important;outline-offset:3px;border-color:#e4c477!important}body salla-product-options select:disabled{opacity:.5!important;cursor:not-allowed}body salla-product-options option{background:#0b1322;color:#f5f1e7}body .total-price{color:#e4c477!important;font-size:30px!important;animation:none!important}body salla-quantity-input .s-quantity-input-container{border:1px solid #c5a35f!important;border-radius:12px!important;overflow:hidden;background:#101a2b!important}body salla-quantity-input .s-quantity-input-button{background:#101a2b!important;color:#e4c477!important;width:48px!important;height:48px!important}body salla-quantity-input .s-quantity-input-button svg{fill:#e4c477!important;width:20px;height:20px}body salla-quantity-input .s-quantity-input-input{background:#0a111e!important;color:#fff!important;border:0!important;border-inline:1px solid #c5a35f55!important;width:54px!important;height:48px!important;font-weight:700!important}body header .s-user-menu-login-btn,body header #s-cart-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;min-width:48px!important;border:1px solid #c5a35f!important;border-radius:50%!important;background:#101a2b!important;color:#e4c477!important;box-sizing:border-box!important;transition:box-shadow .2s,background .2s!important}body header .s-user-menu-login-btn svg{width:25px!important;height:25px!important;fill:#e4c477!important}body header #s-cart-icon .header-btn__icon{border:0!important;background:transparent!important;color:#e4c477!important;width:auto!important;height:auto!important;font-size:24px!important;padding:0!important}body header .s-cart-summary-wrapper{position:relative!important;gap:10px!important}body header .s-cart-summary-count{background:#e4c477!important;color:#101a2b!important;border:2px solid #101a2b!important;min-width:20px!important;height:20px!important;line-height:16px!important;font-size:11px!important;top:-4px!important;inset-inline-end:0!important}body header .s-user-menu-login-btn:hover,body header #s-cart-icon:hover{box-shadow:0 0 15px #d6b57555!important;background:#18263b!important}@media(max-width:600px){body salla-product-options{padding:18px!important}body salla-product-options select{font-size:14px!important}body header .s-user-menu-login-btn,body header #s-cart-icon{width:42px!important;height:42px!important;min-width:42px!important}}
body .product-single .form-label,body .sticky-product-bar .form-label,body .sticky-product-bar__quantity .form-label{color:#e4c477!important}

/* Adobe annual period display: match the saved variant totals and discounts. */
#product-1502700493 .barq-radio-list.period .barq-period[data-month="12"] .barq-period-price { font-size: 0 !important; }
#product-1502700493 .barq-radio-list.period .barq-period[data-month="12"] .barq-period-price::after { content: "327.60 ر.س"; font-size: 14px; }
#product-1502700493 .barq-radio-list.period .barq-period[data-month="12"] .barq-discount { font-size: 0 !important; }
#product-1502700493 .barq-radio-list.period .barq-period[data-month="12"] .barq-discount::after { content: "خصم 30%"; font-size: 12px; }
#product-1502700493:has([data-option-id="1023598379"] .barq-radio.selected[data-value="1999456535"]) .barq-radio-list.period .barq-period[data-month="12"] .barq-period-price::after { content: "616.20 ر.س"; }
#product-1502700493:has([data-option-id="1023598379"] .barq-radio.selected[data-value="1999456535"]) .barq-radio-list.period .barq-period[data-month="12"] .barq-discount::after { content: "خصم 35%"; }

/* Hide stale source text while keeping the corrected generated labels visible. */
#product-1502700493 .barq-radio-list.period .barq-period[data-month="12"] .barq-period-price,
#product-1502700493 .barq-radio-list.period .barq-period[data-month="12"] .barq-discount { visibility: hidden !important; }
#product-1502700493 .barq-radio-list.period .barq-period[data-month="12"] .barq-period-price::after,
#product-1502700493 .barq-radio-list.period .barq-period[data-month="12"] .barq-discount::after { visibility: visible !important; display: inline-block; }

/* Keep the existing badge styling behind the corrected generated label. */
#product-1502700493 .barq-radio-list.period .barq-period[data-month="12"] .barq-period-price,
#product-1502700493 .barq-radio-list.period .barq-period[data-month="12"] .barq-discount { visibility: visible !important; }