/* public/css/shop.css */

:root {
    /* Main Theme Colors */
    --c-primary: #e11d48;         /* Rose 600 */
    --c-primary-dark: #be123c;    /* Rose 700 */
    --c-primary-light: #fff1f2;   /* Rose 50 */
    
    --c-secondary: #9333ea;       /* Purple 600 */
    --c-secondary-dark: #7e22ce;  /* Purple 700 */
    
    /* Footer & Dark Containers */
    --c-accent: #1e1b4b;          /* Indigo 950 */
}

/* Base Theme Classes */
.theme-gradient { background: linear-gradient(135deg, var(--c-primary), var(--c-secondary)); }
.theme-gradient-hover:hover { background: linear-gradient(135deg, var(--c-primary-dark), var(--c-secondary-dark)); }
.text-theme { 
    background: -webkit-linear-gradient(135deg, var(--c-primary), var(--c-secondary)); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}

/* Unified Element Colors */
.text-primary { color: var(--c-primary) !important; }
.bg-primary { background-color: var(--c-primary) !important; }
.border-primary { border-color: var(--c-primary) !important; }
.bg-primary-light { background-color: var(--c-primary-light) !important; border-color: var(--c-primary); }
.bg-accent { background-color: var(--c-accent) !important; }

/* Hide Authorization Buttons */
a[href*="login"], a[href*="auth"], button[id*="login"], .login-btn, [class*="login"] { 
    display: none !important; 
}

/* Utilities */
.hide-scroll::-webkit-scrollbar { display: none; }
.hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }

/* News Marquee */
.marquee-container { display: flex; overflow: hidden; white-space: nowrap; }
.marquee-container span { display: inline-block; padding-left: 2rem; }
.marquee-content { display: flex; animation: scrollText 20s linear infinite; min-width: 200%; }
html[dir="rtl"] .marquee-content { animation: scrollTextRtl 20s linear infinite; }
@keyframes scrollText { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } }
@keyframes scrollTextRtl { 0% { transform: translateX(0%); } 100% { transform: translateX(50%); } }

/* Strict Banner Constraints */
.custom-ads-banner {
    height: 180px;
    min-height: 180px;
    max-height: 180px;
}
@media (min-width: 768px) {
    .custom-ads-banner {
        height: 240px;
        min-height: 240px;
        max-height: 240px;
    }
}