/* 
============================================
FRÝDLANTSKÁ PADESÁTKA - BARVY
============================================
Created :: 2026-01-22
Updated :: 2026-01-22

Barevná paleta:
- Primární zelená: #7ed957 (akcent)
- Tmavá zelená: #5cb83a (hover)
- Pozadí tmavé: #22242a (patička, tmavé sekce)
- Světle šedá: #f5f6f8 (pozadí sekcí)
- Text tmavý: #1a1a1a
- Text světlý: rgba(255,255,255,0.9)
============================================
*/

/* ==========================================
   CSS PROMĚNNÉ
   ========================================== */

:root {
    /* Primární barvy */
    --color-primary: #7ed957;
    --color-primary-dark: #5cb83a;
    --color-primary-light: #a8e88a;
    
    /* Neutrální barvy */
    --color-dark: #22242a;
    --color-dark-lighter: #2d2f36;
    --color-light: #f5f6f8;
    --color-light-darker: #e8eaed;
    --color-white: #ffffff;
    --color-black: #1a1a1a;
    
    /* Text */
    --text-dark: #1a1a1a;
    --text-dark-muted: rgba(26, 26, 26, 0.7);
    --text-light: rgba(255, 255, 255, 0.9);
    --text-light-muted: rgba(255, 255, 255, 0.6);
    
    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.15);
    
    /* Stav */
    --color-success: #28a745;
    --color-error: #dc3545;
    --color-warning: #ffc107;
    --color-info: #17a2b8;
}

/* ==========================================
   BODY & ZÁKLADNÍ
   ========================================== */

body {
    background-color: var(--color-white);
    color: var(--text-dark);
}

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

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

/* ==========================================
   HEADER / ZÁHLAVÍ
   ========================================== */

#header_zahlavi {
    background-color: var(--color-dark);
}

/* Container Header text */
#container_header * {
    color: var(--text-light);
}

#container_header li:nth-child(3) span {
    color: var(--color-primary);
}

/* ==========================================
   NAVIGACE / MENU
   ========================================== */

/* Desktop menu */
#menu ul li a {
    color: var(--text-light);
}

#menu ul li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

#menu ul li.active a::after {
    background-color: var(--color-primary);
}

/* Burger button */
.nav_toggle_bar {
    background-color: var(--color-white);
}

/* Mobile drawer */
.nav_drawer {
    background-color: rgba(0, 0, 0, 0.6);
}

.nav_drawer_inner {
    background-color: var(--color-white);
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.2);
}

.nav_close {
    color: var(--text-dark);
}

.nav_close:hover {
    background-color: var(--color-light);
}

.menu_all li {
    border-bottom-color: var(--color-light-darker);
}

.menu_all li a {
    color: var(--text-dark);
}

.menu_all li a:hover {
    background-color: var(--color-light);
}

.menu_all li.active a {
    color: var(--color-primary-dark);
}

/* ==========================================
   CONTENT SECTIONS
   ========================================== */

#content {
    background-color: var(--color-white);
}

/* ==========================================
   CONTAINER POCHOD INFO
   ========================================== */

#container_pochod_info {
    background-color: var(--color-light);
}

#container_pochod_info h3 {
    color: var(--text-dark);
}

#container_pochod_info h3::after {
    background-color: var(--color-primary);
}

#container_pochod_info p {
    color: var(--text-dark-muted);
}

/* ==========================================
   CONTAINER TRASY
   ========================================== */

#container_trasy {
    background-color: var(--color-primary-dark);
    background: linear-gradient(135deg, var(--color-primary-dark) 0%, #4aa832 100%);
}

#container_trasy h3 {
    color: var(--color-white);
}

#container_trasy .boxies .box {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

#x_container_trasy .box:hover {
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: var(--shadow-md);
}

#container_trasy h4 {
    color: var(--color-white);
}

#container_trasy p {
    color: rgba(255, 255, 255, 0.9);
}

#container_trasy .button_desktop a,
#container_trasy .button_respo a {
    background-color: var(--color-white);
    color: var(--color-primary-dark);
}

#container_trasy .button_desktop a:hover,
#x_container_trasy .button_respo a:hover {
    box-shadow: var(--shadow-md);
}

/* ==========================================
   ARTICLES & NEWS
   ========================================== */

.article_hp .hlavnistrana,
.article_hp_2 .hlavnistrana {
    border-left-color: var(--color-primary);
    background-color: var(--color-light);
}

.article_hp_2 .button a {
    background-color: var(--color-primary-dark);
    color: var(--color-white);
}

.article_hp_2 .button a:hover {
    background-color: var(--color-primary);
    box-shadow: var(--shadow-md);
}

/* News výpis */
.vypis_box.news {
    border-bottom-color: var(--color-light-darker);
}

.vypis_box.news:first-child {
    border-top-color: var(--color-light-darker);
}

.vypis_box.news h2 a {
    color: var(--text-dark);
}

.vypis_box.news h2 a:hover {
    color: var(--color-primary-dark);
}

/* Události výpis */
.udalosti_vypis .udalost {
    background-color: var(--color-light);
}

.udalosti_vypis .udalost a {
    color: var(--color-primary-dark);
}

/* ==========================================
   FORMS
   ========================================== */

.udalost_registrace_form {
    background-color: var(--color-light);
}

.form_line input[type="text"],
.form_line input[type="email"],
.form_line input[type="tel"],
.form_line select,
.form_line textarea {
    background-color: var(--color-white);
    border-color: var(--color-light-darker);
    color: var(--text-dark);
}

.form_line input:focus,
.form_line select:focus,
.form_line textarea:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(126, 217, 87, 0.2);
}

.form_line input::placeholder,
.form_line textarea::placeholder {
    color: var(--text-dark-muted);
}

.platba_option {
    background-color: var(--color-white);
    border-color: var(--color-light-darker);
}

.platba_option:hover {
    border-color: var(--color-primary);
}

.form_shrnuti {
    background-color: var(--color-white);
    border-color: rgba(0, 0, 0, 0.1);
}

.form_shrnuti legend {
    color: var(--text-dark);
}

.shrnuti_radek {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

.shrnuti_celkem {
    border-top-color: rgba(0, 0, 0, 0.12);
}

.shrnuti_cena_celkem {
    color: var(--color-primary-dark);
}

.btn_primary,
.udalost_registrace_form button[type="submit"] {
    background-color: var(--color-primary-dark);
    color: var(--color-white);
}

.btn_primary:hover,
.udalost_registrace_form button[type="submit"]:hover {
    background-color: var(--color-primary);
    box-shadow: var(--shadow-md);
}

/* Událost info */
.udalost_info_table th {
    background-color: var(--color-light);
}

.udalost_info_table th,
.udalost_info_table td {
    border-bottom-color: var(--color-light-darker);
}

.registrace_open {
    background-color: var(--color-success);
    color: var(--color-white);
}

/* ==========================================
   SUCCESS PAGE
   ========================================== */

.success_message {
    background-color: rgba(40, 167, 69, 0.1);
    border: 2px solid var(--color-success);
}

.success_message * {
    color: var(--color-success);
}

.registrace_summary h2 {
    border-bottom-color: var(--color-light-darker);
}

.registrace_summary th,
.registrace_summary td {
    border-bottom-color: var(--color-light-darker);
}

.qr_platba {
    background-color: var(--color-light);
}

.back_link a {
    background-color: var(--color-light);
    color: var(--text-dark);
}

.back_link a:hover {
    background-color: var(--color-light-darker);
}

/* ==========================================
   FOOTER / PATIČKA
   ========================================== */

#paticka {
    background-color: var(--color-dark);
}

#paticka * {
    color: var(--text-light);
}

#paticka h4 {
    color: var(--color-white);
}

#paticka h4::after {
    background-color: var(--color-primary);
}

#paticka ul li a {
    color: var(--text-light-muted);
}

#paticka ul li a:hover {
    color: var(--color-white);
}

/* Social icons */
.social-icon.facebook {
    background-color: #1877f2;
    color: var(--color-white);
}

.social-icon.instagram {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    color: var(--color-white);
}

.social-icon:hover {
    opacity: 0.85;
}

.social-icon i {
    color: var(--color-white);
}

/* Copyright */
#copyright {
    background-color: var(--color-dark);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#copyright * {
    color: var(--text-light-muted);
}

#copyright a {
    color: var(--text-light-muted);
}

#copyright a:hover {
    color: var(--color-white);
}

/* ==========================================
   PARTNEŘI
   ========================================== */

footer .article_hp_2 .hlavnistrana {
    background-color: transparent;
    border-left-color: var(--color-primary);
}

/* ==========================================
   TINYMCE CONTENT
   ========================================== */

.tinymce h2 {
    color: var(--text-dark);
    border-bottom-color: var(--color-light-darker);
}

.tinymce a {
    color: var(--color-primary-dark);
}

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

.tinymce table td,
.tinymce table th {
    border-color: var(--color-light-darker);
}

.tinymce table th {
    background-color: var(--color-light);
}

/* ==========================================
   ERRORS & ALERTS
   ========================================== */

div.error_box {
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid var(--color-error);
    color: var(--color-error);
}

div.success_box {
    background-color: rgba(40, 167, 69, 0.1);
    border: 1px solid var(--color-success);
    color: var(--color-success);
}

div.info_box {
    background-color: rgba(23, 162, 184, 0.1);
    border: 1px solid var(--color-info);
    color: var(--color-info);
}

div.warning_box {
    background-color: rgba(255, 193, 7, 0.1);
    border: 1px solid var(--color-warning);
    color: #856404;
}

/* ==========================================
   BADGE
   ========================================== */

.badge-green {
    background-color: var(--color-success);
    color: var(--color-white);
}

.badge-red {
    background-color: var(--color-error);
    color: var(--color-white);
}

.badge-gray {
    background-color: #6c757d;
    color: var(--color-white);
}

/* ==========================================
   TABULKA STARTOVNÍ LISTINA
   ========================================== */

table.startlistina {
    background-color: var(--color-white);
}

table.startlistina th {
    background-color: var(--color-light);
    color: var(--text-dark);
    border-bottom-color: var(--color-light-darker);
}

table.startlistina td {
    border-bottom-color: var(--color-light);
    color: var(--text-dark);
}

table.startlistina tr:nth-child(even) {
    background-color: var(--color-light);
}

table.startlistina tr:hover {
    background-color: rgba(126, 217, 87, 0.1);
}

/* ==========================================
   KONTAKTY STRÁNKA
   ========================================== */

ul.kontakty li a {
    color: var(--color-primary-dark);
}

ul.kontakty li a:hover {
    color: var(--color-primary);
}

/* ==========================================
   HOMEPAGE COUNTDOWN (BARVY)
   ========================================== */

#hp_countdown_wrapper {
    background-color: transparent;
}

#hp_countdown .count-label-small {
    color: var(--text-dark-muted);
}

#hp_countdown .count-title {
    color: var(--text-dark);
}

#hp_countdown .count-number {
    color: var(--color-primary-dark);
}

#hp_countdown .count-label {
    color: var(--text-dark-muted);
}