/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom RTL Css File — Tiara Brand Theme
*/

/* ========== Tiara Brand Palette ========== */
:root {
  /* Core Tiara Colors */
  --tiara-primary: #952249;
  --tiara-primary-rgb: 149, 34, 73;
  --tiara-primary-dark: #7a1b3c;
  --tiara-light: #FFC0CA;
  --tiara-lighter: #F1D3D3;

  /* Override ALL Bootstrap / Velzon contextual colors */
  --vz-primary: #952249;
  --vz-primary-rgb: 149, 34, 73;
  --vz-primary-bg-subtle: #f3d5de;
  --vz-primary-border-subtle: #dda0b5;
  --vz-primary-text-emphasis: #5a1530;

  --vz-success: #952249;
  --vz-success-rgb: 149, 34, 73;
  --vz-success-bg-subtle: #f3d5de;
  --vz-success-border-subtle: #dda0b5;
  --vz-success-text-emphasis: #5a1530;

  --vz-info: #B8446A;
  --vz-info-rgb: 184, 68, 106;
  --vz-info-bg-subtle: #f5dce4;
  --vz-info-border-subtle: #e4afc0;
  --vz-info-text-emphasis: #6e2940;

  --vz-secondary: #6B1834;
  --vz-secondary-rgb: 107, 24, 52;
  --vz-secondary-bg-subtle: #ebd1d9;
  --vz-secondary-border-subtle: #c898a8;
  --vz-secondary-text-emphasis: #400e1f;

  --vz-warning: #D4A017;
  --vz-warning-rgb: 212, 160, 23;
  --vz-warning-bg-subtle: #faf0d0;
  --vz-warning-border-subtle: #ecd48b;
  --vz-warning-text-emphasis: #7f600e;

  --vz-danger: #C0392B;
  --vz-danger-rgb: 192, 57, 43;
  --vz-danger-bg-subtle: #f5d7d4;
  --vz-danger-border-subtle: #e4a29a;
  --vz-danger-text-emphasis: #73221a;

  /* Custom palette extras */
  --vz-orange: #C87941;
  --vz-orange-rgb: 200, 121, 65;
  --vz-pink: #D45D79;
  --vz-pink-rgb: 212, 93, 121;
  --vz-purple: #7B3F6B;
  --vz-purple-rgb: 123, 63, 107;
  --vz-teal: #A0566B;
  --vz-teal-rgb: 160, 86, 107;
  --vz-dark: #4A1030;
  --vz-dark-rgb: 74, 16, 48;

  --vz-link-color: #952249;
  --vz-link-color-rgb: 149, 34, 73;
  --vz-link-hover-color: #7a1b3c;
  --vz-link-hover-color-rgb: 122, 27, 60;
}

/* ========== Font Family ========== */
body {
  font-family: 'GE SS Two', sans-serif !important;
}

/* ========== Background Utility Overrides ========== */
.bg-primary {
  background-color: var(--vz-primary) !important;
}

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

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

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

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

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

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

.bg-orange {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-orange-rgb), var(--vz-bg-opacity)) !important;
}

.bg-pink {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-pink-rgb), var(--vz-bg-opacity)) !important;
}

.bg-purple {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-purple-rgb), var(--vz-bg-opacity)) !important;
}

.bg-teal {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-teal-rgb), var(--vz-bg-opacity)) !important;
}

/* Subtle backgrounds */
.bg-primary-subtle {
  background-color: var(--vz-primary-bg-subtle) !important;
}

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

.bg-info-subtle {
  background-color: var(--vz-info-bg-subtle) !important;
}

/* ========== Text Color Overrides ========== */
.text-primary {
  color: var(--vz-primary) !important;
}

.text-success {
  color: var(--vz-success) !important;
}

.text-info {
  color: var(--vz-info) !important;
}

.text-secondary {
  color: var(--vz-secondary) !important;
}

a {
  color: var(--vz-primary);
}

a:hover {
  color: var(--tiara-primary-dark);
}

/* ========== Sidebar Theme ========== */
[data-sidebar=dark] .app-menu {
  background-color: var(--tiara-primary) !important;
}

[data-sidebar=dark] .logo-light img {
  filter: brightness(0) invert(1);
}

[data-sidebar=dark] .navbar-brand-box {
  background-color: var(--tiara-primary) !important;
}

[data-sidebar=dark] .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

[data-sidebar=dark] .navbar-nav .nav-link:hover,
[data-sidebar=dark] .navbar-nav .nav-link:focus {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

[data-sidebar=dark] .navbar-nav .nav-link.active,
[data-sidebar=dark] .navbar-nav .nav-sm .nav-link.active {
  color: #fff !important;
  background-color: rgba(255, 192, 202, 0.2) !important;
}

[data-sidebar=dark] .menu-title {
  color: var(--tiara-light) !important;
}

[data-sidebar=dark] .navbar-nav .nav-sm .nav-link {
  color: rgba(255, 255, 255, 0.7) !important;
}

[data-sidebar=dark] .navbar-nav .nav-sm .nav-link:hover {
  color: #fff !important;
}

[data-sidebar=dark] .sidebar-background {
  background-color: var(--tiara-primary) !important;
}

/* ========== Buttons ========== */
.btn-primary {
  background-color: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--tiara-primary-dark) !important;
  border-color: var(--tiara-primary-dark) !important;
}

.btn-success {
  background-color: var(--vz-success) !important;
  border-color: var(--vz-success) !important;
  color: #fff !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: var(--tiara-primary-dark) !important;
  border-color: var(--tiara-primary-dark) !important;
}

.btn-info {
  background-color: var(--vz-info) !important;
  border-color: var(--vz-info) !important;
  color: #fff !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: #9C3858 !important;
  border-color: #9C3858 !important;
}

.btn-secondary {
  background-color: var(--vz-secondary) !important;
  border-color: var(--vz-secondary) !important;
  color: #fff !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #55132A !important;
  border-color: #55132A !important;
}

/* Outline buttons */
.btn-outline-primary {
  color: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
  background-color: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
  color: #fff !important;
}

.btn-outline-success {
  color: var(--vz-success) !important;
  border-color: var(--vz-success) !important;
}

.btn-outline-success:hover,
.btn-outline-success:active {
  background-color: var(--vz-success) !important;
  border-color: var(--vz-success) !important;
  color: #fff !important;
}

/* Soft buttons */
.btn-soft-primary {
  color: var(--vz-primary) !important;
  background-color: var(--vz-primary-bg-subtle) !important;
}

.btn-soft-primary:hover {
  color: #fff !important;
  background-color: var(--vz-primary) !important;
}

.btn-soft-success {
  color: var(--vz-success) !important;
  background-color: var(--vz-success-bg-subtle) !important;
}

.btn-soft-success:hover {
  color: #fff !important;
  background-color: var(--vz-success) !important;
}

.btn-soft-info {
  color: var(--vz-info) !important;
  background-color: var(--vz-info-bg-subtle) !important;
}

.btn-soft-info:hover {
  color: #fff !important;
  background-color: var(--vz-info) !important;
}

/* ========== Header / Topbar ========== */
.navbar-header {
  background-color: #fff !important;
}

.topbar-head-dropdown .btn {
  color: var(--tiara-primary) !important;
}

.dropdown-head.bg-primary {
  background-color: var(--vz-primary) !important;
}

/* ========== Badges ========== */
.badge.bg-primary {
  background-color: var(--vz-primary) !important;
}

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

.badge.bg-info {
  background-color: var(--vz-info) !important;
}

.badge.bg-secondary {
  background-color: var(--vz-secondary) !important;
}

.badge.bg-info-subtle {
  background-color: var(--vz-info-bg-subtle) !important;
  color: var(--vz-info) !important;
}

.badge.bg-primary-subtle {
  background-color: var(--vz-primary-bg-subtle) !important;
  color: var(--vz-primary) !important;
}

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

/* ========== Avatar ========== */
.avatar-title.bg-info-subtle {
  background-color: var(--vz-info-bg-subtle) !important;
}

.avatar-title.bg-info-subtle.text-info {
  color: var(--vz-info) !important;
}

.avatar-title.bg-primary-subtle {
  background-color: var(--vz-primary-bg-subtle) !important;
}

.avatar-title.bg-success-subtle {
  background-color: var(--vz-success-bg-subtle) !important;
}

/* ========== Pagination & Links ========== */
.page-item.active .page-link {
  background-color: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
}

.page-link {
  color: var(--vz-primary) !important;
}

.page-link:hover {
  color: var(--tiara-primary-dark) !important;
}

/* ========== Form Focus States ========== */
.form-control:focus,
.form-select:focus {
  border-color: var(--tiara-light) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--tiara-primary-rgb), 0.15) !important;
}

.form-check-input:checked {
  background-color: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
}

/* ========== Nav Tabs & Pills ========== */
.nav-tabs .nav-link.active {
  color: var(--vz-primary) !important;
  border-bottom-color: var(--vz-primary) !important;
}

.nav-pills .nav-link.active {
  background-color: var(--vz-primary) !important;
}

.nav-link:hover {
  color: var(--tiara-primary-dark) !important;
}

/* ========== Progress Bars ========== */
.progress-bar {
  background-color: var(--vz-primary) !important;
}

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

.progress-bar.bg-info {
  background-color: var(--vz-info) !important;
}

/* ========== DataTables ========== */
table.dataTable thead th {
  border-bottom-color: var(--tiara-lighter) !important;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
  color: #fff !important;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--tiara-lighter) !important;
  border-color: var(--tiara-lighter) !important;
  color: var(--vz-primary) !important;
}

/* ========== Alerts ========== */
.alert-primary {
  color: var(--vz-primary-text-emphasis) !important;
  background-color: var(--vz-primary-bg-subtle) !important;
  border-color: var(--vz-primary-border-subtle) !important;
}

.alert-success {
  color: var(--vz-success-text-emphasis) !important;
  background-color: var(--vz-success-bg-subtle) !important;
  border-color: var(--vz-success-border-subtle) !important;
}

.alert-info {
  color: var(--vz-info-text-emphasis) !important;
  background-color: var(--vz-info-bg-subtle) !important;
  border-color: var(--vz-info-border-subtle) !important;
}

/* ========== Accordion ========== */
.accordion-button:not(.collapsed) {
  color: var(--vz-primary) !important;
  background-color: var(--vz-primary-bg-subtle) !important;
}

/* ========== List Group ========== */
.list-group-item.active {
  background-color: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
}

/* ========== Spinner ========== */
.spinner-border.text-primary {
  color: var(--vz-primary) !important;
}

.spinner-border.text-success {
  color: var(--vz-success) !important;
}