/* =========================================================
   Doccure — Soft Medical Theme
   Applied over both the front (assets) and admin (admin-assets)
   stylesheets to give a calm, professional healthcare feel.
   ========================================================= */
:root {
    --soft-bg: #f1f6fc;
    --soft-surface: #ffffff;
    --soft-primary: #2b7fd4;        /* DRWORLD sky-blue (icon) */
    --soft-primary-dark: #1c4a9c;   /* DRWORLD navy (wordmark) */
    --soft-primary-soft: rgba(43, 127, 212, .12);
    --soft-accent: #3fa9f5;         /* "SINCE 2026" light blue */
    --soft-ink: #46546a;
    --soft-heading: #1c3d78;        /* navy headings, on-brand */
    --soft-border: #e7eef7;
    --soft-radius: 14px;
    --soft-shadow: 0 6px 24px rgba(28, 74, 156, .07);
}

body {
    background: var(--soft-bg) !important;
    color: var(--soft-ink);
}
h1, h2, h3, h4, h5, h6, .card-title, .page-title { color: var(--soft-heading); }

/* ---- Cards: borderless, rounded, soft shadow ---- */
.card {
    border: none !important;
    border-radius: var(--soft-radius) !important;
    box-shadow: var(--soft-shadow) !important;
    background: var(--soft-surface);
}
.card-header {
    background: transparent !important;
    border-bottom: 1px solid var(--soft-border) !important;
    border-radius: var(--soft-radius) var(--soft-radius) 0 0 !important;
}

/* ---- Buttons ---- */
.btn { border-radius: 9px !important; font-weight: 500; }
.btn-primary, .btn.msg-send-btn, .search-btn, .submit-btn {
    background: var(--soft-primary) !important;
    border-color: var(--soft-primary) !important;
    box-shadow: 0 6px 16px rgba(43, 127, 212, .25);
}
.btn-primary:hover, .search-btn:hover, .submit-btn:hover {
    background: var(--soft-primary-dark) !important;
    border-color: var(--soft-primary-dark) !important;
}
.btn-outline-primary { color: var(--soft-primary) !important; border-color: var(--soft-primary) !important; }
.btn-outline-primary:hover { background: var(--soft-primary) !important; color: #fff !important; }

/* Header buttons (front) tinted to the soft primary */
.header-btn-outline { border-color: var(--soft-primary) !important; color: var(--soft-primary) !important; }
.header-btn-outline:hover { background: var(--soft-primary) !important; color: #fff !important; }
.header-btn-fill { background: var(--soft-primary) !important; border-color: var(--soft-primary) !important; box-shadow: 0 4px 12px rgba(43,127,212,.3) !important; }
.header-btn-fill:hover { background: var(--soft-primary-dark) !important; border-color: var(--soft-primary-dark) !important; }

/* ---- Primary accents ---- */
a { color: var(--soft-primary); }
a:hover { color: var(--soft-primary-dark); }
.text-primary { color: var(--soft-primary) !important; }
.bg-primary { background-color: var(--soft-primary) !important; }
.badge-success, .bg-success { background-color: var(--soft-primary) !important; }
.progress-bar.bg-primary { background-color: var(--soft-primary) !important; }

/* ---- Inputs ---- */
.form-control, .form-select {
    border-radius: 9px !important;
    border-color: #e2eaf2 !important;
}
.form-control:focus, .form-select:focus {
    border-color: var(--soft-primary) !important;
    box-shadow: 0 0 0 .18rem var(--soft-primary-soft) !important;
}

/* ---- Tables: airy rows ---- */
.table > thead th { border-bottom: 1px solid var(--soft-border); color: var(--soft-heading); font-weight: 600; }
.table > tbody td { border-top: 1px solid #f2f5f9; vertical-align: middle; }

/* ---- Light badges tinted ---- */
.bg-info-light { background: #e7f1fc !important; color: #1c4a9c !important; }
.bg-success-light { background: #e8f8ec !important; color: #22a45d !important; }
.bg-primary-light { background: #e7f2fb !important; color: #2b7fd4 !important; }

/* ---- Front sections: soft banner tint ---- */
.section-search { background: linear-gradient(135deg, #e8f1fc 0%, #eef4fb 100%); }

/* ---- Admin sidebar: subtle deepening (keeps template blue) ---- */
.page-wrapper { background: var(--soft-bg); }

/* Rating stars stay warm gold */
.rating .filled, .fa-star.text-warning { color: #ffb300 !important; }

/* ---- Header nav: active / hover use brand blue (not template green) ---- */
.main-nav > li.active > a,
.main-nav > li > a:hover,
.main-nav > li.active > a:hover {
    color: var(--soft-primary) !important;
}
.main-nav li.login-link { color: var(--soft-primary) !important; }