/* ===================================================
   ROOT VARIABLES - EDIT EVERYTHING IN ONE PLACE
   =================================================== */
:root {
    /* Global defaults */
    --global-image-radius: 20px;
    --global-card-radius: 12px;

    /* Project Colors */
    --color-agriculture: #065888;
    --color-conservation-easements: #E07307;
    --color-economic-viability: #860038;
    --color-forestry: #294204;
    --color-east-of-hudson: #45a3db; 
}

/* ===================================================
   GLOBAL IMAGE STYLE
   =================================================== */
.el-image {
    border-radius: var(--global-image-radius);
}

/* ===================================================
   BASE STRUCTURE - DONT EDIT
   =================================================== */

/* Shared card styling */
[class*="project-"][class*="-style-card"] .uk-card {
    border-radius: var(--global-card-radius);
    overflow: hidden;
    background-color: var(--project-color);
}

/* Main text color for all styles */
[class*="project-"][class*="-style"] {
    color: var(--project-color);
}

/* Icons in lists (text stays black) */
[class*="project-"][class*="-style-list"] li {
    color: #000000;
}

[class*="project-"][class*="-style-list"] li svg,
[class*="project-"][class*="-style-list"] li .uk-icon,
[class*="project-"][class*="-style-list"] li .uk-icon svg {
    fill: var(--project-color) !important;
    color: var(--project-color) !important;
}

/* Panel text stays black */
[class*="project-"][class*="-style-panel"] {
    color: #000000 !important;
}

/* Icons inside panels */
[class*="project-"][class*="-style-panel"] .uk-icon,
[class*="project-"][class*="-style-panel"] .uk-icon svg {
    color: var(--project-color) !important;
}

/* Optional: stroke color for SVG shapes inside panel icons */
[class*="project-"][class*="-style-panel"] .uk-icon svg path,
[class*="project-"][class*="-style-panel"] .uk-icon svg circle,
[class*="project-"][class*="-style-panel"] .uk-icon svg polygon,
[class*="project-"][class*="-style-panel"] .uk-icon svg line,
[class*="project-"][class*="-style-panel"] .uk-icon svg polyline {
    stroke: var(--project-color) !important;
}

/* Grid items background color */
[class*="project-"][class*="-style-grid"] .uk-card {
    background-color: var(--project-color);
}

/* Icons inside cards and grids */
[class*="project-"][class*="-style-card"] .uk-icon,
[class*="project-"][class*="-style-card"] .uk-icon svg,
[class*="project-"][class*="-style-grid"] .uk-icon,
[class*="project-"][class*="-style-grid"] .uk-icon svg {
    color: var(--project-color) !important;
}

/* Optional: stroke color for SVG shapes inside card/grid icons */
[class*="project-"][class*="-style-card"] .uk-icon svg path,
[class*="project-"][class*="-style-card"] .uk-icon svg circle,
[class*="project-"][class*="-style-card"] .uk-icon svg polygon,
[class*="project-"][class*="-style-card"] .uk-icon svg line,
[class*="project-"][class*="-style-card"] .uk-icon svg polyline,
[class*="project-"][class*="-style-grid"] .uk-icon svg path,
[class*="project-"][class*="-style-grid"] .uk-icon svg circle,
[class*="project-"][class*="-style-grid"] .uk-icon svg polygon,
[class*="project-"][class*="-style-grid"] .uk-icon svg line,
[class*="project-"][class*="-style-grid"] .uk-icon svg polyline {
    stroke: var(--project-color) !important;
}

/* ===================================================
   ACCORDION STYLES (TITLE & CONTENT)
   =================================================== */

/* Accordion titles and icons for all states */
.project-agriculture-style-accordion .uk-accordion-title,
.project-agriculture-style-accordion .uk-accordion-title:hover,
.project-agriculture-style-accordion .uk-accordion-title:focus,
.project-conservation-easements-style-accordion .uk-accordion-title,
.project-conservation-easements-style-accordion .uk-accordion-title:hover,
.project-conservation-easements-style-accordion .uk-accordion-title:focus,
.project-economic-viability-style-accordion .uk-accordion-title,
.project-economic-viability-style-accordion .uk-accordion-title:hover,
.project-economic-viability-style-accordion .uk-accordion-title:focus,
.project-forestry-style-accordion .uk-accordion-title,
.project-forestry-style-accordion .uk-accordion-title:hover,
.project-forestry-style-accordion .uk-accordion-title:focus,
.project-east-of-hudson-style-accordion .uk-accordion-title,
.project-east-of-hudson-style-accordion .uk-accordion-title:hover,
.project-east-of-hudson-style-accordion .uk-accordion-title:focus {
    color: var(--project-color) !important;
}

/* Accordion icon (::before pseudo-element) */
.project-agriculture-style-accordion .uk-accordion-title::before,
.project-conservation-easements-style-accordion .uk-accordion-title::before,
.project-economic-viability-style-accordion .uk-accordion-title::before,
.project-forestry-style-accordion .uk-accordion-title::before,
.project-east-of-hudson-style-accordion .uk-accordion-title::before {
    color: var(--project-color) !important;
}

/* Accordion content stays black */
.project-agriculture-style-accordion .uk-accordion-content,
.project-conservation-easements-style-accordion .uk-accordion-content,
.project-economic-viability-style-accordion .uk-accordion-content,
.project-forestry-style-accordion .uk-accordion-content,
.project-east-of-hudson-style-accordion .uk-accordion-content {
    color: #000000 !important;
}

/* ===================================================
   PROJECT-SPECIFIC COLORS
   =================================================== */

/* AGRICULTURE */
.project-agriculture-style-card,
.project-agriculture-style,
.project-agriculture-style-list,
.project-agriculture-style-panel,
.project-agriculture-style-accordion {
    --project-color: var(--color-agriculture);
}

/* CONSERVATION EASEMENTS */
.project-conservation-easements-style-card,
.project-conservation-easements-style,
.project-conservation-easements-style-list,
.project-conservation-easements-style-panel,
.project-conservation-easements-style-accordion {
    --project-color: var(--color-conservation-easements);
}

/* ECONOMIC VIABILITY */
.project-economic-viability-style-card,
.project-economic-viability-style,
.project-economic-viability-style-list,
.project-economic-viability-style-panel,
.project-economic-viability-style-accordion {
    --project-color: var(--color-economic-viability);
}

/* FORESTRY */
.project-forestry-style-card,
.project-forestry-style,
.project-forestry-style-list,
.project-forestry-style-panel,
.project-forestry-style-accordion {
    --project-color: var(--color-forestry);
}

/* EAST OF HUDSON */
.project-east-of-hudson-style-card,
.project-east-of-hudson-style,
.project-east-of-hudson-style-list,
.project-east-of-hudson-style-panel,
.project-east-of-hudson-style-accordion {
    --project-color: var(--color-east-of-hudson);
}