/*
Theme Name: Vitalcare Medical Centre Theme
Theme URI: https://vitalcare.com.au/theme
Description: A premium, modern, custom WordPress theme designed for Vitalcare Medical Centre. Features custom post types for doctors, responsive grid directory, services category accordion template, resource download area, and contacts setup. Fully Gutenberg and Elementor compatible.
Version: 1.0.0
Author: Vitalcare Engineering
Author URI: https://vitalcare.com.au/
License: GNU GPLv2 or later
Text Domain: vitalcare
Tags: medical, health, clinical, custom-background, featured-images, translation-ready

This theme is created for Melbourne medical practitioner networks.
*/

/* --- THEME CUSTOM STYLING (VITALCARE BRAND COLORS) --- */
:root {
  --color-primary: #00897B; /* Medical Teal */
  --color-primary-dark: #00695C;
  --color-secondary: #E3F2FD; /* Soft Blue */
  --color-white: #FFFFFF;
  --color-dark: #2C3E50;
  --color-light: #F8F9FA;
  --color-accent: #00897B;
  --color-emergency: #D32F2F; /* Soft Red */
  
  --font-headings: 'Nunito', sans-serif;
  --font-body: 'Open Sans', sans-serif;
}

/* Base resets & setups */
body {
  font-family: var(--font-body);
  color: var(--color-dark);
  background-color: var(--color-light);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-headings);
  font-weight: 700;
  color: var(--color-dark);
}

/* Custom rounded utility presets */
.btn-rounded {
  border-radius: 50px;
}
.card-rounded {
  border-radius: 12px;
}

/* Navigation */
.sticky-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--color-white);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Emergency Bar */
.wp-emergency-bar {
  background-color: var(--color-emergency);
  color: var(--color-white);
  text-align: center;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 600;
}

/* Accordion Component */
.services-accordion-item {
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  margin-bottom: 10px;
  background: var(--color-white);
  overflow: hidden;
}
.services-accordion-trigger {
  width: 100%;
  padding: 18px 25px;
  text-align: left;
  background: none;
  border: none;
  font-family: var(--font-headings);
  font-size: 18px;
  font-weight: 700;
  color: var(--color-dark);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s ease;
}
.services-accordion-trigger:hover {
  background: var(--color-secondary);
}
.services-accordion-panel {
  padding: 0 25px 20px;
  display: none;
}
.services-accordion-panel.active {
  display: block;
}

/* Badging */
.badge-bulk-billing {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 20px;
  text-transform: uppercase;
}