/* App66 Theme — Custom CSS
   Tailwind utilities live in tailwind.css (compiled, do not edit).
   Add only: WP-specific fixes, custom components not in Tailwind, mobile nav.
----------------------------------------------------------------------- */

/* ── Custom icon size helpers (used throughout nav/service cards) ──── */
.custom-icon-sm { font-size: 16px; }
.custom-icon-md { font-size: 20px; }

/* ── Custom container width ───────────────────────────────────────── */
.custom-container { max-width: 1280px; }

/* ── Text glow on homepage headline gradient span ─────────────────── */
.text-glow {
    text-shadow: 0 0 40px rgba(19, 127, 236, 0.4);
}

/* ── Hover shadow used on nav links ───────────────────────────────── */
.custom-hover-shadow\:hover:hover {
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.15);
}

/* ── Mobile navigation drawer ─────────────────────────────────────── */
#mobile-nav {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgba(0, 0, 0, 0.6);
}
#mobile-nav.open { display: block; }

#mobile-nav-drawer {
    position: absolute;
    top: 0;
    right: 0;
    width: min(320px, 85vw);
    height: 100%;
    background: #0d1117;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    padding: 1.5rem;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.25s ease;
}
#mobile-nav.open #mobile-nav-drawer {
    transform: translateX(0);
}

/* ── Swiper pagination dot — primary colour (overrides CDN default) ── */
.swiper-pagination-bullet-active { background: #137fec !important; }
.swiper-button-next,
.swiper-button-prev             { color: #fff !important; }

/* ── Logo swiper — hide scrollbar ─────────────────────────────────── */
.logo-swiper .swiper-wrapper   { align-items: center; }

/* ── Custom scrollbar (legal/contact pages) ───────────────────────── */
::-webkit-scrollbar            { width: 8px; }
::-webkit-scrollbar-track      { background: #101922; }
::-webkit-scrollbar-thumb      { background: #283039; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover{ background: #3e4854; }

/* ── WordPress admin bar offset for sticky header ─────────────────── */
.admin-bar header.sticky-header { top: 32px !important; }
@media screen and (max-width: 782px) {
    .admin-bar header.sticky-header { top: 46px !important; }
}

/* ── Prevent WP body class adding unwanted margin ─────────────────── */
.admin-bar { margin-top: 0 !important; }