/* 
  Yellow & Black Theme Overrides 
  Based on Nova Pet Care Studio banner colors
*/

:root {
    --bs-primary: #FFD100;
    --bs-primary-rgb: 255, 209, 0;
    --theme-color: #FFD100;
    --theme-color-hover: #e6bc00;
    --text-dark: #000000;
}

/* Utilities */
.text-primary {
    color: var(--bs-primary) !important;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
    color: var(--text-dark) !important;
}

/* Buttons */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: var(--text-dark) !important;
    font-weight: 700 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--theme-color-hover) !important;
    border-color: var(--theme-color-hover) !important;
    color: var(--text-dark) !important;
}

.btn-outline-primary {
    color: var(--text-dark) !important;
    border-color: var(--bs-primary) !important;
    border-width: 2px !important;
    background-color: transparent;
    font-weight: 700 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: var(--text-dark) !important;
}

/* Icons & Elements */
i.text-primary {
    color: var(--bs-primary) !important;
}
.svg-content path {
    stroke: var(--bs-primary) !important;
}
.progress-wrap::after {
    color: var(--text-dark) !important;
}

/* Header & Menu */
.main-menu ul li a:hover {
    color: var(--bs-primary) !important;
}
.header__logo h2 {
    color: var(--bs-primary) !important;
    text-shadow: 1px 1px 0px #000; /* Subtle outline effect like the banner */
}

/* Footer */
.footer-widget__title {
    color: var(--bs-primary) !important;
}

/* Forms */
.form-control:focus, .form-select:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 209, 0, 0.25) !important;
}

/* Cards & Badges */
.card-header.bg-primary {
    color: var(--text-dark) !important;
}

/* Specific elements that had hardcoded blue styles in the template */
.theme-btn {
    background-color: var(--bs-primary) !important;
    color: var(--text-dark) !important;
    border-color: var(--bs-primary) !important;
}
.theme-btn:hover {
    background-color: var(--theme-color-hover) !important;
    color: var(--text-dark) !important;
}

/* Section titles / Typography to match the bold petshop look */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-dark);
}