/* منوی طلایی - public site (landing + registration) in the warm "Golden Spoon" theme. Loaded after the page's own CSS. */
body { background: #2a1b0d !important; color: #f8eed8 !important; }
body::before { content: ''; position: fixed; inset: 0; z-index: -2; background: url('../uploads/backgrounds/default-bg.jpg') center / cover; filter: blur(4px) brightness(.62) saturate(1.1); transform: scale(1.05); }
body::after { content: ''; position: fixed; inset: 0; z-index: -1; background: radial-gradient(ellipse at 50% -10%, rgba(246,200,110,.3), transparent 60%), linear-gradient(180deg, rgba(48,30,14,.5), rgba(24,14,6,.85)); }
.bg-orbs, .orb { display: none !important; }

/* ----- landing ----- */
.nav { background: var(--wm-glass) !important; border: 1px solid rgba(246,215,123,.55) !important; border-radius: 28px !important; box-shadow: 0 10px 26px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,225,150,.25) !important; backdrop-filter: blur(12px); }
.nav-logo { background: linear-gradient(180deg, #fff3c4, #f0c560 50%, #b9801f); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; }
.nav-links a { color: #f0d79a !important; }
.btn-nav, .btn-3d { color: #3a2306 !important; background: var(--key-grad) !important; border: 0 !important; border-radius: 20px !important; font-weight: 800 !important; box-shadow: var(--key-up) !important; text-shadow: none !important; transform: none; transition: transform .2s cubic-bezier(.34,1.7,.5,1), box-shadow .2s cubic-bezier(.34,1.7,.5,1) !important; }
.btn-nav:hover, .btn-3d:hover { transform: none !important; filter: brightness(1.06); }
.btn-nav:active, .btn-3d:active, .btn-nav.is-pressed, .btn-3d.is-pressed { transform: translateY(5px) !important; box-shadow: var(--key-down) !important; transition-duration: .045s !important; }
.btn-ghost { color: #f6d77b !important; background: var(--keyd-grad) !important; border: 1px solid rgba(246,215,123,.55) !important; border-radius: 20px !important; font-weight: 800 !important; box-shadow: var(--keyd-up) !important; transition: transform .2s cubic-bezier(.34,1.7,.5,1), box-shadow .2s cubic-bezier(.34,1.7,.5,1) !important; }
.btn-ghost:hover { background: var(--keyd-grad) !important; transform: none !important; filter: brightness(1.1); }
.btn-ghost:active, .btn-ghost.is-pressed { transform: translateY(5px) !important; box-shadow: var(--keyd-down) !important; transition-duration: .045s !important; }
.hero-badge { background: rgba(32,21,11,.85) !important; color: #f6d77b !important; border: 1px solid rgba(246,215,123,.5) !important; }
.hero h1, .section-title, .cta-band h2 { background: linear-gradient(180deg, #fff3c4 0%, #f0c560 48%, #b9801f 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0 2px 3px rgba(0,0,0,.6)); }
.hero p, .section-sub, .cta-band p { color: #ecd9a8 !important; text-shadow: 0 1px 3px rgba(0,0,0,.6); }
.stat-item { background: linear-gradient(180deg, rgba(74,52,32,.85), rgba(32,21,11,.9)) !important; border: 1px solid rgba(246,215,123,.4) !important; border-radius: 22px !important; box-shadow: inset 0 1px 0 rgba(255,225,150,.2), 0 8px 18px rgba(0,0,0,.4) !important; }
.stat-num { color: #f6d77b !important; -webkit-text-fill-color: #f6d77b !important; background: none !important; } .stat-label { color: #d9c28a !important; }

.cat-3d, .plan-3d, .feat-card { background: var(--wm-paper) !important; color: #3a2711 !important; border: 1px solid rgba(255,255,255,.7) !important; border-radius: 26px !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.42), 0 2px 0 rgba(138,92,16,.35), inset 0 1px 0 rgba(255,255,255,.9), inset 0 -2px 6px rgba(138,92,16,.15) !important; }
.cat-3d:hover, .plan-3d:hover, .feat-card:hover { transform: translateY(-4px) !important; }
.cat-3d::before { display: none !important; }
.cat-name, .plan-name, .feat-title { color: #3a2711 !important; } .plan-desc, .feat-text, .plan-days { color: #6b5436 !important; }
.plan-price { color: #8a5c10 !important; -webkit-text-fill-color: #8a5c10 !important; background: none !important; } .plan-price small { color: #8f7650 !important; }
.plan-3d.featured { border: 2px solid #e6b84d !important; } .plan-3d.featured::after { background: var(--key-grad) !important; color: #3a2306 !important; }
.cat-icon, .feat-icon { background: var(--keyd-grad) !important; color: #f6d77b !important; border: 1px solid rgba(246,215,123,.55) !important; border-radius: 20px !important; box-shadow: var(--keyd-up) !important; }
.cat-icon .mz-icon, .feat-icon .mz-icon { stroke: url(#mzGold); filter: drop-shadow(0 2px 3px rgba(0,0,0,.6)); }
.cta-band { background: var(--wm-glass) !important; border: 1px solid rgba(246,215,123,.55) !important; border-radius: 30px !important; box-shadow: 0 16px 34px rgba(0,0,0,.5) !important; }

/* ----- registration ----- */
.header h1 { background: linear-gradient(180deg, #fff3c4, #f0c560 50%, #b9801f); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.header p { color: #ecd9a8 !important; }
.container .card { background: var(--wm-paper) !important; color: #3a2711 !important; border: 1px solid rgba(255,255,255,.7) !important; border-radius: 28px !important; box-shadow: 0 18px 36px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.9) !important; }
.container .card h2, .container .card h3 { color: #7a4f0d !important; }
.form-group label { color: #7a4f0d !important; font-weight: 700; }
.form-control { background: #fffdf7 !important; color: #3a2711 !important; border: 1px solid rgba(138,92,16,.35) !important; border-radius: 16px !important; box-shadow: inset 0 3px 6px rgba(138,92,16,.18) !important; }
.form-control:focus { border-color: #c9962b !important; box-shadow: inset 0 3px 6px rgba(138,92,16,.18), 0 0 0 3px rgba(217,163,57,.3) !important; }
.form-control::placeholder { color: rgba(107,84,54,.5) !important; }
.plan-card, .gateway-btn { background: #fffaf0 !important; color: #3a2711 !important; border: 2px solid rgba(138,92,16,.25) !important; border-radius: 20px !important; box-shadow: 0 4px 0 rgba(138,92,16,.25) !important; transition: transform .2s cubic-bezier(.34,1.7,.5,1), box-shadow .2s !important; }
.plan-card:active, .gateway-btn:active, .plan-card.is-pressed { transform: translateY(3px) !important; box-shadow: 0 1px 0 rgba(138,92,16,.25) !important; }
.plan-card.selected, .gateway-btn.selected { border-color: #c9962b !important; background: #fbe9b8 !important; box-shadow: 0 0 0 3px rgba(217,163,57,.35), 0 4px 0 rgba(138,92,16,.35) !important; }
.plan-card .price { color: #8a5c10 !important; } .plan-card .duration { color: #6b5436 !important; }
.container .btn { color: #3a2306 !important; background: var(--key-grad) !important; border: 0 !important; border-radius: 22px !important; font-weight: 800 !important; box-shadow: var(--key-up) !important; transition: transform .2s cubic-bezier(.34,1.7,.5,1), box-shadow .2s cubic-bezier(.34,1.7,.5,1) !important; }
.container .btn:hover { transform: none !important; filter: brightness(1.06); }
.container .btn:active, .container .btn.is-pressed { transform: translateY(5px) !important; box-shadow: var(--key-down) !important; transition-duration: .045s !important; }
.error { background: #fbe4e1 !important; color: #9b1c1c !important; border: 1px solid #e3a49c !important; border-radius: 14px !important; }