/* ================================================
   AWARDS PAGE - STRÁNKA OCENĚNÍ
   ================================================ */

:root {
    /* Černá škála */
    --black: #000000;
    --dark: #0d0d0d;
    --charcoal: #111111;
    --gray: #1a1a1a;
    --medium-gray: #222222;
    --light-gray: #333333;
    --text-gray: #cccccc;
    --text-light: #eeeeee;
    --white: #ffffff;
    --accent: #444444;
    --accent-light: #666666;
    
    /* Typografie - POUZE Times New Roman a Calibri */
    --font-primary: 'Times New Roman', Times, serif;
    --font-secondary: 'Calibri', 'Candara', 'Segoe UI', 'Optima', Arial, sans-serif;
    
    /* Rozestupy */
    --spacing-xl: 60px;
    --spacing-lg: 40px;
    --spacing-md: 30px;
    --spacing-sm: 25px;
    --spacing-xs: 20px;
    --spacing-xxs: 15px;
    
    /* Ostatní */
    --border-radius: 0;
    --transition-speed: 0.3s;
}

/* ZÁKLADNÍ STYLY */
body {
    font-family: var(--font-secondary);
    background: var(--black);
    color: var(--white);
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    color: var(--white);
    margin-bottom: 1rem;
    font-weight: 400;
    letter-spacing: 0.02em;
}

h1 {
    font-size: clamp(2.5rem, 6vw, 4rem);
    line-height: 1.1;
}

h2 {
    font-size: clamp(2rem, 4vw, 3rem);
}

h3 {
    font-size: clamp(1.3rem, 2.5vw, 1.8rem);
}

p {
    font-family: var(--font-secondary);
    font-size: 1.125rem;
    color: var(--text-light);
    line-height: 1.7;
    margin-bottom: 1.25rem;
}

.has-text-align-center {
    text-align: center;
}

/* HLAVNÍ OBSAH */
.awards-page {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
    background: var(--black);
}

/* HLAVNÍ NADPIS */
.awards-main-title {
    margin: var(--spacing-lg) 0 var(--spacing-xl) 0;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--white);
}

/* SEKCE OCENĚNÍ */
.awards-section {
    margin-bottom: var(--spacing-xl);
}

/* SLOUPCE PRO DVA OBRÁZKY */
.awards-columns {
    display: flex;
    gap: 2rem;
    margin: 0 !important;
}

/* JEDEN SLOUPEC */
.award-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: transparent;
}

/* ===== SPOLEČNÉ STYLY PRO OBRÁZKY - BEZ OŘEZÁVÁNÍ ===== */
.award-image {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1rem !important;
    background: var(--dark);
    line-height: 0;
}

.award-image a {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.2s ease;
    cursor: pointer;
}

.award-image a:hover {
    opacity: 0.9;
}

.award-image img {
    width: 100%;
    height: auto;
    display: block;
    /* ŽÁDNÉ object-fit - fotka se NEOŘEZÁVÁ */
}

/* PORTRÉTNÍ OBRÁZKY (NA VÝŠKU) */
.portrait-image {
    width: 100%;
}

/* ===== OPRAVA: KRAJINÁŘSKÝ OBRÁZEK - STEJNĚ ŠIROKÝ JAKO DVA PORTRÉTY ===== */
.landscape-section {
    width: 100%;
}

.landscape-container {
    width: 100%;
    max-width: 100%; /* Odstraněno omezení na 1000px */
    margin: 0 auto;
}

.landscape-image {
    width: 100%;
}

/* Pro výpočet šířky: dva sloupce + mezera mezi nimi */
.landscape-image img {
    width: 100%;
    height: auto;
}

/* Text pod širokým obrázkem - na stejnou šířku */
.landscape-description {
    text-align: center;
    max-width: 100%; /* Text přes celou šířku */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* NADPISY POD OBRÁZKY */
.award-title {
    font-family: var(--font-primary);
    color: var(--white);
    margin: 0.75rem 0 1rem 0;
    font-weight: 400;
    line-height: 1.3;
}

.landscape-title {
    text-align: center;
}

/* TEXT POD OBRÁZKY */
.award-description {
    font-family: var(--font-secondary);
    color: var(--text-gray);
    font-size: 1rem;
    line-height: 1.7;
    margin: 0;
    max-width: 100%;
}

/* ODDĚLOVAČ */
.wp-block-spacer {
    clear: both;
}

/* ================================================
   RESPONZIVITA
   ================================================ */

/* TABLET (do 1024px) */
@media (max-width: 1024px) {
    .awards-page {
        padding: 0 1.5rem;
    }
    
    .awards-columns {
        gap: 1.5rem;
    }
    
    .award-description {
        font-size: 0.95rem;
    }
}

/* MOBIL (do 768px) */
@media (max-width: 768px) {
    .awards-page {
        padding: 0 1rem;
    }
    
    .awards-main-title {
        margin: var(--spacing-md) 0 var(--spacing-lg) 0;
        font-size: 2rem;
        letter-spacing: 3px;
    }
    
    .awards-columns {
        flex-direction: column;
        gap: 2rem;
    }
    
    .award-column {
        width: 100%;
    }
    
    .award-title {
        margin: 0.5rem 0 0.75rem 0;
    }
    
    .landscape-title {
        text-align: left;
    }
    
    .landscape-description {
        text-align: left;
        max-width: 100%;
    }
    
    .awards-section {
        margin-bottom: var(--spacing-lg);
    }
}

/* MALÝ MOBIL (do 480px) */
@media (max-width: 480px) {
    .awards-main-title {
        font-size: 1.6rem;
        letter-spacing: 2px;
    }
    
    .award-title {
        font-size: 1.3rem;
    }
    
    .award-description {
        font-size: 0.9rem;
    }
    
    .awards-columns {
        gap: 1.5rem;
    }
}

/* VELKÉ OBRAZOVKY (nad 1600px) */
@media (min-width: 1600px) {
    .awards-page {
        max-width: 1600px;
        padding: 0 3rem;
    }
    
    .award-description {
        font-size: 1.1rem;
    }
    
    .award-title {
        font-size: 1.9rem;
    }
}