/* Dynamic Branding CSS - Generated from database settings */

:root {
    --primary-orange: #027db7; /* Custom primary color */
    --light-orange-bg: #aac2ff; /* Custom background color */
    --card-header-bg: #6c757d40; /* Secondary color with transparency */
    --dark-text: #212529; /* Custom text color */
    --light-text: #FFFFFF;
    --warning-color: #ffd010; /* Custom warning color for Add Visit button */
    --success-color: #28a745; /* Custom success color for Add Representative button */
    --heading-color: linear-gradient(135deg, #027db7, #6c757d, #027db780, #6c757d80); /* Gradient with custom colors */
    --primary-font: Roboto, sans-serif; /* Custom primary font */
    --heading-font: Roboto, sans-serif; /* Custom heading font */

    /* Domain palette */
    --visit-color: #ffc107;
    --visit-bg: #ffc10726;
    --case-color: #28a745;
    --case-bg: #28a7451F;
    --product-color: #00bef0;
    --product-bg: #00bef01F;
    --doctor-color: #027db7;
    --doctor-bg: #027db71F;
    --representative-color: #6f42c1;
    --representative-bg: #6f42c11F;
}

/* Apply custom fonts */
body {
    font-family: var(--primary-font) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font) !important;
}

/* Custom navbar styling */
.navbar-custom {
    background-color: var(--primary-orange) !important;
}

.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
    color: var(--light-text) !important;
    font-weight: bold;
}

.navbar-custom .nav-link:hover {
    color: #fdfefe !important;
}

/* Button styling */
.btn-primary {
    background-color: var(--primary-orange) !important;
    border-color: var(--primary-orange) !important;
}

.btn-primary:hover {
    background-color: #027db7D0 !important; /* Slightly darker on hover */
    border-color: #027db7D0 !important;
}

/* Domain-specific buttons */
.btn-visit { background-color: var(--visit-color) !important; border-color: var(--visit-color) !important; color: #000 !important; }
.btn-visit:hover { background-color: #ffc107D0 !important; border-color: #ffc107D0 !important; color: #000 !important; }
.btn-outline-visit { color: var(--visit-color) !important; border-color: var(--visit-color) !important; }
.btn-outline-visit:hover { background-color: var(--visit-color) !important; color: #000 !important; }

.btn-case { background-color: var(--case-color) !important; border-color: var(--case-color) !important; color: #fff !important; }
.btn-case:hover { background-color: #28a745D0 !important; border-color: #28a745D0 !important; color: #fff !important; }
.btn-outline-case { color: var(--case-color) !important; border-color: var(--case-color) !important; }
.btn-outline-case:hover { background-color: var(--case-color) !important; color: #fff !important; }

.btn-product { background-color: var(--product-color) !important; border-color: var(--product-color) !important; color: #fff !important; }
.btn-product:hover { background-color: #00bef0D0 !important; border-color: #00bef0D0 !important; color: #fff !important; }
.btn-outline-product { color: var(--product-color) !important; border-color: var(--product-color) !important; }
.btn-outline-product:hover { background-color: var(--product-color) !important; color: #fff !important; }

.btn-doctor { background-color: var(--doctor-color) !important; border-color: var(--doctor-color) !important; color: #fff !important; }
.btn-doctor:hover { background-color: #027db7D0 !important; border-color: #027db7D0 !important; color: #fff !important; }
.btn-outline-doctor { color: var(--doctor-color) !important; border-color: var(--doctor-color) !important; }
.btn-outline-doctor:hover { background-color: var(--doctor-color) !important; color: #fff !important; }

.btn-representative { background-color: var(--representative-color) !important; border-color: var(--representative-color) !important; color: #fff !important; }
.btn-representative:hover { background-color: #6f42c1D0 !important; border-color: #6f42c1D0 !important; color: #fff !important; }
.btn-outline-representative { color: var(--representative-color) !important; border-color: var(--representative-color) !important; }
.btn-outline-representative:hover { background-color: var(--representative-color) !important; color: #fff !important; }

/* Background color classes for consistency */
.bg-warning {
    background-color: var(--warning-color) !important;
}

.bg-success {
    background-color: var(--success-color) !important;
}

/* Card header styling */
.card-header {
    background-color: var(--card-header-bg) !important;
    border-bottom: 1px solid #027db740 !important;
}

/* Alert styling */
.alert-info {
    background-color: #aac2ff !important;
    border-color: var(--primary-orange) !important;
    color: var(--dark-text) !important;
}

/* PWA install button */
.pwa-install-btn {
    background: linear-gradient(135deg, #027db7, #6c757d) !important;
}

/* Theme color override for mobile browsers */
meta[name="theme-color"] {
    content: #027db7 !important;
}