/* === RITEKO GLASSMORPHISM v4.0 — Cards & Modals Only === */
/* Header styles moved to riteko-heavy-precision.css */

/* =========================================================
   1. CARDS — Glassmorphism v4
   ========================================================= */
.products-card,
.mpc-card,
.twins-card,
.fkm-card,
.es-card,
.riteko-commercial-grid article,
.automation-capabilities__grid article,
.projects-approach__grid li,
.projects-case,
.static-card-grid > :is(a,article),
.static-steps li,
.riteko-spares-presentation :is(.spares-group,.spares-evidence-card,.spares-profile,.spares-brief__card) {
    background: rgba(30, 34, 41, 0.5) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transition: all .3s cubic-bezier(.2, .8, .2, 1);
}

.products-card:hover,
.mpc-card:hover,
.twins-card:hover,
.fkm-card:hover,
.es-card:hover,
.riteko-commercial-grid article:hover,
.automation-capabilities__grid article:hover,
.projects-approach__grid li:hover,
.projects-case:hover,
.static-card-grid > a:hover,
.static-steps li:hover {
    background: rgba(37, 42, 53, 0.65) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-color: rgba(255, 85, 0, .5) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 16px rgba(255, 85, 0, .06);
    transform: translateY(-4px);
}

/* =========================================================
   2. MODALS / FORMS
   ========================================================= */
.static-form-section,
.riteko-modal,
.riteko-popup,
.automation-brief__form form,
.automation-brief__form .riteko-feedback,
.static-form-section__form .riteko-feedback,
.static-form-section__form form {
    background: rgba(22, 24, 29, 0.7) !important;
    backdrop-filter: blur(24px) saturate(150%);
    -webkit-backdrop-filter: blur(24px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3);
    border-radius: 12px;
}

/* =========================================================
   3. NAVIGATION FLOATING
   ========================================================= */
.riteko-nav-floating {
    background: rgba(13, 14, 17, 0.5) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

/* =========================================================
   4. SAFARI FALLBACK
   ========================================================= */
@supports not (backdrop-filter: blur(1px)) {
    .products-card, .mpc-card, .twins-card, .fkm-card, .es-card,
    .static-form-section {
        background: rgba(13, 14, 17, 0.92) !important;
    }
}

/* =========================================================
   5. REDUCED MOTION
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
    .products-card, .mpc-card, .twins-card, .fkm-card, .es-card {
        transition: none !important;
    }
}

/* =========================================================
   11. HEADER OVERRIDES — ensure glassmorphism wins
   ========================================================= */
.riteko-site-header .top,
.riteko-site-header .bottom {
    background: rgba(13, 14, 17, 0.6) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
}

.riteko-site-header .logo img {
    display: block !important;
    max-height: 36px !important;
    width: auto !important;
    filter: grayscale(1) brightness(2.45) contrast(.83) !important;
    opacity: 0.96 !important;
}


/* =========================================================
   12. HOME ROUTE CARDS — Glassmorphism
   ========================================================= */
.home-route__card {
    background: rgba(30, 34, 41, 0.5) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    transition: all .3s cubic-bezier(.2, .8, .2, 1) !important;
}

.home-route__card:hover {
    background: rgba(37, 42, 53, 0.65) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-color: rgba(255, 85, 0, .5) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 16px rgba(255, 85, 0, .06) !important;
    transform: translateY(-4px) !important;
}