/* 1. Default Theme (Modern Slate) */
:root {
    --first-even-bg: #1f2937;
    --first-even-text: #ffffff;
    --first-odd-bg: #374151;
    --first-odd-text: #ffffff;
    --second-even-bg: #f3f4f6;
    --second-even-text: #000000;
    --second-odd-bg: #e5e7eb;
    --second-odd-text: #000000;
    --third-even-bg: #4b5563;
    --third-even-text: #ffffff;
    --third-odd-bg: #6b7280;
    --third-odd-text: #ffffff;
    --fourth-even-bg: #d1d5db;
    --fourth-even-text: #000000;
    --fourth-odd-bg: #9ca3af;
    --fourth-odd-text: #000000;
}

/* 2. Cohesive Dark Theme */
[data-container-theme="cohesivedark"] {
    --first-even-bg: #1a1c23;
    --first-even-text: #e2e8f0;
    --first-odd-bg: #272b36;
    --first-odd-text: #e2e8f0;
    --second-even-bg: #282c37;
    --second-even-text: #e2e8f0;
    --second-odd-bg: #303441;
    --second-odd-text: #e2e8f0;
    --third-even-bg: #383d4c;
    --third-even-text: #e2e8f0;
    --third-odd-bg: #414758;
    --third-odd-text: #e2e8f0;
    --fourth-even-bg: #4a5165;
    --fourth-even-text: #e2e8f0;
    --fourth-odd-bg: #545c72;
    --fourth-odd-text: #e2e8f0;
}

/* 3. Blue Orchid Theme */
[data-container-theme="blueorchid"] {
    --first-even-bg: #48487f;
    --first-even-text: #ffffff;
    --first-odd-bg: #59598f;
    --first-odd-text: #ffffff;
    --second-even-bg: #f0eff5;
    --second-even-text: #000000;
    --second-odd-bg: #e3e2ea;
    --second-odd-text: #000000;
    --third-even-bg: #7a7aa6;
    --third-even-text: #ffffff;
    --third-odd-bg: #8a8ab5;
    --third-odd-text: #ffffff;
    --fourth-even-bg: #c4c4d6;
    --fourth-even-text: #000000;
    --fourth-odd-bg: #b5b5c9;
    --fourth-odd-text: #000000;
}

/* 4. Basic White Theme */
[data-container-theme="basicwhite"] {
    --first-even-bg: #f8f9fa;
    --first-even-text: #212529;
    --first-odd-bg: #e9ecef;
    --first-odd-text: #212529;
    --second-even-bg: #ffffff;
    --second-even-text: #000000;
    --second-odd-bg: #fdfdfd;
    --second-odd-text: #000000;
    --third-even-bg: #f1f3f5;
    --third-even-text: #212529;
    --third-odd-bg: #e2e6ea;
    --third-odd-text: #212529;
    --fourth-even-bg: #ffffff;
    --fourth-even-text: #000000;
    --fourth-odd-bg: #fafafa;
    --fourth-odd-text: #000000;
}


/* 3. Base Container Classes */
.firstLevel:nth-child(even) {
    background-color: var(--first-even-bg);
    color: var(--first-even-text);
    margin: 5px 0 5px 0;
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
}

.firstLevel:nth-child(odd) {
    background-color: var(--first-odd-bg);
    color: var(--first-odd-text);
    margin: 5px 0 5px 0;
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
}

.secondLevel:nth-child(even) {
    background-color: var(--second-even-bg);
    color: var(--second-even-text);
    margin: 5px 0 5px 0;
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
    text-shadow: none;
}

.secondLevel:nth-child(odd) {
    background-color: var(--second-odd-bg);
    color: var(--second-odd-text);
    margin: 5px 0 5px 0;
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
    text-shadow: none;
}

.thirdLevel:nth-child(even) {
    background-color: var(--third-even-bg);
    color: var(--third-even-text);
    margin: 5px 0 5px 0;
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
  /*  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
}

.thirdLevel:nth-child(odd) {
    background-color: var(--third-odd-bg);
    color: var(--third-odd-text);
    margin: 5px 0 5px 0;
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
}

.fourthLevel:nth-child(even) {
    background-color: var(--fourth-even-bg);
    color: var(--fourth-even-text);
    margin: 5px 0 5px 0;
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
    text-shadow: none;
}

.fourthLevel:nth-child(odd) {
    background-color: var(--fourth-odd-bg);
    color: var(--fourth-odd-text);
    margin: 5px 0 5px 0;
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
    text-shadow: none;
}

/* ---------------------------------------------------
   HYPERLINK <a> COLOR OVERRIDES PER THEME
--------------------------------------------------- */

/* 1. Cohesive Dark (Bright, high-contrast sky blue for dark backgrounds) */
[data-container-theme="cohesivedark"] {
    --bs-link-color: #60a5fa;
    --bs-link-hover-color: #93c5fd;
}

/* 2. Blue Orchid (Deep indigo to match the purple/blue theme) */
[data-container-theme="blueorchid"] {
    --bs-link-color: #4f46e5;
    --bs-link-hover-color: #4338ca;
}

/* 3. Basic White (Standard, crisp Bootstrap blue) */
[data-container-theme="basicwhite"] {
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
}

/* 4. Default Modern Slate (Modern, rich blue) */
[data-container-theme="default"] {
    --bs-link-color: #2563eb;
    --bs-link-hover-color: #1d4ed8;
}

/* Fallback override specifically for standard inline text links, 
   ignoring buttons (.btn) and sidebar menus (.nav-link) */
[data-container-theme] a:not(.btn):not(.nav-link) {
    color: var(--bs-link-color);
    transition: color 0.15s ease-in-out;
}

    [data-container-theme] a:not(.btn):not(.nav-link):hover {
        color: var(--bs-link-hover-color);
    }