/* Generated by Cassiopeia Themer — do not edit by hand. */
/* Edit at Components → Cassiopeia Themer → Brand. */
:root {
    --cassiopeia-color-primary: #2c6618;
    --cassiopeia-color-link: #2c6618;
    --cassiopeia-color-hover: #285c16;
    --primary: #2c6618;
    --primary-rgb: 44, 102, 24;
    --bs-primary: #2c6618;
    --bs-primary-rgb: 44, 102, 24;
    --link-color: #2c6618;
    --link-color-rgb: 44, 102, 24;
    --bs-link-color: #2c6618;
    --bs-link-color-rgb: 44, 102, 24;
    --link-hover-color: #255714;
    --link-hover-color-rgb: 37, 87, 20;
    --bs-link-hover-color: #255714;
    --bs-link-hover-color-rgb: 37, 87, 20;
    --cassiopeia-color-secondary: #141cc7;
    --secondary: #141cc7;
    --secondary-rgb: 20, 28, 199;
    --bs-secondary: #141cc7;
    --bs-secondary-rgb: 20, 28, 199;
    --cassiopeia-banner-bg: #ffc107;
    --accent: #ffc107;
    --accent-rgb: 255, 193, 7;
    --bs-accent: #ffc107;
    --bs-accent-rgb: 255, 193, 7;
    --code-color: #ffc107;
    --code-color-rgb: 255, 193, 7;
    --bs-code-color: #ffc107;
    --bs-code-color-rgb: 255, 193, 7;
    --kbd-bg: #212529;
    --bs-kbd-bg: #212529;
    --kbd-color: #dee2e6;
    --bs-kbd-color: #dee2e6;
    --cassiopeia-color-page-bg: #ffffff;
    --body-bg: #ffffff;
    --body-bg-rgb: 255, 255, 255;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --cassiopeia-color-text: #212529;
    --body-color: #212529;
    --body-color-rgb: 33, 37, 41;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --secondary-color: #000000;
    --secondary-color-rgb: 0, 0, 0;
    --bs-secondary-color: #000000;
    --bs-secondary-color-rgb: 0, 0, 0;
    --cassiopeia-color-headings: #212529;
    --cassiopeia-color-light: #f8f9fa;
    --light: #f8f9fa;
    --light-rgb: 248, 249, 250;
    --bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;
    --cassiopeia-color-dark: #212529;
    --dark: #212529;
    --dark-rgb: 33, 37, 41;
    --bs-dark: #212529;
    --bs-dark-rgb: 33, 37, 41;
    --secondary-bg: #e9ecef;
    --secondary-bg-rgb: 233, 236, 239;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --tertiary-bg: #f8f9fa;
    --tertiary-bg-rgb: 248, 249, 250;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --border-color: #dee2e6;
    --border-color-rgb: 222, 226, 230;
    --bs-border-color: #dee2e6;
    --bs-border-color-rgb: 222, 226, 230;
    --border-color-translucent: #e9ecef;
    --bs-border-color-translucent: #e9ecef;
    --primary-bg-subtle: #d1e4ff;
    --primary-bg-subtle-rgb: 209, 228, 255;
    --bs-primary-bg-subtle: #d1e4ff;
    --bs-primary-bg-subtle-rgb: 209, 228, 255;
    --primary-text-emphasis: #001d34;
    --bs-primary-text-emphasis: #001d34;
    --secondary-bg-subtle: #d7e3f7;
    --secondary-bg-subtle-rgb: 215, 227, 247;
    --bs-secondary-bg-subtle: #d7e3f7;
    --bs-secondary-bg-subtle-rgb: 215, 227, 247;
    --secondary-text-emphasis: #101c2b;
    --bs-secondary-text-emphasis: #101c2b;
    --danger-bg-subtle: #f8d7da;
    --danger-bg-subtle-rgb: 248, 215, 218;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-danger-bg-subtle-rgb: 248, 215, 218;
    --danger-text-emphasis: #58151c;
    --bs-danger-text-emphasis: #58151c;
    --cassiopeia-color-success: #edd5de;
    --success: #edd5de;
    --success-rgb: 237, 213, 222;
    --bs-success: #edd5de;
    --bs-success-rgb: 237, 213, 222;
    --cassiopeia-color-info: #f20eb5;
    --info: #f20eb5;
    --info-rgb: 242, 14, 181;
    --bs-info: #f20eb5;
    --bs-info-rgb: 242, 14, 181;
    --cassiopeia-color-warning: #ffc107;
    --warning: #ffc107;
    --warning-rgb: 255, 193, 7;
    --bs-warning: #ffc107;
    --bs-warning-rgb: 255, 193, 7;
    --cassiopeia-color-danger: #dc3545;
    --danger: #dc3545;
    --danger-rgb: 220, 53, 69;
    --bs-danger: #dc3545;
    --bs-danger-rgb: 220, 53, 69;
    --cassiopeia-font-family-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --cassiopeia-font-family-headings: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Bootstrap component vars derived from surfaces — */
    /* keeps accordion / card / modal / dropdown / pagination / */
    /* list-group / form / nav / offcanvas / toast on-palette. */
    --accordion-bg: var(--body-bg);
    --bs-accordion-bg: var(--body-bg);
    --accordion-color: var(--body-color);
    --bs-accordion-color: var(--body-color);
    --accordion-border-color: var(--border-color);
    --bs-accordion-border-color: var(--border-color);
    --accordion-btn-bg: var(--body-bg);
    --bs-accordion-btn-bg: var(--body-bg);
    --accordion-btn-color: var(--body-color);
    --bs-accordion-btn-color: var(--body-color);
    --accordion-active-bg: var(--light);
    --bs-accordion-active-bg: var(--light);
    --accordion-active-color: var(--body-color);
    --bs-accordion-active-color: var(--body-color);
    --card-bg: var(--body-bg);
    --bs-card-bg: var(--body-bg);
    --card-color: var(--body-color);
    --bs-card-color: var(--body-color);
    --card-border-color: var(--border-color);
    --bs-card-border-color: var(--border-color);
    --card-cap-bg: var(--secondary-bg);
    --bs-card-cap-bg: var(--secondary-bg);
    --card-cap-color: var(--body-color);
    --bs-card-cap-color: var(--body-color);
    --modal-bg: var(--body-bg);
    --bs-modal-bg: var(--body-bg);
    --modal-color: var(--body-color);
    --bs-modal-color: var(--body-color);
    --modal-border-color: var(--border-color);
    --bs-modal-border-color: var(--border-color);
    --modal-header-border-color: var(--border-color);
    --bs-modal-header-border-color: var(--border-color);
    --modal-footer-border-color: var(--border-color);
    --bs-modal-footer-border-color: var(--border-color);
    --dropdown-bg: var(--body-bg);
    --bs-dropdown-bg: var(--body-bg);
    --dropdown-color: var(--body-color);
    --bs-dropdown-color: var(--body-color);
    --dropdown-border-color: var(--border-color);
    --bs-dropdown-border-color: var(--border-color);
    --dropdown-link-color: var(--body-color);
    --bs-dropdown-link-color: var(--body-color);
    --dropdown-link-hover-bg: var(--secondary-bg);
    --bs-dropdown-link-hover-bg: var(--secondary-bg);
    --dropdown-link-hover-color: var(--body-color);
    --bs-dropdown-link-hover-color: var(--body-color);
    --dropdown-link-active-bg: var(--primary);
    --bs-dropdown-link-active-bg: var(--primary);
    --dropdown-divider-bg: var(--border-color);
    --bs-dropdown-divider-bg: var(--border-color);
    --list-group-bg: var(--body-bg);
    --bs-list-group-bg: var(--body-bg);
    --list-group-color: var(--body-color);
    --bs-list-group-color: var(--body-color);
    --list-group-border-color: var(--border-color);
    --bs-list-group-border-color: var(--border-color);
    --list-group-action-color: var(--body-color);
    --bs-list-group-action-color: var(--body-color);
    --list-group-action-hover-bg: var(--secondary-bg);
    --bs-list-group-action-hover-bg: var(--secondary-bg);
    --list-group-action-hover-color: var(--body-color);
    --bs-list-group-action-hover-color: var(--body-color);
    --list-group-active-bg: var(--primary);
    --bs-list-group-active-bg: var(--primary);
    --list-group-active-border-color: var(--primary);
    --bs-list-group-active-border-color: var(--primary);
    --pagination-bg: var(--body-bg);
    --bs-pagination-bg: var(--body-bg);
    --pagination-color: var(--body-color);
    --bs-pagination-color: var(--body-color);
    --pagination-border-color: var(--border-color);
    --bs-pagination-border-color: var(--border-color);
    --pagination-hover-bg: var(--secondary-bg);
    --bs-pagination-hover-bg: var(--secondary-bg);
    --pagination-hover-color: var(--body-color);
    --bs-pagination-hover-color: var(--body-color);
    --pagination-hover-border-color: var(--border-color);
    --bs-pagination-hover-border-color: var(--border-color);
    --pagination-active-bg: var(--primary);
    --bs-pagination-active-bg: var(--primary);
    --pagination-active-border-color: var(--primary);
    --bs-pagination-active-border-color: var(--primary);
    --form-control-bg: var(--body-bg);
    --bs-form-control-bg: var(--body-bg);
    --form-control-color: var(--body-color);
    --bs-form-control-color: var(--body-color);
    --form-control-border-color: var(--border-color);
    --bs-form-control-border-color: var(--border-color);
    --form-check-bg: var(--body-bg);
    --bs-form-check-bg: var(--body-bg);
    --nav-link-color: var(--body-color);
    --bs-nav-link-color: var(--body-color);
    --nav-link-hover-color: var(--primary);
    --bs-nav-link-hover-color: var(--primary);
    --nav-tabs-border-color: var(--border-color);
    --bs-nav-tabs-border-color: var(--border-color);
    --nav-tabs-link-active-bg: var(--body-bg);
    --bs-nav-tabs-link-active-bg: var(--body-bg);
    --nav-tabs-link-active-color: var(--body-color);
    --bs-nav-tabs-link-active-color: var(--body-color);
    --nav-pills-link-active-bg: var(--primary);
    --bs-nav-pills-link-active-bg: var(--primary);
    --nav-underline-link-active-color: var(--primary);
    --bs-nav-underline-link-active-color: var(--primary);
    --offcanvas-bg: var(--body-bg);
    --bs-offcanvas-bg: var(--body-bg);
    --offcanvas-color: var(--body-color);
    --bs-offcanvas-color: var(--body-color);
    --offcanvas-border-color: var(--border-color);
    --bs-offcanvas-border-color: var(--border-color);
    --toast-bg: var(--body-bg);
    --bs-toast-bg: var(--body-bg);
    --toast-color: var(--body-color);
    --bs-toast-color: var(--body-color);
    --toast-border-color: var(--border-color);
    --bs-toast-border-color: var(--border-color);
    --toast-header-bg: var(--secondary-bg);
    --bs-toast-header-bg: var(--secondary-bg);
    --toast-header-color: var(--body-color);
    --bs-toast-header-color: var(--body-color);
    --toast-header-border-color: var(--border-color);
    --bs-toast-header-border-color: var(--border-color);
    --popover-bg: var(--body-bg);
    --bs-popover-bg: var(--body-bg);
    --popover-color: var(--body-color);
    --bs-popover-color: var(--body-color);
    --popover-border-color: var(--border-color);
    --bs-popover-border-color: var(--border-color);
    --popover-header-bg: var(--secondary-bg);
    --bs-popover-header-bg: var(--secondary-bg);
    --popover-header-color: var(--body-color);
    --bs-popover-header-color: var(--body-color);
    --breadcrumb-bg: var(--secondary-bg);
    --bs-breadcrumb-bg: var(--secondary-bg);
    --breadcrumb-divider-color: var(--secondary-color);
    --bs-breadcrumb-divider-color: var(--secondary-color);
    --breadcrumb-item-active-color: var(--body-color);
    --bs-breadcrumb-item-active-color: var(--body-color);
    --table-color: var(--body-color);
    --bs-table-color: var(--body-color);
    --table-border-color: var(--border-color);
    --bs-table-border-color: var(--border-color);
    --table-striped-bg: var(--secondary-bg);
    --bs-table-striped-bg: var(--secondary-bg);
    --table-hover-bg: var(--light);
    --bs-table-hover-bg: var(--light);
    --table-active-bg: var(--light);
    --bs-table-active-bg: var(--light);
}

body {
    background-color: #ffffff;
    background-image: url("/images/fon2.jpg#joomlaImage://local-images/fon2.jpg?width=1900&height=1425");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    color: #212529;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #212529;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Brand and semantic foreground / background overrides */
.btn-primary, .btn-primary:focus {
    background-color: #2c6618;
    border-color: #2c6618;
    color: #ffffff;
}
.btn-primary:hover, .btn-primary:active {
    background-color: color-mix(in srgb, #2c6618 88%, black);
    border-color: color-mix(in srgb, #2c6618 88%, black);
    color: #ffffff;
}
.alert-primary {
    background-color: #d1e4ff;
    border-color: #d1e4ff;
    color: #001d34;
}
.text-primary {
    color: #2c6618;
}
.bg-primary {
    background-color: #2c6618;
    border-color: #2c6618;
}
.border-primary {
    border-color: #2c6618 !important;
}
.text-bg-primary {
    background-color: #2c6618;
    border-color: #2c6618;
    color: #ffffff;
}
.badge.bg-primary {
    color: #ffffff;
}
.btn-secondary, .btn-secondary:focus {
    background-color: #141cc7;
    border-color: #141cc7;
    color: #f0cd4d;
}
.btn-secondary:hover, .btn-secondary:active {
    background-color: color-mix(in srgb, #141cc7 88%, black);
    border-color: color-mix(in srgb, #141cc7 88%, black);
    color: #f0cd4d;
}
.alert-secondary {
    background-color: #d7e3f7;
    border-color: #d7e3f7;
    color: #101c2b;
}
.text-secondary {
    color: #141cc7;
}
.bg-secondary {
    background-color: #141cc7;
    border-color: #141cc7;
}
.border-secondary {
    border-color: #141cc7 !important;
}
.text-bg-secondary {
    background-color: #141cc7;
    border-color: #141cc7;
    color: #f0cd4d;
}
.badge.bg-secondary {
    color: #f0cd4d;
}
.btn-success, .btn-success:focus {
    background-color: #edd5de;
    border-color: #edd5de;
    color: #b246f0;
}
.btn-success:hover, .btn-success:active {
    background-color: color-mix(in srgb, #edd5de 88%, black);
    border-color: color-mix(in srgb, #edd5de 88%, black);
    color: #b246f0;
}
.alert-success {
    background-color: #edd5de;
    border-color: #edd5de;
    color: #b246f0;
}
.text-success {
    color: #edd5de;
}
.bg-success {
    background-color: #edd5de;
    border-color: #edd5de;
}
.border-success {
    border-color: #edd5de !important;
}
.text-bg-success {
    background-color: #edd5de;
    border-color: #edd5de;
    color: #b246f0;
}
.badge.bg-success {
    color: #b246f0;
}
.btn-info, .btn-info:focus {
    background-color: #f20eb5;
    border-color: #f20eb5;
    color: #000000;
}
.btn-info:hover, .btn-info:active {
    background-color: color-mix(in srgb, #f20eb5 88%, black);
    border-color: color-mix(in srgb, #f20eb5 88%, black);
    color: #000000;
}
.alert-info {
    background-color: #f20eb5;
    border-color: #f20eb5;
    color: #000000;
}
.text-info {
    color: #f20eb5;
}
.bg-info {
    background-color: #f20eb5;
    border-color: #f20eb5;
}
.border-info {
    border-color: #f20eb5 !important;
}
.text-bg-info {
    background-color: #f20eb5;
    border-color: #f20eb5;
    color: #000000;
}
.badge.bg-info {
    color: #000000;
}
.btn-warning, .btn-warning:focus {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #000000;
}
.btn-warning:hover, .btn-warning:active {
    background-color: color-mix(in srgb, #ffc107 88%, black);
    border-color: color-mix(in srgb, #ffc107 88%, black);
    color: #000000;
}
.alert-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #000000;
}
.text-warning {
    color: #ffc107;
}
.bg-warning {
    background-color: #ffc107;
    border-color: #ffc107;
}
.border-warning {
    border-color: #ffc107 !important;
}
.text-bg-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #000000;
}
.badge.bg-warning {
    color: #000000;
}
.btn-danger, .btn-danger:focus {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #93e092;
}
.btn-danger:hover, .btn-danger:active {
    background-color: color-mix(in srgb, #dc3545 88%, black);
    border-color: color-mix(in srgb, #dc3545 88%, black);
    color: #93e092;
}
.alert-danger {
    background-color: #f8d7da;
    border-color: #f8d7da;
    color: #58151c;
}
.text-danger {
    color: #dc3545;
}
.bg-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}
.border-danger {
    border-color: #dc3545 !important;
}
.text-bg-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #93e092;
}
.badge.bg-danger {
    color: #93e092;
}
.site-banner, [class*="site-banner"], a.site-banner {
    background-color: #ffc107;
    color: #3235ed;
}
.bg-dark, .container-footer, body footer, .text-bg-dark {
    color: #dee2e6;
}
.bg-dark a, .container-footer a, body footer a {
    color: #dee2e6;
}

/* Card header — keep on-palette even for heading-tag headers */
.card-header {
    background-color: #e9ecef;
    color: #212529;
    border-bottom-color: #dee2e6;
}

/* Inline code chip + pre panel from surfaces */
:not(pre) > code {
    background-color: #f8f9fa;
    padding: .15em .4em;
    border-radius: .25rem;
}
pre {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: .375rem;
    border: 1px solid #dee2e6;
}
pre code { background: none; padding: 0; }

/* Blockquote */
.blockquote-footer { color: #000000; }
.blockquote, figure.blockquote, .blockquote[class] {
    border-left: .25rem solid #ffc107;
    padding-left: 1rem;
}

/* Accordion: cards — each item rounded, with spacing between, no button chrome */
.accordion[class] { display: flex; flex-direction: column; gap: .5rem; background: transparent; border: 0; }
.accordion[class] .accordion-button { border: 0; box-shadow: none; }
.accordion[class] .accordion-item[class] {
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    overflow: hidden;
}

/* Accordion vars at component scope — Bootstrap declares these on .accordion, beating :root */
.accordion {
    --accordion-active-bg: #f8f9fa;
    --bs-accordion-active-bg: #f8f9fa;
    --accordion-active-color: #212529;
    --bs-accordion-active-color: #212529;
    --accordion-bg: #ffffff;
    --bs-accordion-bg: #ffffff;
    --accordion-color: #212529;
    --bs-accordion-color: #212529;
    --accordion-btn-bg: #ffffff;
    --bs-accordion-btn-bg: #ffffff;
    --accordion-btn-color: #212529;
    --bs-accordion-btn-color: #212529;
    --accordion-border-color: #dee2e6;
    --bs-accordion-border-color: #dee2e6;
}

/* Article body rhythm — compact */
.com-content-article__body h2 { margin-top: 1.5rem; }
.com-content-article__body h3 { margin-top: 1rem; }
.com-content-article__body p  { line-height: 1.55; }

/* Header gradient */
.container-header, header.container-header {
    background-image: linear-gradient(135deg, #1d450c, #bdbb2d);
}

/* Footer gradient */
.footer, .container-footer, body > footer {
    background-image: radial-gradient(circle at center, #0e2605, #767816);
}

/* Layout */
:root {
    --bs-border-radius: 0.5rem;
    --bs-border-radius-sm: 0.375rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-box-shadow-sm: 0 4px 12px rgba(0,0,0,.15);
    --bs-box-shadow: 0 4px 12px rgba(0,0,0,.15);
    --bs-box-shadow-lg: 0 12px 28px rgba(0,0,0,.18);
}

@media (min-width: 1200px) {
    body .container { max-width: 720px; }
}

body main, body .container-component, body article {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
body p, body .lead { margin-bottom: 1rem; }

.btn, .form-control, .form-select { border-radius: 0.375rem; }
.card, .alert, .modal-content { border-radius: 0.5rem; }
.badge { border-radius: 0.5rem; }

.card { box-shadow: 0 4px 12px rgba(0,0,0,.15); }
.dropdown-menu, .modal-content { box-shadow: 0 12px 28px rgba(0,0,0,.18); }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Menu polish — stock Cassiopeia mod_menu rough edges */
.metismenu.mod-menu[class] .metismenu-item.parent { flex-wrap: nowrap; }