/* Custom Theme Override - Colors are now managed from Settings */

/* Note: CSS Variables are defined in master.blade.php from database settings */

/* Button Primary Styles */
.tg-btn,
button.tg-btn,
a.tg-btn {
    background-color: var(--tg-theme-primary);
    border-color: var(--tg-theme-primary);
}

.tg-btn:hover,
button.tg-btn:hover,
a.tg-btn:hover {
    background-color: var(--tg-theme-primary-hover);
    border-color: var(--tg-theme-primary-hover);
}

/* Links */
a {
    color: var(--tg-theme-primary);
}

a:hover {
    color: var(--tg-theme-primary-hover);
}

/* Primary text color */
.text-primary,
.text-theme-primary {
    color: var(--tg-theme-primary) !important;
}

/* Background primary */
.bg-primary,
.bg-theme-primary {
    background-color: var(--tg-theme-primary) !important;
}

/* Border primary */
.border-primary,
.border-theme-primary {
    border-color: var(--tg-theme-primary) !important;
}

/* Section title accent */
.section-title .sub-title,
.section-title::before {
    color: var(--tg-theme-primary);
}

/* Navigation active/hover states */
.navigation > li > a:hover,
.navigation > li.active > a {
    color: var(--tg-theme-primary);
}

/* Swiper pagination active */
.swiper-pagination-bullet-active {
    background-color: var(--tg-theme-primary);
}

/* Form inputs focus */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--tg-theme-primary);
}

/* Checkbox and radio checked */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--tg-theme-primary);
    border-color: var(--tg-theme-primary);
}

/* Progress bars */
.progress-bar {
    background-color: var(--tg-theme-primary);
}

/* Badge primary */
.badge-primary {
    background-color: var(--tg-theme-primary);
}

/* RTL Support for Arabic */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .navigation {
    direction: rtl;
}

[dir="rtl"] .row {
    direction: rtl;
}

/* Additional turquoise accents */
.tg-color-primary {
    color: var(--tg-theme-primary) !important;
}

.tg-bg-primary {
    background-color: var(--tg-theme-primary) !important;
}