/*
Theme Name: Haal Webflow Theme
Theme URI: https://haal.in
Author: Haal / BookGentl Innovations
Description: Webflow export converted into a WordPress theme for haal.in
Version: 1.1
Text Domain: haal-webflow
*/

/* ── Base reset ─────────────────────────────────── */
html, body {
    background-color: #000000;
    color: #ffffff;
    margin: 0;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

/* ── Prevent WordPress admin bar from shifting Webflow nav ── */
@media screen {
    html.wp-toolbar {
        padding-top: 0 !important;
    }
    #wpadminbar {
        position: fixed !important;
    }
}

/* ── Font smoothing (preserves Webflow look) ──── */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── Allow Webflow Interactions v2 animations ─── */
/* Do NOT hide or override elements with [data-w-id] */
/* Do NOT set opacity:0 globally or on sections     */

/* ── Webflow colour variables ─────────────────── */
:root {
    --global-colors--background-muted-2: #111111;
    --global-colors--background-muted:   #111111;
    --global-colors--background-default: #000000;
}

/* ── WordPress default block & widget interference ── */
#page, .site, .site-content, .content-area {
    background-color: transparent;
}

/* ── Ensure visible text colours where WP injects resets ── */
h1, h2, h3, h4, h5, h6, p, span, label {
    color: inherit;
}
a {
    color: inherit;
}

/* ── CTA section spacing ──────────────────────── */
.section-cta {
    margin-top: 6rem;
    margin-bottom: 6rem;
}