/* =============================================================
   KAUSALYA HOSPITAL — DOCTORS PAGE CSS
   Extracted from inline <style> in page-doctors.php
   ============================================================= */

/* Responsive Styles for Doctors Page */
@media (max-width: 1200px) {
    .doctor-single-hero h1 { font-size: 2.8rem !important; }
    .doctor-card-standard h2 { font-size: 1.8rem !important; }
}

@media (max-width: 992px) {
    /* Single Doctor Layout */
    .doctor-single-hero div[style*="grid-template-columns: 350px 1fr"] { grid-template-columns: 1fr !important; gap: 40px !important; }
    .doctor-single-hero > div > div:first-child { max-width: 400px; margin: 0 auto; }
    .doctor-single-hero h1 { font-size: 2.2rem !important; text-align: center; }
    .doctor-single-hero p[style*="font-size: 1.3rem"] { text-align: center; }
    .doctor-single-hero div[style*="display: flex"][style*="gap: 15px"][style*="margin-bottom: 50px"] { justify-content: center !important; flex-wrap: wrap; }
    
    /* Grid Layout */
    .doctors-grid { grid-template-columns: repeat(2, 1fr) !important; }
    
    /* Standard Layout */
    .doctor-card-standard { grid-template-columns: 220px 1fr !important; gap: 30px !important; padding: 30px !important; }
    .doctor-card-standard > div:first-child { height: 250px !important; }
}

@media (max-width: 768px) {
    /* Single Doctor */
    .doctor-single-hero { padding: 60px 0 40px !important; }
    .doctor-single-hero h1 { font-size: 1.8rem !important; }
    .doctor-single-hero p[style*="font-size: 1.3rem"] { font-size: 1.1rem !important; }
    .doctor-single-hero div[style*="display: flex"][style*="gap: 15px"] { flex-direction: column !important; }
    .doctor-single-hero div[style*="display: flex"][style*="gap: 15px"] > a { width: 100% !important; text-align: center !important; }
    
    /* Related Doctors */
    div[style*="grid-template-columns: repeat(4, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
    
    /* Grid Layout */
    section[style*="padding: 100px 0 60px"] { padding: 60px 0 40px !important; }
    section[style*="padding: 100px 0 60px"] h1 { font-size: 2rem !important; }
    .doctors-grid { grid-template-columns: 1fr !important; }
    .doctors-grid > div { max-width: 400px; margin: 0 auto; }
    
    /* Standard Layout */
    section[style*="padding: 100px 0 60px"] > div > div[style*="display: flex"] { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }
    .doctor-card-standard { grid-template-columns: 1fr !important; padding: 25px !important; }
    .doctor-card-standard > div:first-child { height: 300px !important; }
    .doctor-card-standard h2 { font-size: 1.5rem !important; text-align: center; }
    .doctor-card-standard p { text-align: center; }
    .doctor-card-standard div[style*="display: flex"][style*="gap: 40px"] { justify-content: center !important; }
    .doctor-card-standard div[style*="display: flex"][style*="gap: 15px"]:last-child { flex-direction: column !important; }
    .doctor-card-standard div[style*="display: flex"][style*="gap: 15px"]:last-child a { width: 100% !important; text-align: center !important; }
    
    /* Layout Switcher */
    section[style*="padding: 40px 0"] div[style*="display: flex"] { flex-wrap: wrap !important; }
}

@media (max-width: 480px) {
    .kausalya-doctors-page { padding: 0 15px !important; }
    
    /* Single Doctor */
    .doctor-single-hero h1 { font-size: 1.5rem !important; }
    .doctor-single-hero .glass-card { padding: 20px !important; }
    .doctor-single-hero div[style*="border-radius: 24px"] { max-width: 280px; margin: 0 auto 20px !important; }
    
    /* Grid */
    .doctor-card h3 { font-size: 1.2rem !important; }
    
    /* Standard */
    .doctor-card-standard { padding: 20px !important; }
    .doctor-card-standard > div:first-child { height: 250px !important; }
    .doctor-card-standard h2 { font-size: 1.3rem !important; }
    .doctor-card-standard div[style*="font-size: 1.8rem"] { font-size: 1.4rem !important; }
    
    /* Related Doctors */
    div[style*="grid-template-columns: repeat(4, 1fr)"] { grid-template-columns: 1fr !important; max-width: 300px; margin: 0 auto; }
}