/*
 * Bizdify Child Theme — Custom Stylesheet
 * assets/css/custom.css
 *
 * This is the single source of truth for all custom CSS in the child theme.
 * It is enqueued AFTER the Astra parent stylesheet, so every rule here will
 * override Astra's defaults without hacking the parent theme files.
 *
 * -------------------------------------------------------------------------
 * TABLE OF CONTENTS
 * -------------------------------------------------------------------------
 *  1. CSS Custom Properties (Design Tokens)
 *  2. Global / Reset Overrides
 *  3. Typography
 *  4. Header & Navigation
 *  5. Hero Section
 *  6. Buttons & CTAs
 *  7. Trust Badges & Social Proof
 *  8. Review / Testimonial Cards
 *  9. FAQ Accordion
 * 10. Footer
 * 11. Utility Classes
 * 12. Responsive Breakpoints
 * -------------------------------------------------------------------------
 */


/* =========================================================================
 * 1. CSS CUSTOM PROPERTIES (Design Tokens)
 *    Define brand colours, fonts, spacing, and radius values once here.
 *    Reference them throughout the file via var(--bzd-*) so a rebrand only
 *    ever requires changes in this one block.
 * ========================================================================= */

:root {
	/* Brand colours */
	--bzd-color-primary:      #0057FF; /* Main brand blue  */
	--bzd-color-primary-dark: #0041CC; /* Hover / active   */
	--bzd-color-accent:       #FF5733; /* Alert / highlight */
	--bzd-color-text:         #1A1A2E; /* Body copy        */
	--bzd-color-text-muted:   #6B7280; /* Secondary copy   */
	--bzd-color-bg:           #FFFFFF; /* Page background  */
	--bzd-color-bg-alt:       #F5F7FA; /* Section bands    */
	--bzd-color-border:       #E5E7EB; /* Dividers         */

	/* Typography */
	--bzd-font-heading: 'Inter', sans-serif;
	--bzd-font-body:    'Inter', sans-serif;
	--bzd-font-size-base: 1rem;       /* 16 px */
	--bzd-line-height:    1.65;

	/* Spacing scale */
	--bzd-space-xs:  0.25rem;  /*  4 px */
	--bzd-space-sm:  0.5rem;   /*  8 px */
	--bzd-space-md:  1rem;     /* 16 px */
	--bzd-space-lg:  2rem;     /* 32 px */
	--bzd-space-xl:  4rem;     /* 64 px */

	/* Border radius */
	--bzd-radius-sm: 4px;
	--bzd-radius-md: 8px;
	--bzd-radius-lg: 16px;

	/* Shadows */
	--bzd-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
	--bzd-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10);
	--bzd-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

	/* Transitions */
	--bzd-transition: 0.2s ease;
}


/* =========================================================================
 * 2. GLOBAL / RESET OVERRIDES
 *    Minor normalisation on top of Astra's base styles.
 * ========================================================================= */

/* (Add global overrides here) */


/* =========================================================================
 * 3. TYPOGRAPHY
 * ========================================================================= */

/* (Add heading, paragraph, and link styles here) */


/* =========================================================================
 * 4. HEADER & NAVIGATION
 * ========================================================================= */

/* (Add header and nav overrides here) */


/* =========================================================================
 * 5. HERO SECTION
 * ========================================================================= */

/* (Add .bzd-hero styles here) */


/* =========================================================================
 * 6. BUTTONS & CTAs
 * ========================================================================= */

/* (Add button and CTA styles here) */


/* =========================================================================
 * 7. TRUST BADGES & SOCIAL PROOF
 * ========================================================================= */

/* (Add trust badge styles here) */


/* =========================================================================
 * 8. REVIEW / TESTIMONIAL CARDS
 * ========================================================================= */

/* (Add .bzd-review-card styles here) */


/* =========================================================================
 * 9. FAQ ACCORDION
 * ========================================================================= */

/* (Add FAQ accordion styles here) */


/* =========================================================================
 * 10. FOOTER
 * ========================================================================= */

/* (Add footer styles here) */


/* =========================================================================
 * 11. UTILITY CLASSES
 *     Single-purpose helpers. Prefix with .bzd- to avoid collisions.
 * ========================================================================= */

/* (Add utility classes here) */


/* =========================================================================
 * 12. RESPONSIVE BREAKPOINTS
 *     Match Astra's breakpoints for consistency:
 *       Mobile  : max-width 767px
 *       Tablet  : 768px – 1024px
 *       Desktop : 1025px+
 * ========================================================================= */

/* --- Mobile ---------------------------------------------------------------- */
@media (max-width: 767px) {
	/* (Add mobile overrides here) */
}

/* --- Tablet ---------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
	/* (Add tablet overrides here) */
}

/* --- Desktop -------------------------------------------------------------- */
@media (min-width: 1025px) {
	/* (Add desktop-specific styles here) */
}