html {
    scroll-behavior: smooth;
}

.custom-scrollbar::-webkit-scrollbar {
    height: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.dark .custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #475569;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.erp-font-inter {
    font-family: "Inter", sans-serif;
}

.erp-font-manrope {
    font-family: "Manrope", "Noto Sans", sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

/* Project link utility (Bootstrap link-primary replacement) */
.link-pratik {
    color: #f36f21 !important;
}

.link-pratik:hover,
.link-pratik:focus {
    color: #d35a1a !important;
}

.nav-link.nav-link-pratik {
    color: #f36f21 !important;
}

.nav-link.nav-link-pratik:hover,
.nav-link.nav-link-pratik:focus,
.nav-link.nav-link-pratik.active {
    color: #d35a1a !important;
}

/* -------------------------------------------------------------------------- */
/* Pratik Store Tema Renkleri - Turuncu (#f36f21)                              */
/* btn-pratik, btn-outline-pratik vb.                                         */
/* -------------------------------------------------------------------------- */
.btn-pratik {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f36f21;
    --bs-btn-border-color: #f36f21;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d35a1a;
    --bs-btn-hover-border-color: #d35a1a;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c04f15;
    --bs-btn-active-border-color: #c04f15;
    --bs-btn-focus-shadow-rgb: 243, 111, 33;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f36f21;
    --bs-btn-disabled-border-color: #f36f21;
}

.btn-outline-pratik {
    --bs-btn-color: #f36f21;
    --bs-btn-border-color: #f36f21;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f36f21;
    --bs-btn-hover-border-color: #f36f21;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d35a1a;
    --bs-btn-active-border-color: #d35a1a;
    --bs-btn-focus-shadow-rgb: 243, 111, 33;
    --bs-btn-disabled-color: #f36f21;
    --bs-btn-disabled-border-color: #f36f21;
}

/* -------------------------------------------------------------------------- */
/* ERP marketing pages (Bootstrap-based)                                       */
/* -------------------------------------------------------------------------- */

.erp-body {
    background: #f3f4f6;
    color: #0f172a;
}

.dark .erp-body {
    background: #0f172a;
    color: #e2e8f0;
}

.erp-surface {
    background: #ffffff;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

.erp-brand-logo {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.erp-brand-logo--footer {
    width: auto;
    height: 56px;
}

.dark .erp-surface {
    background: #1e293b;
    border-bottom-color: rgba(71, 85, 105, 0.6);
}

.erp-surface .nav-link {
    color: #475569;
    font-weight: 600;
}

.erp-surface .nav-link:hover {
    color: #f36f21;
}

.erp-surface .nav-link.active {
    color: #f36f21;
}

.dark .erp-surface .nav-link {
    color: #cbd5e1;
}

.dark .erp-surface .nav-link:hover,
.dark .erp-surface .nav-link.active {
    color: #f59e0b;
}

.dark .erp-surface .navbar-toggler {
    border-color: rgba(148, 163, 184, 0.35);
}

.dark .erp-surface .navbar-toggler-icon {
    filter: invert(1);
}

.erp-hero {
    background: radial-gradient(1200px circle at 20% 0%, rgba(243, 111, 33, 0.12), transparent 55%),
                radial-gradient(900px circle at 80% 20%, rgba(245, 158, 11, 0.10), transparent 50%);
}

.dark .erp-hero {
    background: radial-gradient(1200px circle at 20% 0%, rgba(243, 111, 33, 0.18), transparent 55%),
                radial-gradient(900px circle at 80% 20%, rgba(245, 158, 11, 0.14), transparent 50%);
}

.erp-card {
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.dark .erp-card {
    border-color: rgba(71, 85, 105, 0.35);
    background: #1e293b;
}

.erp-muted {
    color: #64748b;
}

.dark .erp-muted {
    color: #94a3b8;
}

.erp-badge-soft {
    background: rgba(243, 111, 33, 0.12);
    color: #f36f21;
    border: 1px solid rgba(243, 111, 33, 0.12);
}

.erp-section-title {
    font-weight: 800;
    letter-spacing: -0.02em;
}

/* -------------------------------------------------------------------------- */
/* Bootstrap primary renk override (Bootstrap mavi)                            */
/* -------------------------------------------------------------------------- */

.erp-body .btn-primary {
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
}

.erp-body .text-primary {
    color: #0d6efd !important;
}

.erp-body .link-primary {
    color: #0d6efd !important;
}

.erp-body .link-primary:hover {
    color: #0b5ed7 !important;
}

.erp-body .form-control:focus,
.erp-body .form-select:focus,
.erp-body .form-check-input:focus {
    border-color: rgba(13, 110, 253, 0.9);
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.erp-body .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}