/* 
 * Kanji by Sinc Web Studio LTD - Custom Brand Styling
 * Primary Color: #C3317D
 * Text Color: #18202C
 * Background Color: #F7F7F7
 * Body Font: Lora, serif 16px
 * Heading Font: Lato, sans-serif 15-54px
 */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Lato:wght@300;400;700;900&display=swap');

/* Global Typography */
body {
    font-family: 'Lora', serif !important;
    font-size: 16px !important;
    color: #18202C !important;
}

h1, h2, h3, h4, h5, h6,
.navbar-brand,
.menu-title,
.card-title {
    font-family: 'Lato', sans-serif !important;
}

h1 { font-size: 54px !important; font-weight: 700 !important; }
h2 { font-size: 42px !important; font-weight: 700 !important; }
h3 { font-size: 32px !important; font-weight: 400 !important; }
h4 { font-size: 24px !important; font-weight: 400 !important; }
h5 { font-size: 18px !important; font-weight: 400 !important; }
h6 { font-size: 15px !important; font-weight: 400 !important; }

/* Primary Color Overrides */
.btn-primary,
.badge-primary,
.bg-primary,
.text-primary,
.btn-gradient-primary {
    background: #C3317D !important;
    background-color: #C3317D !important;
    border-color: #C3317D !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #a0286a !important;
    background-color: #a0286a !important;
    border-color: #a0286a !important;
}

/* Links */
a {
    color: #C3317D !important;
}

a:hover,
a:focus {
    color: #a0286a !important;
}

/* Sidebar Active Items */
.sidebar .nav .nav-item.active > .nav-link,
.sidebar .nav .nav-item.active > .nav-link i {
    color: #C3317D !important;
}

.sidebar .nav .nav-item.active > .nav-link:before {
    background: #C3317D !important;
}

/* Navbar */
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item:hover {
    background: rgba(195, 49, 125, 0.1) !important;
    color: #C3317D !important;
}

/* Buttons */
.btn-outline-primary {
    border-color: #C3317D !important;
    color: #C3317D !important;
}

.btn-outline-primary:hover {
    background: #C3317D !important;
    color: #ffffff !important;
}

/* Form Controls Focus */
.form-control:focus,
.form-select:focus {
    border-color: #C3317D !important;
    box-shadow: 0 0 0 0.2rem rgba(195, 49, 125, 0.25) !important;
}

/* Checkboxes and Radios */
.form-check-input:checked {
    background-color: #C3317D !important;
    border-color: #C3317D !important;
}

/* Progress Bars */
.progress-bar {
    background-color: #C3317D !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background-color: #C3317D !important;
    border-color: #C3317D !important;
}

.pagination .page-link:hover {
    color: #C3317D !important;
}

/* Tabs */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background-color: #C3317D !important;
    border-color: #C3317D !important;
    color: #ffffff !important;
}

/* Badges */
.badge-info,
.badge-warning {
    background-color: #C3317D !important;
}

/* Cards */
.card {
    font-family: 'Lora', serif !important;
}

.card-header {
    background-color: #F7F7F7 !important;
    border-bottom: 1px solid rgba(195, 49, 125, 0.2) !important;
}

/* Tables */
.table-hover tbody tr:hover {
    background-color: rgba(195, 49, 125, 0.05) !important;
}

.table thead th {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    color: #18202C !important;
}

/* Alerts */
.alert-success {
    border-left: 4px solid #C3317D !important;
}

/* Dropdowns */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(195, 49, 125, 0.1) !important;
    color: #C3317D !important;
}

/* Modals */
.modal-header {
    border-bottom: 2px solid #C3317D !important;
}

.modal-title {
    color: #C3317D !important;
}

/* Icons with Primary Color */
.mdi.text-primary,
.ti-primary {
    color: #C3317D !important;
}

/* Sidebar Brand */
.sidebar .nav .nav-item .nav-link i.menu-icon {
    color: #18202C;
}

.sidebar .nav .nav-item.active .nav-link i.menu-icon {
    color: #C3317D !important;
}

/* Footer */
.footer {
    background: #F7F7F7 !important;
    font-family: 'Lora', serif !important;
}

/* Background Utilities */
.bg-light {
    background-color: #F7F7F7 !important;
}

/* Text Utilities */
.text-dark,
.text-body {
    color: #18202C !important;
}

/* Gradient Backgrounds (remove gradients, use solid color) */
.bg-gradient-primary,
.btn-gradient-primary,
.bg-gradient-info,
.btn-gradient-info {
    background: #C3317D !important;
    background-image: none !important;
}

/* Chart Colors */
.chart-legend .legend-label {
    font-family: 'Lato', sans-serif !important;
}

/* Loading Spinner */
.spinner-border.text-primary {
    color: #C3317D !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar-thumb {
    background-color: #C3317D !important;
}

/* Auth Pages */
.auth .auth-form-light {
    font-family: 'Lora', serif !important;
}

.auth .brand-logo img {
    max-width: 200px;
}

/* Data Tables */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #C3317D !important;
    border-color: #C3317D !important;
    color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(195, 49, 125, 0.1) !important;
    border-color: #C3317D !important;
    color: #C3317D !important;
}

/* Select2 Dropdown */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #C3317D !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #C3317D !important;
}

/* Toast Notifications */
.toast-success {
    background-color: #C3317D !important;
}

/* Switch Toggle */
.form-switch .form-check-input:checked {
    background-color: #C3317D !important;
    border-color: #C3317D !important;
}

/* Timeline */
.timeline .timeline-item .timeline-badge {
    background-color: #C3317D !important;
}

/* Pricing Tables */
.pricing-table .pricing-card.featured {
    border: 2px solid #C3317D !important;
}

.pricing-table .pricing-card .btn-select {
    background-color: #C3317D !important;
    border-color: #C3317D !important;
}

/* File Upload */
.dropzone {
    border: 2px dashed rgba(195, 49, 125, 0.3) !important;
}

.dropzone:hover {
    border-color: #C3317D !important;
}

/* Tags Input */
.bootstrap-tagsinput .tag {
    background-color: #C3317D !important;
}

/* Dashboard Stats Cards */
.card-statistics .highlight-icon {
    background: rgba(195, 49, 125, 0.1) !important;
    color: #C3317D !important;
}

/* Owl Carousel */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #C3317D !important;
}

/* Preview Images Border */
.preview-thumbnail {
    border: 2px solid #C3317D !important;
}

/* Status Indicators */
.status-indicator.online {
    background-color: #C3317D !important;
}

/* Social Media Icons */
.social-icons a:hover {
    color: #C3317D !important;
}