/*
Theme Name: Jan Sehat Blue Green
Author: Custom
Description: Custom WordPress theme with doctor profiles and frontend doctor registration.
Version: 1.0
*/
:root{--blue:#087fba;--green:#13a86b;--dark:#12324a;--light:#f2fbf8;--text:#263746}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:var(--blue);text-decoration:none}.container{width:min(1120px,92%);margin:auto}.site-header{background:#fff;border-bottom:1px solid #e8eef2;position:sticky;top:0;z-index:1000}.nav-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:25px;font-weight:800;color:var(--blue)}.logo span{color:var(--green)}.main-nav{display:flex;gap:22px;align-items:center}.main-nav a{font-weight:600;color:var(--dark)}.menu-toggle{display:none;background:none;border:0;font-size:28px;color:var(--dark)}.hero{padding:85px 0;background:linear-gradient(135deg,#eaf8ff,#edfff7)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.hero h1{font-size:48px;line-height:1.12;margin:0 0 18px;color:var(--dark)}.hero h1 span{color:var(--green)}.hero p{font-size:19px;color:#536575}.btn{display:inline-block;padding:13px 22px;border-radius:8px;background:var(--blue);color:#fff;font-weight:700;border:0;cursor:pointer}.btn.green{background:var(--green)}.btn + .btn{margin-left:8px}.hero-card,.card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(18,50,74,.09)}.hero-card{border-top:5px solid var(--green)}.section{padding:65px 0}.section.alt{background:var(--light)}.section-title{text-align:center;margin:0 0 35px;color:var(--dark);font-size:34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.doctor-card{background:#fff;border:1px solid #e4edf0;border-radius:15px;overflow:hidden;transition:.2s}.doctor-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(18,50,74,.1)}.doctor-photo{height:210px;background:#e9f7f3;display:flex;align-items:center;justify-content:center;color:var(--green);font-size:52px}.doctor-photo img{width:100%;height:100%;object-fit:cover}.doctor-body{padding:20px}.doctor-body h3{margin:0 0 5px;color:var(--dark)}.meta{color:#667885;font-size:14px;margin:4px 0}.tag{display:inline-block;background:#e9f8f3;color:#078052;border-radius:30px;padding:4px 10px;font-size:12px;font-weight:700;margin-top:7px}.site-footer{background:#102f43;color:#dceaf1;padding:45px 0 20px;margin-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer a{color:#dceaf1}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.15);padding-top:18px;margin-top:25px;font-size:14px}.form-card{max-width:850px;margin:auto;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px rgba(18,50,74,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #ccd9df;border-radius:8px;font:inherit}.field textarea{min-height:110px;resize:vertical}.full{grid-column:1/-1}.notice{padding:14px 16px;border-radius:8px;background:#eef9f5;color:#08734f;margin-bottom:18px}.error{background:#fff0f0;color:#a33}.page-hero{padding:50px 0;background:linear-gradient(135deg,#eaf8ff,#edfff7)}.single-doctor{display:grid;grid-template-columns:300px 1fr;gap:35px;align-items:start}.profile-photo{width:100%;height:300px;border-radius:16px;background:#e9f7f3;display:flex;align-items:center;justify-content:center;color:var(--green);font-size:70px;overflow:hidden}.profile-photo img{width:100%;height:100%;object-fit:cover}.info-list{list-style:none;padding:0}.info-list li{padding:9px 0;border-bottom:1px solid #edf1f3}.search-box{display:flex;gap:10px;max-width:700px;margin:0 auto 35px}.search-box input{flex:1;padding:13px;border:1px solid #ccd9df;border-radius:8px;font:inherit}@media(max-width:800px){.main-nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid #ddd}.main-nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.single-doctor,.footer-grid{grid-template-columns:1fr}.cards,.doctor-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:38px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:520px){.cards,.doctor-grid{grid-template-columns:1fr}.hero{padding:55px 0}.btn{margin:5px 0!important}}

/* =================================
   JAN SEHAT DASHBOARD
================================= */

.dashboard-wrapper {
    display: flex;
    min-height: 80vh;
    background: #f5f9fa;
}

.dashboard-sidebar {
    width: 250px;
    background: #087f8c;
    padding: 30px 20px;
    color: white;
}

.dashboard-sidebar h2 {
    margin-bottom: 30px;
}

.dashboard-sidebar a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 13px 15px;
    margin-bottom: 5px;
    border-radius: 8px;
}

.dashboard-sidebar a:hover {
    background: rgba(255,255,255,0.15);
}

.dashboard-content {
    flex: 1;
    padding: 40px;
}

.dashboard-content h1 {
    color: #075e68;
}

.dashboard-cards {
    display: grid;
    grid-template-columns:
        repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.dashboard-card {
    background: white;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
}

.dashboard-card h3 {
    color: #555;
}

.dashboard-card strong {
    font-size: 30px;
    color: #0b8f8f;
}

.doctor-profile-form {
    background: white;
    padding: 30px;
    border-radius: 15px;
    max-width: 700px;
}

.doctor-profile-form label {
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 600;
}

.doctor-profile-form input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.doctor-profile-form button {
    margin-top: 20px;
    padding: 12px 25px;
    background: #0b8f8f;
    color: white;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.dashboard-table {
    width: 100%;
    background: white;
    border-collapse: collapse;
    margin-top: 20px;
}

.dashboard-table th,
.dashboard-table td {
    padding: 15px;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.success-message {
    background: #dff7e8;
    color: #16733b;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

@media(max-width:768px) {

    .dashboard-wrapper {
        display: block;
    }

    .dashboard-sidebar {
        width: auto;
    }

    .dashboard-content {
        padding: 20px;
    }

}
/* Jan Sehat Header Logo */
.site-logo {
    height: 55px;
    width: auto;
    max-width: 220px;
    object-fit: contain;
    display: block;
}

/* Logo container */
.site-header .logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

/* Header alignment */
.nav-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Mobile logo */
@media (max-width: 768px) {
    .site-logo {
        height: 45px;
        max-width: 180px;
    }
}
```