/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Jihosach.cz Child Theme
 Author:       Antigravity
 Author URI:   https://google.com
 Template:     generatepress
 Version:      0.1
*/

/* Custom Styling based on Domain */

:root {
    /* Brand Colors */
    --color-primary: #004488;
    /* Jihosach Blue */
    --color-secondary: #002244;
    --color-accent: #d32f2f;

    /* Text */
    --color-text-main: #111111;
    --color-text-light: #ecf0f1;
}

/* =========================================
   2. Menu Logos (Central Site)
   ========================================= */
.menu-item-with-icon {
    display: flex;
    align-items: center;
    gap: 8px;
}

.menu-item-icon {
    border-radius: 4px;
    object-fit: contain;
    /* Size is controlled by width/height attributes in IMG,
       but we can enforce max-width if needed */
}

/* =========================================
   3. Global Layout
   ========================================= */
:root {
    --color-bg-body: #ffffff;
    --color-bg-light: #f5f5f5;

    /* Fonts */
    --font-heading: 'Merriweather', serif;
    --font-body: 'Inter', sans-serif;
}

/* Typography Base */
body {
    font-family: var(--font-body);
    color: var(--color-text-main);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-secondary);
}

/* --- Domain Overrides --- */

/* Central Site overrides (if needed, defaults are central) */
/* .domain-central {} */

/* Club Site overrides */
/* Club Site overrides - HANDLED BY PHP NOW */
/* 
.domain-club {
    --color-primary: #2e7d32;
}
*/

/* Specific Club Override Example - HANDLED BY PHP NOW */
/* 
.club-olympia-cb {
    --color-primary: #d81b60;
} 
*/

/* --- GeneratePress Component Overrides --- */

/* Site Header */
.site-header {
    background-color: var(--color-primary);
    color: #ffffff;
    border-bottom: none;
}

.main-title a,
.main-title a:hover,
.main-title a:visited {
    color: #ffffff;
}

.site-description {
    color: rgba(255, 255, 255, 0.9);
}

.main-navigation {
    background-color: var(--color-primary);
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle {
    font-family: var(--font-body);
    font-weight: 500;
    color: #ffffff;
}

.main-navigation .main-nav ul li:hover>a,
.main-navigation .main-nav ul li.current-menu-item>a,
.main-navigation .main-nav ul li.current-menu-ancestor>a {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.1);
    /* Subtle hover effect */
}