/*
 Theme Name:   Twenty Twenty-Five Child - Szavazás (NINCS ADATKEZELÉS)
 Description:  Teljes képernyő, középre, mobil fix
 Author:       Te
 Template:     twentytwentyfive
 Version:      16.0
*/

@import url("../twentytwentyfive/style.css");

/* === VIEWPORT FIX === */
@viewport { width: device-width; zoom: 1.0; }
@-ms-viewport { width: device-width; zoom: 1.0; }

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    box-sizing: border-box;
}

/* === ELREJTÉSEK === */
.wp-block-post-title, .wp-block-post-title a, .wp-block-post-title *,
.entry-header, .wp-block-heading[level="1"], h1.wp-block-heading,
h1:where(.wp-block-post-title), .site-header h1, .site-header .wp-block-heading,
.wp-block-template-part header h1, .wp-block-group > h1:first-child,
.wp-block-group > .wp-block-heading:first-child, .site-header,
.primary-navigation, .wp-block-navigation, .sidebar, .widget-area,
.entry-meta, .posted-on, .byline, .wp-block-post-date, .breadcrumbs,
.pagination, .comments-area, .site-footer, .wp-block-template-part,
.site-info, .wp-block-site-tagline, .footer-credits, .powered-by-wordpress,
.wp-block-group p:not(.szavazat-szoveg):not(.szazalek):not(.osszes-szoveg):not(.chat-invite) {
    display: none !important;
}

/* === FŐ TARTALOM === */
.site-main, .entry-content {
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100vw;
    max-width: 100%;
    min-height: 100vh;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

/* === SZAVAZÁS KONTÉNER === */
.szavazas-container {
    min-height: 100vh;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px 80px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    background: #ffffff;
    box-sizing: border-box;
}

/* === ANIMÁCIÓK === */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade { opacity: 0; animation: fadeIn 0.6s ease-out forwards; }
.animate-fade-up { opacity: 0; animation: fadeUp 0.6s ease-out forwards; }

/* === SZAVAZÁS === */
.szavazas-opciok {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 80px;
    margin: 0 auto 40px;
    width: 100%;
    max-width: 800px;
}

.szavazas-opcio {
    flex: 1;
    min-width: 220px;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.szavazas-gomb {
    width: 180px !important;
    height: 180px !important;
    object-fit: contain !important;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    transition: all 0.3s ease;
    cursor: pointer;
    margin: 0 auto 18px;
}

.szavazas-gomb:hover:not(.disabled) {
    transform: translateY(-8px);
    box-shadow: 0 16px 32px rgba(0,0,0,0.22);
}

.szavazas-gomb.disabled { opacity: 0.55; cursor: not-allowed; }

.szavazas-opcio h3 { margin: 14px 0 8px; font-size: 1.3em; font-weight: 700; color: #1a1a1a; }
.szavazat-szoveg { margin: 6px 0; color: #555; font-size: 1em; font-weight: 500; }
.szazalek { font-size: 2.8em; font-weight: 800; margin: 8px 0; }
.szazalek-tisza { color: #0066cc; }
.szazalek-fidesz { color: #ff6600; }
.osszes-szoveg { margin: 30px 0 20px; color: #444; font-size: 1.2em; font-weight: 600; max-width: 600px; }

/* === CHAT === */
.chat-invite, .chat-container {
    width: 100%;
    max-width: 600px;
    margin: 25px auto;
    text-align: center;
}

.chat-messages {
    height: 300px;
    overflow-y: auto;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 12px;
    background: #f9f9f9;
    margin-bottom: 12px;
    font-size: 0.95em;
}

.chat-msg { margin: 8px 0; word-wrap: break-word; }

.chat-input { display: flex; gap: 8px; justify-content: center; }
.chat-input input { flex: 1; max-width: 70%; padding: 10px; border: 1px solid #ccc; border-radius: 8px; font-size: 0.95em; }
.chat-input input:disabled { background: #f0f0f0; color: #666; }
#chat-send { padding: 10px 16px; background: #0066cc; color: white; border: none; border-radius: 8px; cursor: pointer; font-weight: 600; }
#chat-send:hover { background: #0055aa; }

/* === MOBIL & TABLET === */
@media (max-width: 1024px) {
    .szavazas-container {
        padding: 30px 15px 80px !important;
        max-width: 100%;
    }
    .szavazas-opciok { gap: 50px; }
    .szavazas-gomb { width: 150px !important; height: 150px !important; }
    .szazalek { font-size: 2.2em; }
    .chat-invite, .chat-container { margin: 20px 15px; }
    .chat-input { flex-direction: column; }
    .chat-input input { max-width: 100%; }
    #chat-send { width: 100%; }
}

@media (max-width: 480px) {
    .szavazas-gomb { width: 130px !important; height: 130px !important; }
    .szazalek { font-size: 2em; }
    .szavazas-container { padding: 20px 10px 70px !important; }
}