/*
 * Qemet Elhemam — polished brand layer.
 * Soft royal-blue identity with calm surfaces and restrained motion.
 */
:root {
	--rb-brand-primary: #0c4bc4;
	--rb-brand-primary-hover: #093a9c;
	--rb-brand-secondary: #2f63d8;
	--rb-brand-secondary-hover: #2450b8;
	--rb-brand-accent: #5b8cff;
	--rb-brand-accent-hover: #3f70f0;
	--rb-brand-primary-rgb: 12, 75, 196;
	--rb-brand-secondary-rgb: 47, 99, 216;
	--rb-brand-accent-rgb: 91, 140, 255;
	--rb-surface-contrast-rgb: 11, 18, 36;
	--rb-hero-canvas-primary: #0c4bc4;
	--rb-hero-canvas-accent: #5b8cff;
	--rb-hero-canvas-primary-rgb: 12, 75, 196;
	--rb-hero-canvas-accent-rgb: 91, 140, 255;
	--rb-surface-base: #f7f9fd;
	--rb-surface-soft: #eef3fb;
	--rb-surface-muted: #dde7f5;
	--rb-surface-contrast: #0b1224;
	--rb-surface-card: #ffffff;
	--rb-surface-card-strong: #f6f8fc;
	--rb-text-strong: #131c2e;
	--rb-text-body: #4f5b6e;
	--rb-text-muted: #7f8ba0;
	--rb-text-inverse: #fafcff;
	--rb-text-link: #0c4bc4;
	--rb-border-default: #d8e1ef;
	--rb-border-strong: #aebfd9;
	--rb-border-soft: #e8eef8;
	--rb-focus-ring: rgba(12, 75, 196, 0.18);
	--rb-radius-xs: 10px;
	--rb-radius-sm: 12px;
	--rb-radius-md: 16px;
	--rb-radius-lg: 20px;
	--rb-radius-xl: 28px;
	--rb-shadow-sm: 0 8px 18px rgba(11, 18, 36, 0.06);
	--rb-shadow-md: 0 16px 34px rgba(11, 18, 36, 0.1);
	--rb-shadow-lg: 0 26px 58px rgba(11, 18, 36, 0.14);
}

.rabeea-store {
	background:
		radial-gradient(circle at 8% 0%, rgba(12, 75, 196, 0.05), transparent 34%),
		radial-gradient(circle at 92% 8%, rgba(91, 140, 255, 0.06), transparent 30%),
		linear-gradient(180deg, #f7f9fd 0%, #f3f6fc 48%, #f8fafd 100%);
	color: var(--rb-text-body);
}

.rabeea-store .rb-header,
body.home .rabeea-store .rb-header {
	position: sticky;
	top: var(--rb-admin-bar-offset, 0);
	border: 0;
	border-bottom: 1px solid rgba(12, 75, 196, 0.08);
	background: rgba(247, 249, 253, 0.92);
	backdrop-filter: blur(18px);
	box-shadow: 0 12px 32px rgba(11, 18, 36, 0.05);
}

.rabeea-store .rb-header::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(12, 75, 196, 0.75), rgba(91, 140, 255, 0.85), transparent);
}

.rabeea-store .rb-brand {
	max-width: 240px;
}

.rabeea-store .rb-brand__logo {
	max-height: 58px;
	width: auto;
	object-fit: contain;
	filter: drop-shadow(0 8px 16px rgba(12, 75, 196, 0.08));
}

.rabeea-store .rb-brand__text {
	color: var(--rb-text-strong) !important;
	font-weight: 800;
	letter-spacing: 0;
}

.rabeea-store .rb-menu a {
	color: var(--rb-text-strong) !important;
	font-weight: 700;
}

.rabeea-store .rb-menu a::after {
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--rb-brand-primary), var(--rb-brand-accent));
}

.rabeea-store .rb-menu a:hover,
.rabeea-store .rb-menu > li.current-menu-item > a,
.rabeea-store .rb-menu > li.current_page_item > a,
.rabeea-store .rb-menu > li.current-menu-ancestor > a {
	color: var(--rb-brand-primary) !important;
}

.rabeea-store .rb-search-form--header,
.rabeea-store .rb-search-form__input--header {
	border-color: rgba(12, 75, 196, 0.12) !important;
	background: rgba(255, 255, 255, 0.94) !important;
	box-shadow: 0 8px 20px rgba(12, 75, 196, 0.05) !important;
}

.rabeea-store .rb-icon-link,
.rabeea-store .rb-menu-toggle,
body.home .rabeea-store .rb-icon-link,
body.home .rabeea-store .rb-menu-toggle,
.rabeea-store .rb-header-tools .rb-icon-link--account,
.rabeea-store .rb-header-tools .rb-header-cart.xoo-wsc-cart-trigger.rb-icon-link,
.rabeea-store .rb-header-tools .rb-header-wishlist.rb-icon-link {
	border: 1px solid rgba(12, 75, 196, 0.12) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	color: var(--rb-text-strong) !important;
	box-shadow: 0 10px 22px rgba(11, 18, 36, 0.06) !important;
}

.rabeea-store .rb-icon-link:hover,
.rabeea-store .rb-menu-toggle:hover,
.rabeea-store .rb-header-tools .rb-icon-link--account:hover,
.rabeea-store .rb-header-tools .rb-header-cart.xoo-wsc-cart-trigger.rb-icon-link:hover,
.rabeea-store .rb-header-tools .rb-header-wishlist.rb-icon-link:hover {
	background: var(--rb-brand-primary) !important;
	border-color: var(--rb-brand-primary) !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 16px 28px rgba(12, 75, 196, 0.2) !important;
}

.rabeea-store .rb-cart-count {
	background: var(--rb-brand-primary);
	color: #ffffff;
	border-color: #ffffff;
}

.rabeea-store .rb-btn,
.rabeea-store button,
.rabeea-store .button,
.rabeea-store .woocommerce a.button,
.rabeea-store .woocommerce button.button,
.rabeea-store .woocommerce input.button {
	border-radius: 14px !important;
	font-weight: 800;
}

.rabeea-store .rb-btn--primary,
.rabeea-store .woocommerce a.button,
.rabeea-store .woocommerce button.button,
.rabeea-store .woocommerce input.button {
	border-color: var(--rb-brand-primary) !important;
	background: linear-gradient(135deg, #0c4bc4 0%, #2f63d8 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 14px 28px rgba(12, 75, 196, 0.22) !important;
}

.rabeea-store .rb-btn--primary:hover,
.rabeea-store .woocommerce a.button:hover,
.rabeea-store .woocommerce button.button:hover,
.rabeea-store .woocommerce input.button:hover {
	border-color: var(--rb-brand-primary-hover) !important;
	background: linear-gradient(135deg, #093a9c 0%, #0c4bc4 100%) !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 18px 34px rgba(12, 75, 196, 0.28) !important;
}

.rabeea-store .rb-btn--ghost,
.rabeea-store .rb-input,
.rabeea-store select,
.rabeea-store textarea,
.rabeea-store .input-text {
	border-radius: 14px !important;
	background: #ffffff !important;
	border-color: rgba(12, 75, 196, 0.12) !important;
}

.rabeea-store .rb-card,
.rabeea-store .rb-product-card,
.rabeea-store .product,
.rabeea-store .rb-news-card,
.rabeea-store .rb-home-services__card,
.rabeea-store .rb-stat-card {
	border: 1px solid rgba(12, 75, 196, 0.08) !important;
	border-radius: 18px !important;
	background: #ffffff !important;
	box-shadow: 0 16px 36px rgba(11, 18, 36, 0.06) !important;
	transition: transform 260ms var(--rb-ease-standard), box-shadow 260ms var(--rb-ease-standard), border-color 220ms ease !important;
}

.rabeea-store .rb-card:hover,
.rabeea-store .rb-product-card:hover,
.rabeea-store .product:hover,
.rabeea-store .rb-news-card:hover,
.rabeea-store .rb-home-services__card:hover {
	border-color: rgba(12, 75, 196, 0.22) !important;
	transform: translateY(-4px) !important;
	box-shadow: 0 22px 48px rgba(12, 75, 196, 0.12) !important;
}

.rabeea-store .rb-home-hero {
	background:
		radial-gradient(circle at 14% 18%, rgba(91, 140, 255, 0.22), transparent 30%),
		radial-gradient(circle at 86% 16%, rgba(12, 75, 196, 0.28), transparent 34%),
		linear-gradient(135deg, #08122b 0%, #0b1f4d 48%, #12307a 100%) !important;
	color: #fafcff;
}

.rabeea-store .rb-home-hero.rb-section::before {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px) !important;
	background-size: 64px 64px !important;
	opacity: 0.55 !important;
}

.rabeea-store .rb-home-hero__title {
	color: #ffffff;
	font-weight: 900;
	text-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.rabeea-store .rb-home-hero__text {
	color: rgba(250, 252, 255, 0.78);
}

.rabeea-store .rb-home-hero .rb-home-hero__eyebrow,
.rabeea-store .rb-badge,
.rabeea-store .rb-home-banner-card__eyebrow {
	border: 1px solid rgba(91, 140, 255, 0.35);
	border-radius: 999px;
	background: rgba(91, 140, 255, 0.14);
	color: #eaf1ff;
}

.rabeea-store .rb-home-hero__actions .rb-btn--primary {
	background: #ffffff !important;
	border-color: #ffffff !important;
	color: #0c4bc4 !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22) !important;
}

.rabeea-store .rb-home-hero__actions .rb-btn--primary:hover {
	background: var(--rb-brand-accent) !important;
	border-color: var(--rb-brand-accent) !important;
	color: #06122d !important;
}

.rabeea-store .rb-home-hero__media {
	border-radius: 22px !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03)),
		radial-gradient(circle at 20% 20%, rgba(91, 140, 255, 0.22), transparent 40%) !important;
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.28) !important;
}

.rabeea-store .rb-swiper-btn {
	border-radius: 14px !important;
	background: rgba(255, 255, 255, 0.96) !important;
	border-color: rgba(255, 255, 255, 0.28) !important;
	color: #0c4bc4 !important;
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16) !important;
}

.rabeea-store .rb-swiper-btn:hover {
	background: var(--rb-brand-accent) !important;
	color: #06122d !important;
	transform: translateY(-50%) scale(1.04) !important;
}

.rabeea-store .rb-swiper-pagination .swiper-pagination-bullet {
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.4);
}

.rabeea-store .rb-swiper-pagination .swiper-pagination-bullet-active {
	width: 48px;
	background: linear-gradient(90deg, var(--rb-brand-accent), #ffffff) !important;
	box-shadow: none !important;
}

.rabeea-store .rb-section-title,
.rabeea-store .rb-page-title,
.rabeea-store .rb-card__title,
.rabeea-store .woocommerce-loop-product__title,
.rabeea-store .product_title {
	color: var(--rb-text-strong) !important;
	font-weight: 800;
}

.rabeea-store .rb-home-banner-card,
.rabeea-store .rb-products-wide-banner {
	border-radius: 20px !important;
	border: 1px solid rgba(12, 75, 196, 0.12) !important;
	background:
		linear-gradient(100deg, rgba(8, 18, 43, 0.82), rgba(12, 75, 196, 0.55)),
		linear-gradient(135deg, #0b1224, #12307a) !important;
	box-shadow: 0 24px 54px rgba(11, 18, 36, 0.14) !important;
}

.rabeea-store .rb-products-wide-banner__title,
.rabeea-store .rb-home-banner-card__title {
	color: #ffffff !important;
}

.rabeea-store .rb-products-wide-banner__text,
.rabeea-store .rb-home-banner-card__text {
	color: rgba(250, 252, 255, 0.78) !important;
}

.rabeea-store .rb-products-wide-banner__cta,
.rabeea-store .rb-home-banner-card__cta,
.rabeea-store .rb-news-card__more {
	border-radius: 12px !important;
	background: #ffffff !important;
	color: #0c4bc4 !important;
	font-weight: 800;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16) !important;
}

.rabeea-store .rb-home-services__icon,
.rabeea-store .rb-toast__icon {
	border-radius: 14px !important;
	background: linear-gradient(135deg, var(--rb-brand-primary), var(--rb-brand-accent)) !important;
	color: #ffffff !important;
}

.rabeea-store .rb-search-modal__overlay {
	background:
		radial-gradient(circle at 50% 12%, rgba(12, 75, 196, 0.18), transparent 36%),
		rgba(8, 14, 28, 0.78);
	backdrop-filter: blur(16px);
}

.rabeea-store .rb-search-modal__dialog,
.rabeea-store .rb-search-panel,
.rabeea-store .rb-toast,
body .xoo-wsc-container,
body .xoo-wsc-slider,
body .xoo-wsc-header,
body .xoo-wsc-footer,
body .xoo-wsc-product {
	border-radius: 18px !important;
	background: #ffffff !important;
	border-color: rgba(12, 75, 196, 0.1) !important;
	box-shadow: 0 28px 64px rgba(11, 18, 36, 0.16) !important;
}

.rabeea-store .rb-search-chip,
.rabeea-store .rb-search-tag,
.rabeea-store .rb-search-result {
	border-radius: 12px !important;
	background: #f7f9fd !important;
	border-color: rgba(12, 75, 196, 0.1) !important;
}

.rabeea-store .rb-search-chip:hover,
.rabeea-store .rb-search-tag:hover {
	background: var(--rb-brand-primary) !important;
	color: #ffffff !important;
}

.rabeea-store .rb-nav--mobile {
	background: #ffffff;
	box-shadow: 0 24px 46px rgba(11, 18, 36, 0.14);
}

.rabeea-store .rb-menu-toggle span {
	background: currentColor !important;
}

.rabeea-store .rb-footer {
	background:
		linear-gradient(180deg, #0b1224 0%, #0a1738 100%);
	color: rgba(250, 252, 255, 0.78);
}

.rabeea-store .rb-footer__title,
.rabeea-store .rb-copyright {
	color: #ffffff;
}

.rabeea-store .rb-footer a {
	color: rgba(250, 252, 255, 0.78);
}

.rabeea-store .rb-footer a:hover {
	color: var(--rb-brand-accent);
}

.rabeea-store ::selection {
	background: rgba(12, 75, 196, 0.18);
	color: #0b1224;
}

@media (max-width: 991px) {
	.rabeea-store .rb-brand {
		max-width: 190px;
	}

	.rabeea-store .rb-brand__logo {
		max-height: 48px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rabeea-store .rb-card,
	.rabeea-store .rb-product-card,
	.rabeea-store .product,
	.rabeea-store .rb-icon-link,
	.rabeea-store .rb-btn--primary {
		transition: none !important;
	}
}