/* EAMakers Custom Overrides */

/* ── Thai font everywhere ─────────────────────── */
body, h1,h2,h3,h4,h5,h6,p,a,li,span,button,input,textarea,select {
    font-family: "Noto Sans Thai", "Rubik", sans-serif !important;
}

/* ── EA Card hover ────────────────────────────── */
.ea-card-inner:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(61,142,255,0.12) !important;
}

/* ── Hero white wave fix ──────────────────────── */
#hero-6 .wave-shape-bottom svg path { fill: #ffffff; }

/* ── Logo text ────────────────────────────────── */
.eam-text-logo {
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -0.5px;
    color: #333;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

/* ── Nav logo white on dark bg ────────────────── */
.header.tra-menu .eam-text-logo { color: #fff; }
.header.white-scroll .eam-text-logo { color: #333; }

/* ── Pricing badge colors ─────────────────────── */
.bg-stateblue { background-color: #3d8eff !important; }

/* ── Review section bg ────────────────────────── */
.reviews-4-holder { background: #f0f4ff; padding: 60px 0; }

/* ── Sticky sidebar ───────────────────────────── */
@media (min-width: 992px) {
    .sticky-sidebar { position: sticky; top: 90px; }
}

/* ── EA stats grid responsive ─────────────────── */
@media (max-width: 576px) {
    .ea-card-inner { border-radius: 12px !important; }
}

/* ── Pagination ───────────────────────────────── */
.page-numbers { display: inline-flex; gap: 8px; list-style: none; padding: 0; margin: 20px 0; }
.page-numbers li a, .page-numbers li span {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: 8px;
    border: 1px solid #e0e0e0; font-weight: 500; text-decoration: none; color: #333;
    transition: all .2s;
}
.page-numbers li .current,
.page-numbers li a:hover {
    background: #3d8eff; color: #fff; border-color: #3d8eff;
}

/* ── WooCommerce compat ───────────────────────── */
.woocommerce-page .container { padding-top: 100px; }