/* ================================================
   Chatza Design Studio - Custom Branding
   ================================================ */

/* Change "Tiledesk Design Studio" to "Chatza Design Studio" */
.header-go-back .cds-text:first-child {
    font-size: 0 !important;
}

.header-go-back .cds-text:first-child::after {
    content: 'Chatza' !important;
    font-size: 14px !important;
    display: inline !important;
}

/* Sidebar Color Scheme - Match Dashboard */
.cds-sidebar {
    background: linear-gradient(180deg, #2d323e 0%, #2d323e 100%) !important;
}

/* Sidebar Items */
.cds-sidebar .sidebar-item {
    border-radius: 12px !important;
}

.cds-sidebar .sidebar-item:hover {
    background-color: rgba(248, 248, 248, 0.08) !important;
}

/* Sidebar Icons - Inactive */
.cds-sidebar .sidebar-item .mat-icon {
    color: #647491 !important;
}

/* Sidebar Icons - Active */
.cds-sidebar .sidebar-item.active .mat-icon,
.cds-sidebar .sidebar-item:hover .mat-icon {
    color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

/* Sidebar Icons - Hover */
.cds-sidebar .sidebar-item:hover .mat-icon {
    color: #a9afbb !important;
}

/* Sidebar Active Item */
.cds-sidebar .sidebar-item.active {
    background-color: rgba(214, 123, 95, 0.1) !important; /* Chatza Primary with opacity */
}

/* Primary Button Colors */
.btn-primary,
.cds-blue-button {
    background-color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
    border-color: #D67B5F !important;
    color: #fff !important;
}

.btn-primary:hover,
.cds-blue-button:hover {
    background-color: #CC785C !important; /* Chatza Primary Dark */
    border-color: #CC785C !important;
}

/* Header Background */
.cds-header {
    background-color: #2d323e !important;
}

/* Header Text Color */
.header-go-back .cds-text {
    color: #fff !important;
}

/* Accent Colors */
.accent-color,
.primary-color {
    color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

/* Links */
a {
    color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

a:hover {
    color: #CC785C !important; /* Chatza Primary Dark */
}

/* Save Button */
#cds-save-intent-btn {
    background-color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
    border-color: #D67B5F !important;
}

#cds-save-intent-btn:hover {
    background-color: #CC785C !important; /* Chatza Primary Dark */
}

/* Sidebar Bottom Section */
.sidebar-bottom-section {
    background-color: #2d323e !important;
}

/* Active/Selected State */
.selected,
.active-item {
    color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

/* Toggle Switches */
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(214, 123, 95, 0.5) !important;
}

/* Progress/Loading Indicators */
.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

/* Tabs */
.mat-tab-label-active {
    color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

.mat-ink-bar {
    background-color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

/* Checkboxes */
.mat-checkbox-checked .mat-checkbox-background {
    background-color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

/* Radio Buttons */
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

.mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

/* Form Fields Focus */
.mat-form-field.mat-focused .mat-form-field-label {
    color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

/* Badges */
.badge-primary {
    background-color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

/* Cards */
.card {
    border-radius: 12px !important;
}

/* Dialogs */
.mat-dialog-container {
    border-radius: 16px !important;
}

/* Outlined Buttons */
.btn-outline-primary {
    border-color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
    color: #D67B5F !important;
}

.btn-outline-primary:hover {
    background-color: rgba(214, 123, 95, 0.1) !important; /* Chatza Primary with opacity */
    border-color: #CC785C !important;
}

/* Scrollbar Styling */
::-webkit-scrollbar-thumb {
    background-color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

/* Search Bar */
.search-bar {
    border-radius: 9999px !important;
}

/* Chips/Tags */
.mat-chip.mat-standard-chip {
    background-color: rgba(214, 123, 95, 0.1) !important;
    color: #D67B5F !important; /* Chatza Primary - Warm Terracotta */
}

/* Menu Items Hover */
.mat-menu-item:hover {
    background-color: rgba(214, 123, 95, 0.1) !important; /* Chatza Primary with opacity */
}

/* Tooltip */
.mat-tooltip {
    background-color: #2d323e !important;
    color: #fff !important;
}