/* ============================================
   FINXIDIL - main.css (extra global utilities)
   ============================================ */

.fx-text-primary{color:var(--fx-primary) !important}
.fx-bg-dark{background:var(--fx-dark);color:#fff}
.fx-bg-light{background:var(--fx-bg)}
.fx-center{text-align:center}
.fx-mt-0{margin-top:0}.fx-mb-0{margin-bottom:0}
.fx-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.fx-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media (max-width:900px){.fx-grid-3,.fx-grid-4{grid-template-columns:1fr 1fr;gap:18px}}
@media (max-width:560px){.fx-grid-3,.fx-grid-4{grid-template-columns:1fr}}

/* Scroll reveal */
.fx-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}
.fx-reveal.is-visible{opacity:1;transform:translateY(0)}

/* Elementor container polish */
.elementor-kit-safe-area,.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px}

/* Selection */
::selection{background:var(--fx-primary);color:#fff}

/* Focus style */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
    outline:3px solid rgba(30,144,255,.45);outline-offset:3px;border-radius:4px;
}

/* Scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:var(--fx-primary);border-radius:8px}