/* public/css/custom.css */
/* IMPORTANT: All styles are scoped to .home-page-wrapper to prevent interference with dashboard */

.home-page-wrapper {
    /* CSS Variables */
    --primary-color: #1f4e79;
    --secondary-color: #0A4A82;
    --complementary-color: #4D4D4D;
    --cta-color: #1f4e79;
    --highlight-color: #1E6FB9;
    --font-color: #111827;
    --background-color: #ffffff;
    --card-border-color: #E5E7EB;
}

/* Base Brand Utility Overrides - Scoped to homepage only */
.home-page-wrapper .bg-primary {
    background-color: var(--primary-color) !important;
}

.home-page-wrapper .bg-secondary {
    background-color: var(--secondary-color) !important;
}

.home-page-wrapper .bg-surface {
    background-color: var(--background-color) !important;
}

.home-page-wrapper .bg-complementary {
    background-color: var(--complementary-color) !important;
}

.home-page-wrapper .bg-highlight {
    background-color: var(--highlight-color) !important;
}

.home-page-wrapper .text-primary {
    color: var(--primary-color) !important;
}

.home-page-wrapper .text-secondary {
    color: var(--secondary-color) !important;
}

.home-page-wrapper .text-font {
    color: var(--font-color) !important;
}

.home-page-wrapper .text-highlight {
    color: var(--highlight-color) !important;
}

.home-page-wrapper .text-white {
    color: #ffffff !important;
}

.home-page-wrapper .border-primary {
    border-color: var(--primary-color) !important;
}

.home-page-wrapper .border-card-border {
    border-color: var(--card-border-color) !important;
}

/* Complex Utilities */
.home-page-wrapper .shadow-primary\/20 {
    box-shadow: 0 10px 15px -3px rgba(31, 78, 121, 0.2) !important;
}

/* Specific Home Page Theme adjustments */
.home-page-wrapper .home-page-theme .bg-primary {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

.home-page-wrapper .home-page-theme .hover\:bg-secondary:hover {
    background-color: var(--secondary-color) !important;
}

/* Button consistency */
.home-page-wrapper .btn-primary {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    transition: all 0.2s ease;
}

.home-page-wrapper .btn-primary:hover {
    background-color: var(--secondary-color) !important;
}

/* Star Rating Selection */
.home-page-wrapper .rating-group {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.home-page-wrapper .rating-group input:checked~label,
.home-page-wrapper .rating-group label:hover,
.home-page-wrapper .rating-group label:hover~label {
    color: #fbbf24 !important;
    /* amber-400 */
}

/* Custom Scrollbar - ONLY for homepage wrapper */
.home-page-wrapper ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.home-page-wrapper ::-webkit-scrollbar-track {
    background: transparent;
}

.home-page-wrapper ::-webkit-scrollbar-thumb {
    background: #d1d5db;
    /* gray-300 */
    border-radius: 99px;
}

.home-page-wrapper ::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
    /* gray-400 */
}

/* For Firefox - Scoped */
.home-page-wrapper * {
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}