/* ============================================================
   Sambhav Communications – Custom Stylesheet
   Tailwind handles utility classes; this file adds
   design-system-specific custom rules.
   ============================================================ */

/* Mandala dot-grid background texture */
.mandala-pattern {
    background-image: radial-gradient(
        circle at 2px 2px,
        rgba(255, 153, 51, 0.05) 1px,
        transparent 0
    );
    background-size: 24px 24px;
}

/* Mandala decorative border (used on feature cards etc.) */
.mandala-border {
    border-image: repeating-linear-gradient(
        45deg,
        #ff9933,
        #ff9933 10px,
        #002147 10px,
        #002147 20px
    ) 20;
}

/* ── Smooth page-wide transitions ─────────────────────────── */
* {
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out;
}

/* Override: don't animate layout/size props globally */
img, video { transition: none; }

/* ── Mobile menu slide-in ─────────────────────────────────── */
#mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}
#mobile-menu.open {
    max-height: 400px;
}

/* ── Hero image hover effect ──────────────────────────────── */
.hero-img-wrapper:hover img {
    transform: scale(1.02);
    transition: transform 0.4s ease;
}

/* ── Service card focus ring for accessibility ────────────── */
.service-card:focus-within {
    outline: 2px solid #ff9933;
    outline-offset: 2px;
}

/* ── Scrollbar styling ────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f8f7f5; }
::-webkit-scrollbar-thumb { background: #ff9933; border-radius: 9999px; }