/* ====== HEADER ====== */
.navbar-nav .nav-link {
    color: rgba(255,255,255,0.85);
    transition: color .2s ease, transform .2s ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #fff;
    transform: translateY(-1px);
}
.navbar-brand .text-gradient {
    background: linear-gradient(90deg, #e0e0ff, #c4a0ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ====== FOOTER ====== */
.footer-link {
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    transition: color .2s;
}
.footer-link:hover {
    color: #fff;
    text-decoration: underline;
}
.footer-icon {
    opacity: 0.8;
    transition: opacity .2s, transform .2s;
}
.footer-icon:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* Gradient text utility */
.text-gradient {
    background: linear-gradient(90deg, #c4a0ff, #6e56cf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* Dark gradient sections (already used across your site) */
.gradient-dark { background: linear-gradient(90deg, #1a1a2e, #3f2b96, #4a148c); }
.text-gradient { background: linear-gradient(90deg, #c4a0ff, #6e56cf); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/* Merchant cards (home grid) */
.store-card { text-decoration: none; color: inherit; }
.store-card__inner { background: #0f0f1a; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 18px; min-height: 88px; display:flex; align-items:center; justify-content:center; transition: transform .15s, box-shadow .15s; }
.store-card__inner img { max-height: 48px; }
.store-placeholder { width: 48px; height: 48px; border-radius: 10px; display:flex; align-items:center; justify-content:center; background: #1f1f3b; color: #c9c9ff; font-weight: 700; }
.store-card:hover .store-card__inner { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.25); }

/* === HOME HERO SECTION === */
.hero-home {
    background: radial-gradient(circle at top left, #6a5cff 0%, #b388ff 40%, #f3e8ff 100%);
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.hero-home::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -150px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.4), transparent 70%);
    filter: blur(60px);
}
.hero-home::after {
    content: "";
    position: absolute;
    bottom: -120px;
    left: -100px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(156, 243, 255, 0.5), transparent 70%);
    filter: blur(60px);
}
.hero-home h1 {
    color: #fff;
}
.hero-art {
    max-height: 280px;
    filter: drop-shadow(0 10px 25px rgba(0,0,0,.25));
}

/* === MERCHANT GRID BACKGROUND === */
.home-gradient {
    background: linear-gradient(180deg, #e5e0ff 0%, #c8b6ff 50%, #b8c0ff 100%);
    background-attachment: fixed;
    color: #1a1a2e;
}

/* === CTA SECTION === */
.cta-block {
    background: linear-gradient(90deg, #c8b6ff 0%, #b8c0ff 50%, #9bf6ff 100%);
    color: #1a1a2e;
}

/* === STORE CARD STYLING === */
.store-card {
    text-decoration: none;
    color: inherit;
}
.store-card__inner {
    background: rgba(255,255,255,0.7);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 16px;
    padding: 18px;
    min-height: 88px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: transform .2s, box-shadow .2s, background .2s;
}
.store-card__inner img {
    max-height: 48px;
}
.store-placeholder {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(200,200,255,0.4);
    color: #3f2b96;
    font-weight: 700;
}
.store-card:hover .store-card__inner {
    transform: translateY(-2px);
    background: rgba(255,255,255,0.9);
    box-shadow: 0 10px 24px rgba(63,43,150,.25);
}

/* === TEXT GRADIENT UTILITY === */
.text-gradient {
    background: linear-gradient(90deg, #4b0082, #5f2eea, #00bfff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* wwwroot/css/site.css */
.upload-drop {
    border: 1px dashed #ced4da;
    background-color: #fafafa;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.upload-drop:hover {
    background-color: #f3f3f3;
    border-color: #bfc6cd;
}