/**
 * Kitsofts — flat Bootstrap 3 + blue / pale blue shell overrides.
 * Requires body.kitsofts-flat-bootstrap and Bootstrap 3.4 CSS.
 */

body.kitsofts-flat-bootstrap {
    --primary: #002366;
    --primary-dark: #001a4d;
    --primary-light: #003d99;
    --primary-rgb: 0, 35, 102;
    --pale-blue: #94b4dc;
    --pale-blue-mid: #7a9fd0;
    --pale-blue-light: #a8c4e8;
    --pale-blue-soft: #b8cfe8;
    --bs-flat-radius: 0;
    --bs-flat-border: #8aa5cc;
    --bs-flat-border-dark: #002366;
    --bs-flat-panel-head: #8aa5cc;
    --gradient: var(--primary);
    --gradient-accent: var(--primary);
    --gradient-brand: var(--primary);
    --radius: 4px;
    --radius-sm: 4px;
    --radius-xs: 2px;
    --shadow: none;
    --shadow-lg: none;
    --glow: none;
}

/* ── Bootstrap 3 — flat, themed ── */
body.kitsofts-flat-bootstrap .btn {
    border-radius: var(--bs-flat-radius);
    box-shadow: none !important;
    text-shadow: none !important;
    background-image: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body.kitsofts-flat-bootstrap .btn:active,
body.kitsofts-flat-bootstrap .btn.active {
    box-shadow: none !important;
}

body.kitsofts-flat-bootstrap .btn-primary,
body.kitsofts-flat-bootstrap .btn-primary:focus {
    background-color: var(--primary);
    border-color: var(--primary-dark);
}

body.kitsofts-flat-bootstrap .btn-primary:hover,
body.kitsofts-flat-bootstrap .btn-primary:active,
body.kitsofts-flat-bootstrap .btn-primary.active,
body.kitsofts-flat-bootstrap .open > .dropdown-toggle.btn-primary {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

body.kitsofts-flat-bootstrap .btn-default {
    background-color: var(--pale-blue-light, #e8f1fa);
    border-color: var(--bs-flat-border, #bfdbfe);
    color: var(--primary, #002366);
}

body.kitsofts-flat-bootstrap .btn-default:hover,
body.kitsofts-flat-bootstrap .btn-default:focus {
    background-color: var(--pale-blue, #e8f1fa);
    border-color: var(--bs-flat-border-dark);
    color: var(--primary, #002366);
}

body.kitsofts-flat-bootstrap .btn-success {
    background-color: var(--success, #43aa8b);
    border-color: #3d9970;
}

body.kitsofts-flat-bootstrap .btn-danger {
    background-color: var(--danger, #f94144);
    border-color: #d32f2f;
}

body.kitsofts-flat-bootstrap .btn-warning {
    background-color: var(--warning, #f8961e);
    border-color: #e67e22;
}

body.kitsofts-flat-bootstrap .btn-info {
    background-color: var(--info, #277da1);
    border-color: #1f6b8a;
}

body.kitsofts-flat-bootstrap .form-control {
    border-radius: var(--bs-flat-radius);
    box-shadow: none;
    border-color: #ccc;
}

body.kitsofts-flat-bootstrap .form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.18);
}

body.kitsofts-flat-bootstrap .input-group-addon {
    border-radius: var(--bs-flat-radius);
    background-color: var(--pale-blue, #e8f1fa);
    border-color: var(--bs-flat-border);
}

body.kitsofts-flat-bootstrap .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #ddd;
}

body.kitsofts-flat-bootstrap .panel-heading {
    border-radius: 0;
}

body.kitsofts-flat-bootstrap .panel-primary {
    border-color: var(--primary-dark);
}

body.kitsofts-flat-bootstrap .panel-primary > .panel-heading,
body.kitsofts-flat-bootstrap .panel-default > .panel-heading {
    background-color: var(--primary);
    border-color: var(--primary-dark);
    color: #fff;
    border-radius: 0;
}

body.kitsofts-flat-bootstrap .panel-body {
    border-radius: 0;
    background: var(--pale-blue-soft, #e8f1fa);
}

body.kitsofts-flat-bootstrap .table {
    border-collapse: collapse;
}

body.kitsofts-flat-bootstrap .table > thead > tr > th {
    border-bottom: 2px solid var(--primary-dark);
    background: var(--primary);
    color: #fff;
    font-weight: bold;
}

body.kitsofts-flat-bootstrap .table > tbody > tr > td,
body.kitsofts-flat-bootstrap .table > tbody > tr > th {
    border-top: 1px solid var(--bs-flat-border);
}

body.kitsofts-flat-bootstrap .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--pale-blue-light, #e8f1fa);
}

body.kitsofts-flat-bootstrap .table-hover > tbody > tr:hover {
    background-color: var(--pale-blue-mid, #bfdbfe);
}

body.kitsofts-flat-bootstrap .table-bordered {
    border: 1px solid var(--bs-flat-border);
}

body.kitsofts-flat-bootstrap .table-bordered > thead > tr > th,
body.kitsofts-flat-bootstrap .table-bordered > tbody > tr > th,
body.kitsofts-flat-bootstrap .table-bordered > tfoot > tr > th,
body.kitsofts-flat-bootstrap .table-bordered > thead > tr > td,
body.kitsofts-flat-bootstrap .table-bordered > tbody > tr > td,
body.kitsofts-flat-bootstrap .table-bordered > tfoot > tr > td {
    border: 1px solid var(--bs-flat-border);
}

body.kitsofts-flat-bootstrap .well,
body.kitsofts-flat-bootstrap .jumbotron {
    border-radius: 0;
    box-shadow: none;
    background-color: var(--pale-blue-light, #e8f1fa);
    border: 1px solid var(--bs-flat-border);
}

body.kitsofts-flat-bootstrap .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ddd;
}

body.kitsofts-flat-bootstrap .modal-header {
    background: var(--primary);
    color: #fff;
    border-radius: 0;
    border-bottom: 2px solid var(--primary-dark);
}

body.kitsofts-flat-bootstrap .modal-header .close {
    color: #fff;
    opacity: 0.85;
    text-shadow: none;
}

body.kitsofts-flat-bootstrap .alert {
    border-radius: 0;
    box-shadow: none;
}

body.kitsofts-flat-bootstrap .label,
body.kitsofts-flat-bootstrap .badge {
    border-radius: var(--bs-flat-radius);
    font-weight: 600;
}

body.kitsofts-flat-bootstrap .label-primary,
body.kitsofts-flat-bootstrap .badge-primary {
    background-color: var(--primary);
}

body.kitsofts-flat-bootstrap .pagination > li > a,
body.kitsofts-flat-bootstrap .pagination > li > span {
    border-radius: 0 !important;
    color: var(--primary);
}

body.kitsofts-flat-bootstrap .pagination > .active > a,
body.kitsofts-flat-bootstrap .pagination > .active > span {
    background-color: var(--primary);
    border-color: var(--primary-dark);
}

body.kitsofts-flat-bootstrap .nav-pills > li.active > a,
body.kitsofts-flat-bootstrap .nav-pills > li.active > a:hover,
body.kitsofts-flat-bootstrap .nav-pills > li.active > a:focus {
    background-color: var(--primary);
}

body.kitsofts-flat-bootstrap .dropdown-menu {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ddd;
}

body.kitsofts-flat-bootstrap .navbar-default {
    border-radius: 0;
    box-shadow: none;
    background-color: var(--pale-blue-light, #e8f1fa);
    border-color: var(--bs-flat-border);
}

/* ── App shell — flatten glossy layout ── */
body.kitsofts-flat-bootstrap .sidebar {
    backdrop-filter: none;
    box-shadow: 6px 0 22px rgba(var(--primary-rgb), 0.14);
}

body.kitsofts-flat-bootstrap .sidebar-header {
    background: var(--pale-blue-light, #e8f1fa);
}

body.kitsofts-flat-bootstrap .sidebar-header::before {
    display: none;
}

body.kitsofts-flat-bootstrap .logo-icon {
    background: var(--primary);
    box-shadow: none;
    border-radius: var(--bs-flat-radius);
    border: 0;
}

body.kitsofts-flat-bootstrap .logo-text h2 {
    background: none;
    -webkit-text-fill-color: #1e40af;
    color: var(--primary, #002366);
}

body.kitsofts-flat-bootstrap .nav-link {
    border-radius: 0;
    transform: none !important;
}

body.kitsofts-flat-bootstrap .nav-link:hover {
    transform: none !important;
}

body.kitsofts-flat-bootstrap .nav-link.active {
    background: var(--primary);
    box-shadow: none;
    border-color: var(--primary-dark);
}

body.kitsofts-flat-bootstrap .sticky-header {
    backdrop-filter: none;
    box-shadow: none;
    border-bottom: 2px solid var(--primary);
}

body.kitsofts-flat-bootstrap .summary-card,
body.kitsofts-flat-bootstrap .chart-card,
body.kitsofts-flat-bootstrap .table-card,
body.kitsofts-flat-bootstrap .shop-overview-card,
body.kitsofts-flat-bootstrap .pharmacy-stat-card {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid var(--bs-flat-border);
}

body.kitsofts-flat-bootstrap .summary-card::before,
body.kitsofts-flat-bootstrap .chart-card::before,
body.kitsofts-flat-bootstrap .table-card::before {
    display: none;
}

body.kitsofts-flat-bootstrap .card-icon {
    border-radius: var(--bs-flat-radius);
    box-shadow: none;
}

body.kitsofts-flat-bootstrap .card-icon.primary {
    background: var(--primary);
}

body.kitsofts-flat-bootstrap .table-responsive {
    background: var(--pale-blue-light, #e8f1fa);
    border: 1px solid var(--bs-flat-border);
    border-radius: 0;
}

body.kitsofts-flat-bootstrap .table-action-btn {
    border-radius: var(--bs-flat-radius);
    box-shadow: none;
}

body.kitsofts-flat-bootstrap .progress-fill {
    background: var(--primary);
}

body.kitsofts-flat-bootstrap .nav-badge.success,
body.kitsofts-flat-bootstrap .nav-badge.warning,
body.kitsofts-flat-bootstrap .nav-badge.danger {
    background: var(--primary);
    box-shadow: none;
}

body.kitsofts-flat-bootstrap .nav-badge.success { background: var(--success, #43aa8b); }
body.kitsofts-flat-bootstrap .nav-badge.warning { background: var(--warning, #f8961e); }
body.kitsofts-flat-bootstrap .nav-badge.danger { background: var(--danger, #f94144); }

/* Map common shell buttons to Bootstrap flat look */
body.kitsofts-flat-bootstrap .header-action-btn,
body.kitsofts-flat-bootstrap .theme-toggle-btn,
body.kitsofts-flat-bootstrap .table-action-btn,
body.kitsofts-flat-bootstrap .mobile-menu-btn,
body.kitsofts-flat-bootstrap .mobile-logout-btn {
    border-radius: var(--bs-flat-radius);
    box-shadow: none;
}

/* Login / public pages */
body.kitsofts-flat-bootstrap.kitsofts-login-page {
    background: var(--pale-blue-soft, #f0f7ff);
}

body.kitsofts-flat-bootstrap .login-box {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid var(--bs-flat-border);
}

body.kitsofts-flat-bootstrap .shop-tile {
    border-radius: 0;
    box-shadow: none;
}

body.kitsofts-flat-bootstrap .shop-tile:hover {
    transform: none;
    box-shadow: none;
    border-color: var(--primary);
    background: var(--pale-blue-light, #e8f1fa);
}

body.kitsofts-flat-bootstrap .login-header .brand-icon {
    color: var(--primary);
}

body.kitsofts-flat-bootstrap .demo-prepare-box a,
body.kitsofts-flat-bootstrap .btn-demo,
body.kitsofts-flat-bootstrap a.btn.demo {
    background: #28a745 !important;
    border-color: #1e7e34;
    color: #fff !important;
}

body.kitsofts-flat-bootstrap .demo-prepare-box a:hover,
body.kitsofts-flat-bootstrap .btn-demo:hover,
body.kitsofts-flat-bootstrap a.btn.demo:hover {
    background: #218838 !important;
    color: #fff !important;
}

body.kitsofts-flat-bootstrap .login-submit-btn {
    background: var(--primary) !important;
    background-image: none !important;
    border-radius: var(--bs-flat-radius);
    box-shadow: none;
}