/*
Theme Name: UroEntCare Custom
Theme URI: https://uroentcare.com
Author: Almesh
Description: Ultra-lightweight custom theme for Dr. Neha Agarwal (ENT) and Dr. Rohit Agarwal (Urology).
Version: 1.0.1
Text Domain: uroentcare
*/

/* ==========================================================================
   1. CSS VARIABLES (The UroEntCare Design System)
   ========================================================================== */
:root {
    /* Brand Colors */
    --uec-primary-dark: #0f172a;   /* Deep Slate/Navy for text, headings & hero backgrounds */
    --uec-ent-teal:     #0d9488;   /* ENT Department Primary Color */
    --uec-uro-blue:     #0284c7;   /* Urology Department Primary Color */
    
    /* Neutral / UI Colors */
    --uec-text-main:    #334155;   /* Standard paragraph text */
    --uec-text-light:   #64748b;   /* Subtitles, meta text, muted text */
    --uec-bg-light:     #f8fafc;   /* App-like light gray background for body */
    --uec-bg-white:     #ffffff;   /* Pure white for cards and content areas */
    --uec-border:       #e2e8f0;   /* Light gray borders for dividers */

    /* Spacing & Layout */
    --uec-max-width:    1000px;    /* Compact layout constraint for maximum readability */
    --uec-radius:       8px;       /* Standard border radius for cards and buttons */
    --uec-radius-lg:    12px;      /* Larger border radius for hero sections */
    
    /* Typography */
    --uec-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ==========================================================================
   2. MODERN CSS RESET (Bloat-Free)
   ========================================================================== */
*, *::before, *::after {
    box-sizing: border-box;
}

body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ul, ol {
    margin: 0;
    padding: 0;
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.6;
    background-color: var(--uec-bg-light);
    color: var(--uec-text-main);
    font-family: var(--uec-font-family);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img, picture, video, canvas, svg {
    max-width: 100%;
    display: block;
    height: auto;
}

a {
    text-decoration: none;
    color: var(--uec-uro-blue);
    transition: color 0.2s ease;
}

a:hover {
    color: var(--uec-primary-dark);
}

ul, ol {
    list-style-position: inside;
}

/* ==========================================================================
   3. BASE TYPOGRAPHY
   ========================================================================== */
h1, h2, h3, h4 {
    color: var(--uec-primary-dark);
    line-height: 1.3;
    font-weight: 800;
    margin-bottom: 15px;
}

p {
    margin-bottom: 15px;
}

/* ==========================================================================
   4. GLOBAL UTILITIES & LAYOUT (The Engine)
   ========================================================================== */

/* The Master Container - Keeps everything centered and strictly at 1000px wide */
.uec-container {
    width: 100%;
    max-width: var(--uec-max-width);
    margin: 0 auto;
    padding: 0 20px; /* Prevents text from touching the edge on mobile */
}

/* Base Button Style */
.uec-btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: var(--uec-radius);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    font-size: 15px;
}

/* Specialty Button Modifiers */
.uec-btn-ent {
    background-color: var(--uec-ent-teal);
    color: var(--uec-bg-white);
}
.uec-btn-ent:hover {
    background-color: var(--uec-primary-dark);
    color: var(--uec-bg-white);
}

.uec-btn-uro {
    background-color: var(--uec-uro-blue);
    color: var(--uec-bg-white);
}
.uec-btn-uro:hover {
    background-color: var(--uec-primary-dark);
    color: var(--uec-bg-white);
}

/* Base Card Style */
.uec-card-base {
    background: var(--uec-bg-white);
    border: 1px solid var(--uec-border);
    border-radius: var(--uec-radius-lg);
    padding: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}