/*
Theme Name: Sabil Finance Child
Template: astra
Version: 1.0.0
Description: Sabil Finance child theme for Astra. Premium ethical fintech brand for UK Islamic finance education.
Author: Sabil Finance
Author URI: https://sabilfinance.com
Text Domain: sabil-finance-child
*/

/* Import main brand stylesheet */
@import url('../sabil-custom.css');

/* =============================================================
   CHILD THEME BASE OVERRIDES
   These rules extend Astra and are applied after the parent theme.
   ============================================================= */

/* Ensure brand fonts load via child theme as fallback */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter:wght@300;400;500;600;700&display=swap');

/* Root-level overrides for Astra default variables */
:root {
  --ast-global-color-0: #0D1B3E;
  --ast-global-color-1: #C9A227;
  --ast-global-color-2: #FFFFFF;
  --ast-global-color-3: #E8C87C;
  --ast-global-color-4: #F5F0E8;
  --ast-global-color-5: #1A1A2E;
  --e-global-color-primary:    #0D1B3E;
  --e-global-color-secondary:  #C9A227;
  --e-global-color-text:       #1A1A2E;
  --e-global-color-accent:     #C9A227;
  --e-global-typography-primary-font-family:   'Playfair Display';
  --e-global-typography-secondary-font-family: 'Inter';
  --e-global-typography-text-font-family:      'Inter';
  --e-global-typography-accent-font-family:    'Playfair Display';
}

/* Global body */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #FFFFFF;
  color: #1A1A2E;
}

/* Astra header — ensure brand styles take precedence */
.ast-header-row {
  background: transparent;
}

/* Prevent Astra from overriding button styles */
.ast-button,
.wp-block-button__link {
  background-color: #C9A227;
  color: #0D1B3E;
  border-radius: 6px;
}

/* Body classes for page-specific targeting */
.home .entry-content,
.page-template-elementor_canvas .entry-content {
  padding: 0;
  margin: 0;
}

/* Admin bar spacing for fixed header */
body.admin-bar .site-header,
body.admin-bar #masthead {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  body.admin-bar .site-header,
  body.admin-bar #masthead {
    top: 46px !important;
  }
}