/* =============================================================================
   TOP ROUND Shop Theme — Light purple brand (not dark/gray)
   Palette: #52408a · #746994 · #b1a4cf · #e1e0df
   ============================================================================= */
.pro-shop.tr-theme {
    --pro-primary: #52408a;
    --pro-primary-rgb: 82, 64, 138;
    --pro-accent: #746994;
    --pro-accent-light: #b1a4cf;
    --pro-bg: #f4f1f8;
    --pro-bg-soft: #ebe6f3;
    --pro-surface: #ffffff;
    --pro-surface-hover: #f0ebf7;
    --pro-border: rgba(82, 64, 138, 0.14);
    --pro-text: #1a1428;
    --pro-muted: #3d3558;
    --pro-success: #52408a;
    --pro-shadow: 0 18px 50px rgba(82, 64, 138, 0.12);
}

.pro-shop.tr-theme {
    background: var(--pro-bg);
    color: var(--pro-text);
}

/* نصوص أوضح وأغمق في كل المتجر */
.pro-shop.tr-theme,
.pro-shop.tr-theme p,
.pro-shop.tr-theme li,
.pro-shop.tr-theme span,
.pro-shop.tr-theme label,
.pro-shop.tr-theme .pro-card-title,
.pro-shop.tr-theme .pro-card-desc,
.pro-shop.tr-theme .pro-card-meta,
.pro-shop.tr-theme .pro-section-head h2,
.pro-shop.tr-theme .pro-section-head p,
.pro-shop.tr-theme .pro-feature h3,
.pro-shop.tr-theme .pro-feature p,
.pro-shop.tr-theme .pro-stat span,
.pro-shop.tr-theme .pro-hero p,
.pro-shop.tr-theme .pro-link-more,
.pro-shop.tr-theme .pro-nav a,
.pro-shop.tr-theme .text-muted,
.pro-shop.tr-theme .small,
.pro-shop.tr-theme small {
    color: var(--pro-text);
}

.pro-shop.tr-theme .pro-card-desc,
.pro-shop.tr-theme .pro-card-meta,
.pro-shop.tr-theme .pro-section-head p,
.pro-shop.tr-theme .pro-feature p,
.pro-shop.tr-theme .pro-stat span,
.pro-shop.tr-theme .pro-hero p,
.pro-shop.tr-theme .pro-price-old,
.pro-shop.tr-theme .text-muted,
.pro-shop.tr-theme .small,
.pro-shop.tr-theme small {
    color: var(--pro-muted) !important;
}

.pro-shop.tr-theme .pro-card-title,
.pro-shop.tr-theme .pro-section-head h2,
.pro-shop.tr-theme .pro-feature h3,
.pro-shop.tr-theme .pro-stat strong,
.pro-shop.tr-theme .pro-price-current,
.pro-shop.tr-theme .pro-hero h1,
.pro-shop.tr-theme h1,
.pro-shop.tr-theme h2,
.pro-shop.tr-theme h3,
.pro-shop.tr-theme h4,
.pro-shop.tr-theme h5 {
    color: #1a1428 !important;
}

.pro-shop.tr-theme .pro-ambient {
    background:
        radial-gradient(ellipse 70% 45% at 15% 0%, rgba(177, 164, 207, 0.55), transparent 55%),
        radial-gradient(ellipse 55% 40% at 95% 8%, rgba(116, 105, 148, 0.28), transparent 50%),
        radial-gradient(ellipse 50% 35% at 50% 100%, rgba(82, 64, 138, 0.18), transparent 55%),
        linear-gradient(180deg, #f7f4fb 0%, #efeaf6 45%, #e8e1f0 100%);
}

/* Top bar — soft purple strip */
.pro-shop.tr-theme .pro-topbar {
    background: linear-gradient(90deg, #52408a, #746994);
    border-bottom: none;
    color: #e1e0df;
}
.pro-shop.tr-theme .pro-topbar a,
.pro-shop.tr-theme .pro-topbar span {
    color: #e1e0df;
}
.pro-shop.tr-theme .pro-topbar a:hover {
    color: #fff;
}

/* Header — خلفية غامقة → نصوص فاتحة */
.pro-shop.tr-theme .pro-header {
    background: linear-gradient(90deg, #52408a 0%, #3d3068 100%) !important;
    border-bottom: 1px solid rgba(177, 164, 207, 0.25);
    backdrop-filter: blur(16px);
    box-shadow: 0 4px 24px rgba(42, 34, 64, 0.25);
}

.pro-shop.tr-theme .pro-header,
.pro-shop.tr-theme .pro-header a,
.pro-shop.tr-theme .pro-header span,
.pro-shop.tr-theme .pro-header strong,
.pro-shop.tr-theme .pro-header i,
.pro-shop.tr-theme .pro-logo,
.pro-shop.tr-theme .pro-logo span,
.pro-shop.tr-theme .pro-nav a,
.pro-shop.tr-theme .pro-header .pro-btn-ghost {
    color: #e1e0df !important;
}

.pro-shop.tr-theme .pro-nav a {
    color: #e1e0df !important;
}
.pro-shop.tr-theme .pro-nav a:hover,
.pro-shop.tr-theme .pro-nav a.is-active {
    color: #ffffff !important;
    background: rgba(177, 164, 207, 0.25) !important;
}

.pro-shop.tr-theme .pro-icon-btn {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(225, 224, 223, 0.35) !important;
    color: #e1e0df !important;
}
.pro-shop.tr-theme .pro-icon-btn:hover {
    background: rgba(177, 164, 207, 0.35) !important;
    border-color: #b1a4cf !important;
    color: #ffffff !important;
}
.pro-shop.tr-theme .pro-icon-btn i {
    color: #e1e0df !important;
}

.pro-shop.tr-theme .pro-logo {
    color: #ffffff !important;
}
.pro-shop.tr-theme .pro-logo-mark {
    background: linear-gradient(135deg, #746994, #b1a4cf) !important;
    color: #fff !important;
}

.pro-shop.tr-theme .pro-header .pro-btn-ghost {
    background: transparent !important;
    border-color: rgba(225, 224, 223, 0.4) !important;
    color: #e1e0df !important;
}
.pro-shop.tr-theme .pro-header .pro-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

/* قائمة الجوال — خلفية غامقة → نصوص فاتحة */
.pro-shop.tr-theme .pro-mobile-panel {
    background: linear-gradient(180deg, #52408a 0%, #2a2240 100%) !important;
    border-left: 1px solid rgba(177, 164, 207, 0.25) !important;
    color: #e1e0df !important;
}
.pro-shop.tr-theme .pro-mobile-panel,
.pro-shop.tr-theme .pro-mobile-panel *,
.pro-shop.tr-theme .pro-mobile-panel strong,
.pro-shop.tr-theme .pro-mobile-panel a,
.pro-shop.tr-theme .pro-mobile-panel i,
.pro-shop.tr-theme .pro-mobile-nav a {
    color: #e1e0df !important;
}
.pro-shop.tr-theme .pro-mobile-nav li {
    border-bottom-color: rgba(225, 224, 223, 0.2) !important;
}
.pro-shop.tr-theme .pro-mobile-nav a:hover {
    color: #ffffff !important;
}
.pro-shop.tr-theme .pro-mobile-panel .pro-icon-btn {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(225, 224, 223, 0.35) !important;
    color: #e1e0df !important;
}

/* Buttons */
.pro-shop.tr-theme .pro-btn-primary,
.pro-shop.tr-theme .pro-add-cart {
    background: linear-gradient(135deg, #52408a, #746994) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(82, 64, 138, 0.28) !important;
}
.pro-shop.tr-theme .pro-btn-primary:hover,
.pro-shop.tr-theme .pro-add-cart:hover {
    filter: brightness(1.06);
}
.pro-shop.tr-theme .pro-btn-ghost {
    background: #fff;
    border-color: rgba(82, 64, 138, 0.22);
    color: #1a1428 !important;
}
.pro-shop.tr-theme .pro-btn-ghost:hover {
    background: rgba(177, 164, 207, 0.25);
    color: #1a1428 !important;
}
.pro-shop.tr-theme .pro-btn-ghost i {
    color: #1a1428 !important;
}

/* أزرار الهيرو: تصفّح الخطط + السلة — نص وأيقونة غامقين */
.pro-shop.tr-theme .pro-hero-actions .pro-btn-primary,
.pro-shop.tr-theme .pro-hero-actions .pro-btn-primary i {
    background: #e1e0df !important;
    color: #1a1428 !important;
    border: 1px solid #989696 !important;
    box-shadow: 0 8px 24px rgba(82, 64, 138, 0.12) !important;
    -webkit-text-fill-color: #1a1428 !important;
}
.pro-shop.tr-theme .pro-hero-actions .pro-btn-primary:hover,
.pro-shop.tr-theme .pro-hero-actions .pro-btn-primary:hover i {
    background: #d5d4d3 !important;
    color: #000000 !important;
    filter: none;
}
.pro-shop.tr-theme .pro-hero-actions .pro-btn-ghost,
.pro-shop.tr-theme .pro-hero-actions .pro-btn-ghost i {
    background: #ffffff !important;
    color: #1a1428 !important;
    border: 1px solid rgba(82, 64, 138, 0.25) !important;
    -webkit-text-fill-color: #1a1428 !important;
}
.pro-shop.tr-theme .pro-hero-actions .pro-btn-ghost:hover,
.pro-shop.tr-theme .pro-hero-actions .pro-btn-ghost:hover i {
    background: #f4f1f8 !important;
    color: #000000 !important;
}

/* Hero */
.pro-shop.tr-theme .pro-hero-badge {
    background: #e1e0df;
    border: 1px solid #989696;
    color: #1a1428 !important;
    font-weight: 700;
}
.pro-shop.tr-theme .pro-hero h1 {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    color: #4f4f4f !important;
    -webkit-text-fill-color: #4f4f4f !important;
    font-weight: 900;
}
.pro-shop.tr-theme .pro-hero h1 em,
.pro-shop.tr-theme .tr-brand-mark {
    color: #52408a !important;
    -webkit-text-fill-color: #52408a !important;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0.04em;
}
.pro-shop.tr-theme .pro-hero p {
    color: #2a2240 !important;
    font-weight: 600;
}

/* شريحة الثيم داخل الهيرو — نص غامق واضح */
.pro-shop.tr-theme .pro-hero .tr-theme-chip,
.pro-shop.tr-theme .pro-container > .tr-theme-chip,
.pro-shop.tr-theme .tr-theme-chip.mb-2,
.pro-shop.tr-theme .tr-theme-chip.mb-3 {
    background: #e1e0df !important;
    border: 1px solid #989696 !important;
    color: #1a1428 !important;
}
.pro-shop.tr-theme .pro-hero .tr-theme-chip span,
.pro-shop.tr-theme .pro-container > .tr-theme-chip span,
.pro-shop.tr-theme .tr-theme-chip.mb-2 span,
.pro-shop.tr-theme .tr-theme-chip.mb-3 span {
    color: #1a1428 !important;
    font-weight: 900;
}

/* Stats / features / cards — white surfaces, purple accents */
.pro-shop.tr-theme .pro-stat,
.pro-shop.tr-theme .pro-feature,
.pro-shop.tr-theme .pro-card,
.pro-shop.tr-theme .shop-quick-link-item {
    background: #fff;
    border: 1px solid rgba(82, 64, 138, 0.12);
    box-shadow: 0 8px 28px rgba(82, 64, 138, 0.07);
}
.pro-shop.tr-theme .pro-stats .pro-stat,
.pro-shop.tr-theme .pro-stat {
    color: #1a1428 !important;
}
.pro-shop.tr-theme .pro-stats .pro-stat strong,
.pro-shop.tr-theme .pro-stat strong {
    color: #1a1428 !important;
    -webkit-text-fill-color: #1a1428 !important;
    font-weight: 900 !important;
}
.pro-shop.tr-theme .pro-stats .pro-stat span,
.pro-shop.tr-theme .pro-stat span {
    color: #2a2240 !important;
    font-weight: 600 !important;
}
.pro-shop.tr-theme .pro-price-current,
.pro-shop.tr-theme .pro-card-title {
    color: #1a1428 !important;
}
.pro-shop.tr-theme .pro-card-desc,
.pro-shop.tr-theme .pro-card-meta,
.pro-shop.tr-theme .pro-price-old,
.pro-shop.tr-theme .pro-section-head p {
    color: #3d3558 !important;
}
.pro-shop.tr-theme .pro-section-head h2 {
    color: #1a1428 !important;
}
.pro-shop.tr-theme .pro-link-more {
    color: #52408a !important;
    font-weight: 800;
}
.pro-shop.tr-theme .pro-card:hover {
    border-color: rgba(82, 64, 138, 0.4);
    box-shadow: 0 20px 48px rgba(82, 64, 138, 0.16);
    transform: translateY(-4px);
}
.pro-shop.tr-theme .pro-card-media,
.pro-shop.tr-theme .pro-card-placeholder {
    background: linear-gradient(145deg, #ebe6f3, #dcd4ea);
    color: #52408a;
}

/* Filters / chips */
.pro-shop.tr-theme .pro-chip {
    background: #fff;
    color: #3d3558;
    border-color: rgba(82, 64, 138, 0.16);
}
.pro-shop.tr-theme .pro-chip.is-active,
.pro-shop.tr-theme .pro-chip:hover {
    color: #fff;
    border-color: #52408a;
    background: linear-gradient(135deg, #52408a, #746994);
}

.pro-shop.tr-theme .tr-theme-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: #e1e0df;
    border: 1px solid #989696;
    color: #1a1428;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.pro-shop.tr-theme .tr-theme-chip span {
    color: #1a1428;
    font-weight: 900;
}

/* في الشريط العلوي البنفسجي فقط: نص فاتح */
.pro-shop.tr-theme .pro-topbar .tr-theme-chip {
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #ffffff;
}
.pro-shop.tr-theme .pro-topbar .tr-theme-chip span {
    color: #e1e0df;
}

/* Footer — الجزء العلوي بنفسجي، شريط الحقوق فاتح */
.pro-shop.tr-theme .pro-footer {
    background: linear-gradient(180deg, #52408a 0%, #3d3068 100%) !important;
    border-top: none;
    color: #e1e0df !important;
    padding-bottom: 0 !important;
}
.pro-shop.tr-theme .pro-footer-grid,
.pro-shop.tr-theme .pro-footer-grid p,
.pro-shop.tr-theme .pro-footer-grid li,
.pro-shop.tr-theme .pro-footer-grid span,
.pro-shop.tr-theme .pro-footer-grid small,
.pro-shop.tr-theme .pro-footer-grid h4,
.pro-shop.tr-theme .pro-footer-grid h5,
.pro-shop.tr-theme .pro-footer-grid strong,
.pro-shop.tr-theme .pro-footer-grid a {
    color: #e1e0df !important;
}
.pro-shop.tr-theme .pro-footer-grid h4,
.pro-shop.tr-theme .pro-footer-grid h5,
.pro-shop.tr-theme .pro-footer-grid strong {
    color: #ffffff !important;
}
.pro-shop.tr-theme .pro-footer-grid a:hover {
    color: #ffffff !important;
}
.pro-shop.tr-theme .pro-footer .pro-social a {
    color: #e1e0df !important;
    border-color: rgba(225, 224, 223, 0.35) !important;
    background: transparent !important;
}
.pro-shop.tr-theme .pro-footer .pro-social a:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

/* شريط «جميع الحقوق محفوظة» — خلفية فاتحة + نص غامق */
.pro-shop.tr-theme .pro-footer-bottom {
    background: #e1e0df !important;
    border-top: 1px solid rgba(82, 64, 138, 0.12) !important;
    color: #1a1428 !important;
    margin: 2rem 0 0 !important;
    padding: 0 !important;
    width: 100%;
}
.pro-shop.tr-theme .pro-footer-bottom,
.pro-shop.tr-theme .pro-footer-bottom span,
.pro-shop.tr-theme .pro-footer-bottom-inner,
.pro-shop.tr-theme .pro-footer-bottom-inner * {
    color: #1a1428 !important;
}
.pro-shop.tr-theme .pro-footer-bottom .pro-payments {
    gap: 0.65rem;
    align-items: center;
}
.pro-shop.tr-theme .pro-footer-bottom .pro-payments img {
    height: 30px;
    width: auto;
    opacity: 1 !important;
    background: #ffffff;
    border: 1px solid rgba(82, 64, 138, 0.12);
    border-radius: 8px;
    padding: 4px 8px;
    box-shadow: 0 2px 8px rgba(82, 64, 138, 0.06);
}

.pro-shop.tr-theme .pro-topbar-brand {
    color: #e1e0df !important;
    font-weight: 700;
    letter-spacing: 0.04em;
}

/* Mobile drawer — dark panel, light text */
.pro-shop.tr-theme .pro-drawer,
.pro-shop.tr-theme .pro-mobile-nav {
    /* overridden above for dark panel */
}

/* Checkout pages using same theme */
.pro-shop.tr-theme.pro-checkout-body .btn-primary {
    background: linear-gradient(135deg, #52408a, #746994);
    border: none;
}
.pro-shop.tr-theme.pro-checkout-body .card {
    border-color: rgba(82, 64, 138, 0.12);
    box-shadow: 0 8px 28px rgba(82, 64, 138, 0.08);
}
