/* ثيم ذهبي نحاسي مشرق */
:root {
    --app-gold: #f5d76e; /* المتغير الذي نتحكم به من المدير (قيمة افتراضية) */
    --gold-bright: var(--app-gold);
    --gold-copper: #e8b84a;
    --gold-warm: #d4af37;
    --gold-glow: rgba(245, 215, 110, 0.45);
    --surface-card: #1c1c22;
    --surface-elevated: #252530;
    --app-font-size: 16px;
}

/* تحسين استجابة اللمس وإلغاء تأخير الـ 300ms في الآيفون */
a, button, .category-row, [role="button"], [onclick], input[type="button"], input[type="submit"] {
    touch-action: manipulation !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}

body.app-theme {
    background: #080808;
    color: #fafafa;
    /* منع التمرير الأفقي العرضي في الآيفون */
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.gold-text {
    color: var(--app-gold);
    text-shadow: 0 0 14px var(--gold-glow);
}

.gold-text-soft {
    color: var(--gold-copper);
}

.gold-title {
    color: var(--app-gold);
    font-weight: 700;
    text-shadow: 0 0 18px var(--gold-glow), 0 1px 0 rgba(0, 0, 0, 0.5);
}

.app-vignette {
    background: radial-gradient(
        ellipse 120% 80% at 50% -10%,
        rgba(232, 184, 74, 0.22) 0%,
        rgba(212, 175, 55, 0.06) 40%,
        transparent 70%
    );
}

.menu-card {
    background: linear-gradient(145deg, var(--surface-elevated) 0%, var(--surface-card) 100%);
    border: 1px solid rgba(232, 184, 74, 0.45);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.menu-card:hover {
    border-color: rgba(245, 215, 110, 0.75);
    box-shadow: 0 6px 28px rgba(232, 184, 74, 0.15);
}

/* حركة العبارات المتساقطة */
@keyframes phrase-fall {
    0% { transform: translate3d(-50%, -30px, 0); opacity: 0; }
    15% { transform: translate3d(-50%, 10px, 0); opacity: 1; }
    85% { transform: translate3d(-50%, 80px, 0); opacity: 1; }
    100% { transform: translate3d(-50%, 120px, 0); opacity: 0; }
}

.falling-phrase {
    position: fixed;
    top: 20%;
    left: 50%;
    right: auto;
    z-index: 9999;
    pointer-events: none;
    white-space: nowrap;
    text-align: center;
    min-width: max-content;
    will-change: transform, opacity;
    animation: phrase-fall 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* حركة اهتزاز السلة */
@keyframes cart-shake {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.3); }
}
.cart-animate { animation: cart-shake 0.4s cubic-bezier(.36,.07,.19,.97); }

/* فئة مخصصة لضمان تمركز محتوى البوابات الرقمية في منتصف الشاشة */
.portal-screen-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    width: 100%;
    text-align: center;
}