/*
Theme Name: 2H Medical Centre (Corpox Style)
Theme URI: https://2hmedicalcenter.com
Author: 2H Medical Center & Antigravity
Author URI: https://2hmedicalcenter.com
Description: A modern, high-performance, Elementor-ready WordPress theme built for 2H Medical Centre, inspired by the Corpox Demo 3 corporate & healthcare design. Includes full-width Elementor canvas templates, mobile-responsive Bootstrap 5 navigation, and built-in appointment features.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 2h-medical
Tags: medical, healthcare, clinic, corporate, business, elementor, full-width-template, custom-logo, custom-menu, responsive-layout, translation-ready
*/

/* Core Theme Variables */
:root {
  --thm-primary: #153da8;        /* 2H Royal Blue */
  --thm-primary-dark: #0c2670;   /* Deep Navy */
  --thm-primary-light: #eef3ff;  /* Soft Ice Blue */
  --thm-accent: #e53935;         /* 2H Coral Red */
  --thm-accent-hover: #c62828;   /* Darker Coral Red */
  --thm-dark: #0a142f;           /* Footer & Deep Text */
  --thm-text: #4a5568;           /* Body Text Slate */
  --thm-text-light: #718096;     /* Muted Grey */
  --thm-bg-light: #f8fafc;       /* Section Background */
  --thm-border: #e2e8f0;         /* Subtle Borders */
  --thm-radius-sm: 8px;
  --thm-radius-md: 14px;
  --thm-radius-lg: 24px;
  --thm-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  --thm-shadow-md: 0 10px 25px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -2px rgba(15, 23, 42, 0.04);
  --thm-shadow-lg: 0 20px 35px -5px rgba(21, 61, 168, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.04);
}

/* Typography defaults */
body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--thm-text);
  line-height: 1.7;
  background-color: #ffffff;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .heading-font {
  font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif;
  color: var(--thm-dark);
  font-weight: 700;
  line-height: 1.25;
}

a {
  color: var(--thm-primary);
  text-decoration: none;
  transition: all 0.25s ease;
}

a:hover {
  color: var(--thm-accent);
}

/* Elementor Full Width Overrides */
.site-main--elementor {
  width: 100%;
  padding: 0;
  margin: 0;
}

.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1240px;
}