/**
 * Theme Colors
 * A professional and visually appealing color scheme for Bus Stops Australia
 */

:root {
    /* Primary Colors */
    --primary-color: #1a73e8;          /* Google Blue - professional and trustworthy */
    --primary-hover-color: #1557b0;    /* Darker blue for hover states */
    --secondary-color: #34a853;        /* Google Green - fresh and positive */
    --accent-color: #fbbc04;           /* Google Yellow - attention-grabbing but not harsh */
    --dark-color: #202124;             /* Near black - for text and headers */
    --light-color: #f8f9fa;            /* Off-white - for backgrounds */
    
    /* Text Colors */
    --text-primary: #202124;           /* Dark gray for main text */
    --text-secondary: #5f6368;         /* Medium gray for secondary text */
    --text-light: #ffffff;             /* White text for dark backgrounds */
    
    /* UI Element Colors */
    --border-color: #dadce0;           /* Light gray for borders */
    --card-bg: #ffffff;                /* White for card backgrounds */
    --card-shadow: rgba(60, 64, 67, 0.15); /* Shadow for cards */
    --hover-bg: #f1f3f4;               /* Light gray for hover states */
    
    /* Status Colors */
    --success-color: #34a853;          /* Green for success states */
    --warning-color: #fbbc04;          /* Yellow for warning states */
    --error-color: #ea4335;            /* Red for error states */
    --info-color: #1a73e8;             /* Blue for info states */
    
    /* Header and Footer */
    --header-bg: #ffffff;              /* White header background */
    --header-text: #202124;            /* Dark text for header */
    --footer-bg: #202124;              /* Dark footer background */
    --footer-text: #ffffff;            /* White text for footer */
    
    /* Buttons */
    --btn-primary-bg: #1a73e8;         /* Blue button background */
    --btn-primary-text: #ffffff;       /* White button text */
    --btn-secondary-bg: #f1f3f4;       /* Light gray button background */
    --btn-secondary-text: #202124;     /* Dark gray button text */
    
    /* Section Backgrounds */
    --section-bg-light: #f8f9fa;       /* Light gray section background */
    --section-bg-accent: rgba(26, 115, 232, 0.05); /* Very light blue for accent sections */
    
    /* Heading Colors */
    --heading-color: #202124;          /* Dark gray for headings */
    
    /* Legacy compatibility */
    --wp--preset--color--primary: #1a73e8;
    --wp--preset--color--secondary: #34a853;
    --wp--preset--color--light: #f8f9fa;
    --wp--preset--color--dark: #202124;
    --wp--preset--color--accent: #fbbc04;
}

/* Apply colors to common elements */

/* Body and text */
body {
    color: var(--text-primary);
    background-color: var(--light-color);
}

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

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

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--heading-color);
}

/* Buttons */
.btn, 
.wp-element-button, 
.wp-block-button__link,
.bus-stop-card-link {
    background-color: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}

.btn:hover, 
.wp-element-button:hover, 
.wp-block-button__link:hover,
.bus-stop-card-link:hover {
    background-color: var(--primary-hover-color);
    color: var(--btn-primary-text);
}

.btn-secondary {
    background-color: var(--btn-secondary-bg);
    color: var(--btn-secondary-text);
}

.btn-secondary:hover {
    background-color: var(--hover-bg);
}

/* Header */
.site-header {
    background-color: var(--header-bg);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.site-title a, 
.site-description,
.main-navigation a {
    color: var(--header-text);
}

/* Footer */
.site-footer {
    background-color: var(--footer-bg);
    color: var(--footer-text);
}

.footer-widget-title {
    color: var(--text-light);
}

.footer-widget a {
    color: var(--text-light);
    opacity: 0.8;
}

.footer-widget a:hover {
    opacity: 1;
}

/* Cards */
.directory-item-card {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    box-shadow: 0 2px 10px var(--card-shadow);
}

.directory-item-card-title a {
    color: var(--heading-color);
}

.directory-item-card-meta-item {
    color: var(--text-secondary);
}

.directory-item-card-meta-item i {
    color: var(--primary-color);
}

/* Section styling */
.section-title {
    color: var(--heading-color);
}

.section-title::after {
    background-color: var(--primary-color);
}

.section-description {
    color: var(--text-secondary);
    background-color: var(--section-bg-light);
    border-left: 4px solid var(--primary-color);
}

/* Status indicators */
.status-open {
    color: var(--success-color);
}

.status-closed {
    color: var(--error-color);
}

/* Taxonomy hero section */
.taxonomy-hero {
    background-color: var(--primary-color);
    background-image: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover-color) 100%);
}

.taxonomy-title {
    color: var(--text-light);
}

/* Breadcrumbs */
.breadcrumb-wrapper {
    background-color: var(--section-bg-light);
    border-bottom: 1px solid var(--border-color);
}

.breadcrumbs-item a {
    color: var(--primary-color);
}

.breadcrumbs-separator {
    color: var(--text-secondary);
}

/* Popular times */
.popular-times-container .day-column.today {
    background-color: var(--section-bg-accent);
    border-color: var(--primary-color);
}

.popular-times-container .day-name {
    color: var(--heading-color);
}

.popular-times-container .time-block {
    background-color: var(--light-color);
    border: 1px solid var(--border-color);
}

.popular-times-container .time-block:hover {
    border-color: var(--primary-color);
}

/* Override dogparks-colors.css */
:root {
    --primary-color: #1a73e8 !important;
    --secondary-color: #34a853 !important;
    --accent-color: #fbbc04 !important;
    --dark-color: #202124 !important;
    --light-color: #f8f9fa !important;
}