/*
Theme Name: Braxia V2
Theme URI: #
Author: Braxia Team
Description: Modern healthcare landing page theme (v2) built with Tailwind CSS and Alpine.js. Pixel-perfect responsive layout with dropdowns, sliders, FAQs, video popup and a Treatment CPT.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Text Domain: braxiav2
*/

/* ─── Base ──────────────────────────────────────────────────────── */
html { scroll-behavior: smooth; }
[x-cloak] { display: none !important; }

body, p, a {
    font-family: "Inter", sans-serif;
    font-size: 16px;
}
h1, h2, h3, h4 {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
}
@media (min-width: 1024px) {
    h2 { font-size: 40px; }
}

/* ─── Container (1600px max) ───────────────────────────────────── */
.container {
    max-width: 1600px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* ─── Gradients ────────────────────────────────────────────────── */
.gradient-blue-white { background: linear-gradient(90deg, #2695CB 0%, #6FBEE3 60%, #FFFFFF 100%); }
.gradient-orange-card { background: #fabd42; }

/* ─── Accordion / chevron ──────────────────────────────────────── */
.chevron-open { transform: rotate(180deg); }
.accordion-body {
    overflow: hidden;
    transition: max-height 0.35s ease-out, opacity 0.35s ease-out;
}

/* ─── Hero slide transitions ───────────────────────────────────── */
.hero-slide { transition: opacity 0.7s ease-in-out; }

/* ─── Play button pulse ────────────────────────────────────────── */
@keyframes braxia-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(249,115,22,0.55); }
    70%  { box-shadow: 0 0 0 22px rgba(249,115,22,0); }
    100% { box-shadow: 0 0 0 0 rgba(249,115,22,0); }
}
.play-pulse { animation: braxia-pulse 2s infinite; }

/* ─── Utility: thin scrollbars in dropdowns ────────────────────── */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }