/*
Theme Name:   SDC Child
Theme URI:    https://sunnahdiagnostic.com
Description:  Sunnah Diagnostic Centre — Hello Elementor Child Theme
Author:       Sunnah Diagnostic Centre
Author URI:   https://sunnahdiagnostic.com
Template:     hello-elementor
Version:      1.0.0
License:      GPL-2.0-or-later
Text Domain:  sdc-child
*/

/* =========================================================
   CSS CUSTOM PROPERTIES — SDC Brand Tokens
   ========================================================= */
:root {
  --sdc-green-dark:    #1b3a0c;
  --sdc-green-primary: #4a7a1e;
  --sdc-green-accent:  #7aab2e;
  --sdc-green-light:   #a8c96b;
  --sdc-cream:         #f7f0e3;
  --sdc-cream-light:   #faf5ec;
  --sdc-white:         #ffffff;
  --sdc-text-dark:     #1a1a1a;
  --sdc-text-muted:    #555555;
  --sdc-gold:          #c8a84b;
  --sdc-border:        #e0d8c8;
  --sdc-radius:        8px;
  --sdc-radius-lg:     16px;
  --sdc-shadow:        0 4px 24px rgba(0,0,0,.10);
  --sdc-shadow-hover:  0 8px 32px rgba(0,0,0,.18);
  --sdc-transition:    0.3s ease;
  --sdc-font-heading:  'Cairo', 'Poppins', sans-serif;
  --sdc-font-body:     'Poppins', 'Segoe UI', sans-serif;
}

/* =========================================================
   GLOBAL RESETS & BASE
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; overflow-x: clip; }

body {
  font-family: var(--sdc-font-body);
  color: var(--sdc-text-dark);
  background: var(--sdc-white);
  margin: 0;
  padding: 0;
  line-height: 1.7;
  overflow-x: clip;
  max-width: 100%;
}

img { max-width: 100%; height: auto; }

a { color: var(--sdc-green-primary); text-decoration: none; transition: color var(--sdc-transition); }
a:hover { color: var(--sdc-green-accent); }

h1,h2,h3,h4,h5,h6 {
  font-family: var(--sdc-font-heading);
  line-height: 1.3;
  margin-top: 0;
}

/* =========================================================
   UTILITY CLASSES
   ========================================================= */
.sdc-section-label {
  font-family: var(--sdc-font-heading);
  color: var(--sdc-green-accent);
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.4rem;
}

.sdc-section-title {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  color: var(--sdc-text-dark);
  margin-bottom: 0.5rem;
}

.sdc-divider-leaf {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 2rem;
  color: var(--sdc-green-accent);
  font-size: 1.4rem;
}

.sdc-btn {
  display: inline-block;
  padding: 0.75rem 2rem;
  border-radius: var(--sdc-radius);
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  border: none;
  transition: all var(--sdc-transition);
  text-decoration: none;
  letter-spacing: 0.02em;
}

.sdc-btn-primary {
  background: var(--sdc-green-primary);
  color: var(--sdc-white);
}
.sdc-btn-primary:hover {
  background: var(--sdc-green-dark);
  color: var(--sdc-white);
  transform: translateY(-2px);
  box-shadow: var(--sdc-shadow-hover);
}

.sdc-btn-outline {
  background: transparent;
  border: 2px solid var(--sdc-green-primary);
  color: var(--sdc-green-primary);
}
.sdc-btn-outline:hover {
  background: var(--sdc-green-primary);
  color: var(--sdc-white);
}

.sdc-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.sdc-text-center { text-align: center; }