/*
Theme Name: Rajzpályázatok – Firkavár 4.4.7
Theme URI: https://rajzpalyazatok.hu
Author: Rajzpályázatok Fejlesztő
Description: A hero banner festett, kézzel rajzolt, akvarell-illusztrációs vizuális világára épülő WordPress sablon.
Version: 4.24.6
Text Domain: rajzpalyazatok
*/

:root {
    --chibi-pink: #ff758c;
    --chibi-pink-light: #fff0f3;
    --chibi-purple: #6c5ce7;
    --chibi-blue: #00cec9;
    --chibi-yellow: #fffa65;
    --chibi-dark: #2d3436;
    --chibi-gray: #636e72;
    --chibi-bg: #f7f9fc;
    --chibi-card-bg: #ffffff;
    --chibi-radius: 20px;
    --chibi-shadow: 0 10px 30px rgba(108, 92, 231, 0.08);
}

* { box-sizing: border-box; }

body {
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
    color: var(--chibi-dark);
    background-color: var(--chibi-bg);
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

h1, h2, h3, h4, .chibi-brand-title {
    font-family: 'Fredoka', cursive, sans-serif;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* NAVBAR */
.chibi-navbar {
    background: #ffffff;
    padding: 16px 0;
    border-bottom: 2px solid #edf2f7;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

.chibi-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chibi-logo-link {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
}

.chibi-logo-badge {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    overflow: hidden;
    border-radius: 16px;
}

.chibi-nav-logo {
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    object-fit: contain;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.chibi-logo-link:hover .chibi-nav-logo {
    transform: scale(1.06) rotate(-2deg);
    filter: saturate(1.08);
}

.chibi-brand-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--chibi-dark);
    line-height: 1.1;
    display: block;
}

.dot-pop { color: var(--chibi-pink); }

.chibi-brand-tagline {
    font-size: 0.8rem;
    color: var(--chibi-gray);
    font-weight: 600;
    letter-spacing: 0.5px;
}

.chibi-nav-menu {
    display: flex;
    align-items: center;
    gap: 25px;
}

.chibi-nav-menu ul {
    display: flex;
    list-style: none;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.chibi-nav-menu a {
    text-decoration: none;
    color: var(--chibi-dark);
    font-weight: 700;
    font-size: 0.95rem;
    transition: color 0.2s;
}

.chibi-nav-menu a:hover {
    color: var(--chibi-pink);
}

.chibi-btn-cta {
    background: linear-gradient(135deg, #ff758c 0%, #ff7eb3 100%);
    color: white;
    border: none;
    padding: 10px 22px;
    border-radius: 30px;
    font-family: 'Fredoka', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(255, 117, 140, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
}

.chibi-btn-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(255, 117, 140, 0.45);
}

/* MODERN CHIBI HERO BANNER */
.chibi-hero-section {
    background: linear-gradient(135deg, #fff0f3 0%, #e0f7fa 50%, #f3e5f5 100%);
    padding: 60px 0 70px;
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.chibi-floating-sparkles .sparkle {
    position: absolute;
    font-size: 1.8rem;
    opacity: 0.7;
}

.sp-1 { top: 15%; left: 8%; }
.sp-2 { top: 75%; left: 4%; }
.sp-3 { top: 20%; right: 45%; }
.sp-4 { top: 10%; right: 10%; }
.sp-5 { bottom: 15%; right: 8%; }

.chibi-hero-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    align-items: center;
}

.chibi-pill-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--chibi-purple);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    margin-bottom: 18px;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    background: var(--chibi-pink);
    border-radius: 50%;
}

.chibi-hero-title {
    font-size: 3.2rem;
    line-height: 1.15;
    color: var(--chibi-dark);
    margin-top: 0;
    margin-bottom: 18px;
}

.gradient-text {
    background: linear-gradient(135deg, #ff758c 0%, #6c5ce7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.chibi-hero-sub {
    font-size: 1.15rem;
    color: var(--chibi-gray);
    margin-bottom: 28px;
    max-width: 540px;
}

/* Modern Search Bar */
.chibi-search-box {
    display: flex;
    background: #ffffff;
    padding: 8px;
    border-radius: 40px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    max-width: 520px;
    border: 2px solid #ffffff;
    transition: border-color 0.2s;
}

.chibi-search-box:focus-within {
    border-color: var(--chibi-purple);
}

.search-input-wrapper {
    display: flex;
    align-items: center;
    flex: 1;
    padding-left: 15px;
    gap: 10px;
}

.search-icon { font-size: 1.1rem; }

.search-input-wrapper input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 1rem;
    font-family: inherit;
    color: var(--chibi-dark);
}

.chibi-search-btn {
    background: var(--chibi-dark);
    color: white;
    border: none;
    padding: 12px 26px;
    border-radius: 30px;
    font-family: 'Fredoka', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.chibi-search-btn:hover {
    background: var(--chibi-purple);
}

/* Hero Mascot Visual Card */
.chibi-hero-avatar-wrap {
    display: flex;
    justify-content: center;
}

.chibi-avatar-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 0 20px 40px rgba(108, 92, 231, 0.15);
    text-align: center;
    position: relative;
    border: 4px solid #ffffff;
}

.chibi-hero-avatar-img {
    width: 220px;
    height: 220px;
    object-fit: contain;
}

.avatar-badge-tag {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    padding: 8px 18px;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.avatar-badge-tag .emoji { font-size: 1.5rem; }
.avatar-badge-tag strong { display: block; font-size: 0.85rem; color: var(--chibi-dark); }
.avatar-badge-tag small { color: var(--chibi-gray); font-size: 0.75rem; }

.chibi-demo-banner {
    margin-top: 20px;
    background: rgba(255,255,255,0.7);
    padding: 10px 16px;
    border-radius: 12px;
    font-size: 0.85rem;
    display: inline-block;
}

.btn-demo-link {
    background: var(--chibi-blue);
    color: white;
    padding: 4px 12px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    margin-left: 8px;
}

/* Features Bar */
.chibi-features-bar {
    margin-top: -30px;
    position: relative;
    z-index: 10;
}

.chibi-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    background: #ffffff;
    padding: 20px;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.chibi-feature-card {
    display: flex;
    align-items: center;
    gap: 15px;
}

.icon-wrap {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.bg-pink { background: #ffeaa7; }
.bg-purple { background: #e8e8e8; }
.bg-blue { background: #dff9fb; }
.bg-yellow { background: #fff200; }

/* Rajzolt ikonok a feature kártyákon */
.icon-wrap.art-icon {
    width: 80px;
    height: 80px;
    border-radius: 22px;
    padding: 7px;
    background: #fffdf8;
    border: 2px solid #efe3d2;
    box-shadow: 3px 4px 0 rgba(120, 96, 70, .07);
    flex: 0 0 auto;
}
.icon-wrap.art-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.chibi-feature-card h4 { margin: 0; font-size: 0.95rem; }
.chibi-feature-card p { margin: 0; font-size: 0.8rem; color: var(--chibi-gray); }

/* Layout Grid */
.layout-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    margin-top: 40px;
    margin-bottom: 60px;
}

/* Featured Card */
.chibi-featured-card {
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: var(--chibi-shadow);
    position: relative;
}

.chibi-badge-featured {
    position: absolute;
    top: 15px; left: 15px;
    background: var(--chibi-purple);
    color: white;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    z-index: 5;
}

.chibi-featured-grid { display: flex; }
.chibi-featured-img { flex: 1; min-height: 260px; background-size: cover; background-position: center; }
.chibi-featured-body { flex: 1; padding: 30px; }
.chibi-featured-body h3 { margin-top: 0; font-size: 1.6rem; color: var(--chibi-dark); }
.chibi-meta-list { list-style: none; padding: 0; margin: 15px 0 20px; font-size: 0.9rem; }
.chibi-meta-list li { margin-bottom: 6px; }

.btn-chibi-primary {
    display: inline-block;
    background: var(--chibi-pink);
    color: white;
    padding: 10px 22px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    box-shadow: 0 4px 12px rgba(255, 117, 140, 0.3);
}

/* Section Title */
.section-title-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.section-title-flex h2 { font-size: 1.8rem; margin: 0; }
.link-more { color: var(--chibi-purple); text-decoration: none; font-weight: 700; }

/* List Items */
.chibi-list-item {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #ffffff;
    padding: 16px;
    border-radius: 20px;
    margin-bottom: 14px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    transition: transform 0.2s;
}

.chibi-list-item:hover {
    transform: translateY(-2px);
}

.item-thumb img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 16px;
}

.item-content { flex: 1; }
.item-content h4 { margin: 0 0 4px; font-size: 1.1rem; }
.item-content h4 a { text-decoration: none; color: var(--chibi-dark); }
.item-meta { font-size: 0.85rem; color: var(--chibi-gray); }

.chibi-age-pill {
    background: var(--chibi-pink-light);
    color: var(--chibi-pink);
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.8rem;
}

/* Sidebar Widgets */
.chibi-quick-menu { display: flex; flex-direction: column; gap: 12px; }

.chibi-q-card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 16px 20px;
    border-radius: 20px;
    text-decoration: none;
    color: var(--chibi-dark);
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    transition: transform 0.2s;
}

.chibi-q-card:hover { transform: translateY(-2px); }
.q-icon { font-size: 1.6rem; }
.chibi-q-card strong { display: block; font-size: 0.95rem; }
.chibi-q-card small { color: var(--chibi-gray); font-size: 0.8rem; }

.chibi-widget-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 24px;
    box-shadow: var(--chibi-shadow);
}

.bg-soft-pink { background: #fff0f3; }
.widget-title { font-size: 1.3rem; margin-top: 0; margin-bottom: 15px; }

.chibi-deadline-row {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 1px dashed #edf2f7;
}

.chibi-deadline-row:last-child { border-bottom: none; }

.chibi-date-badge {
    background: var(--chibi-purple);
    color: white;
    border-radius: 12px;
    padding: 6px 12px;
    text-align: center;
    min-width: 50px;
}

.chibi-date-badge .m { font-size: 0.7rem; font-weight: 800; display: block; opacity: 0.8; }
.chibi-date-badge .d { font-size: 1.1rem; font-weight: 800; }

.deadline-info a { text-decoration: none; color: var(--chibi-dark); font-weight: 700; font-size: 0.9rem; display: block; }
.deadline-info small { color: var(--chibi-gray); font-size: 0.8rem; }

/* Modal Popup */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(45, 52, 54, 0.6);
    backdrop-filter: blur(6px);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: 24px;
    box-sizing: border-box;
}

.modal-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 32px;
    max-width: 550px;
    width: 90%;
    box-shadow: 0 25px 50px rgba(0,0,0,0.15);
    position: relative;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    margin: auto;
}

.modal-close {
    position: absolute;
    top: 15px; right: 20px;
    font-size: 1.8rem;
    cursor: pointer;
    color: var(--chibi-gray);
    background: none;
    border: none;
}

.bekuldes-form-group { margin-bottom: 15px; }
.bekuldes-form-group label { display: block; font-weight: 700; margin-bottom: 5px; font-size: 0.9rem; }
.bekuldes-form-group input, 
.bekuldes-form-group textarea, 
.bekuldes-form-group select {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #edf2f7;
    border-radius: 12px;
    font-size: 0.95rem;
    outline: none;
}

.bekuldes-form-group input:focus { border-color: var(--chibi-purple); }

.btn-submit-form {
    background: var(--chibi-pink);
    color: white;
    border: none;
    padding: 14px;
    border-radius: 30px;
    font-family: 'Fredoka', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
}

.site-footer {
    background: #ffffff;
    border-top: 2px solid #edf2f7;
    padding: 40px 0 20px;
    text-align: center;
}

.footer-motto { font-size: 1.5rem; margin-bottom: 15px; color: var(--chibi-dark); }
.footer-nav ul { display: flex; justify-content: center; list-style: none; gap: 20px; padding: 0; margin-bottom: 20px; }
.footer-nav a { color: var(--chibi-gray); text-decoration: none; font-weight: 600; }
.copyright { color: #a0aec0; font-size: 0.85rem; }

@media (max-width: 900px) {
    .chibi-hero-grid { grid-template-columns: 1fr; text-align: center; }
    .chibi-hero-sub { margin-left: auto; margin-right: auto; }
    .chibi-search-box { margin: 0 auto; }
    .chibi-features-grid { grid-template-columns: repeat(2, 1fr); }
    .layout-grid { grid-template-columns: 1fr; }
    .chibi-featured-grid { flex-direction: column; }
}


/* VÁLTAKOZÓ LEGÚJABB PÁLYÁZATOK CAROUSEL SLIDER STÍLUSOK */
.chibi-slider-wrap {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 10px 30px rgba(108, 92, 231, 0.08);
    position: relative;
}

.chibi-slider-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.btn-slider-nav {
    background: #fff0f3;
    color: var(--chibi-pink);
    border: none;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-slider-nav:hover {
    background: var(--chibi-pink);
    color: #ffffff;
}

.chibi-slider-container {
    position: relative;
    min-height: 180px;
}

.chibi-slide-item {
    display: none;
    animation: fadeInSlide 0.5s ease-in-out;
}

.chibi-slide-item.active-slide {
    display: block;
}

@keyframes fadeInSlide {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.chibi-slide-inner {
    display: flex;
    gap: 20px;
    align-items: center;
}

.slide-img {
    width: 180px;
    height: 140px;
    border-radius: 18px;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

.slide-img-placeholder {
    width: 140px;
    height: 140px;
    border-radius: 18px;
    background: #fff0f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    flex-shrink: 0;
}

.slide-info {
    flex: 1;
}

.slide-badge {
    background: #e8e8e8;
    color: var(--chibi-purple);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 12px;
    display: inline-block;
    margin-bottom: 8px;
}

.slide-info h4 {
    margin: 0 0 6px;
    font-size: 1.3rem;
}

.slide-info h4 a {
    text-decoration: none;
    color: var(--chibi-dark);
}

.slide-meta {
    font-size: 0.85rem;
    color: var(--chibi-gray);
    margin-bottom: 8px;
}

.slide-excerpt {
    font-size: 0.9rem;
    color: #636e72;
    margin: 0 0 12px;
}

.btn-slide-link {
    display: inline-block;
    background: var(--chibi-purple);
    color: white;
    padding: 6px 16px;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.85rem;
    transition: background 0.2s;
}

.btn-slide-link:hover {
    background: var(--chibi-pink);
}

.chibi-slider-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 15px;
}

.dot-item {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #dfe6e9;
    cursor: pointer;
    transition: all 0.2s;
}

.dot-item.active-dot {
    background: var(--chibi-pink);
    width: 24px;
    border-radius: 10px;
}

@media (max-width: 600px) {
    .chibi-slide-inner {
        flex-direction: column;
    }
    .slide-img, .slide-img-placeholder {
        width: 100%;
        height: 160px;
    }
}

/* ILLUSTRATED HERO – rajzos, játékos főbanner */
.illustrated-hero { padding: 48px 0 58px; background: linear-gradient(180deg, #fff6df 0%, #fff0f3 100%); border-radius: 0 0 44px 44px; }
.illustrated-hero .chibi-hero-grid { grid-template-columns: 1fr; gap: 34px; min-height: auto; }
.illustrated-hero .chibi-hero-text { background: transparent; border: none; border-radius: 0; padding: 0; box-shadow: none; backdrop-filter: none; max-width: 780px; margin: 0 auto; text-align: center; }
.hero-kicker { display:inline-block; background:#4d4261; color:#fff; padding:8px 15px; border-radius:999px; font-weight:800; font-size:.78rem; letter-spacing:.08em; margin-bottom:15px; transform:rotate(-1deg); }
.illustrated-hero .chibi-hero-title { font-size:clamp(2.3rem,4vw,3.6rem); text-shadow:2px 3px 0 #fff; margin-bottom:14px; }
.illustrated-hero .chibi-hero-sub { color:#51495d; font-weight:500; margin-left:auto; margin-right:auto; max-width:640px; }
.illustrated-hero .chibi-search-box { max-width:560px; margin:0 auto; text-align:left; }
.illustrated-hero .chibi-demo-banner { text-align:left; }
.illustrated-hero .chibi-hero-text { display:flex; flex-direction:column; align-items:center; }
.hero-art-wrap { position:relative; border-radius:28px; border:6px solid #fff; box-shadow:0 18px 45px rgba(75,55,100,.16); overflow:hidden; background:#fff; }
.hero-art-img { display:block; width:100%; height:auto; }
@media(max-width:850px){
 .illustrated-hero { padding:38px 0 44px; }
 .illustrated-hero .chibi-hero-grid { grid-template-columns:1fr; gap:26px; }
 .illustrated-hero .chibi-hero-text { margin:0; }
 .illustrated-hero .chibi-search-box { flex-direction:column; border-radius:28px; }
 .illustrated-hero .search-input-wrapper { padding:12px 15px; }
 .illustrated-hero .chibi-search-btn { border-radius:22px; }
}

/* ===== RAJZOLT, AKVARELL HANGULAT AZ EGÉSZ LAPON (v1.7.0) ===== */
body {
    background-color: #fffaf2;
    background-image:
        radial-gradient(circle at 12% 8%, rgba(255,214,165,.35) 0, transparent 38%),
        radial-gradient(circle at 88% 14%, rgba(191,219,254,.35) 0, transparent 40%),
        radial-gradient(circle at 20% 72%, rgba(255,205,222,.30) 0, transparent 42%),
        radial-gradient(circle at 82% 86%, rgba(198,239,206,.32) 0, transparent 44%);
    background-attachment: fixed;
}

/* Kártyák "kézzel rajzolt" keretet kapnak */
.chibi-feature-card,
.chibi-widget-card,
.chibi-list-item,
.chibi-slide-inner,
.chibi-q-card,
.chibi-featured-card,
.chibi-empty-box,
.modal-card {
    border: 3px solid #efe3d2 !important;
    box-shadow: 6px 8px 0 rgba(120, 96, 70, .08) !important;
}

/* Szekciócím alá rajzolt aláhúzás */
.section-title-flex h2,
.widget-title,
.chibi-slider-header h3 {
    position: relative;
}
.section-title-flex h2::after,
.chibi-slider-header h3::after {
    content: "";
    display: block;
    height: 8px;
    width: 92px;
    margin-top: 6px;
    border-radius: 8px;
    background: linear-gradient(90deg, #ffb3c6, #ffd6a5 55%, transparent);
}

/* Lebegő rajzolt figurák */
.deco-art { position: absolute; pointer-events: none; user-select: none; z-index: 2; }
.deco-art img { display: block; width: 100%; height: auto; filter: drop-shadow(0 10px 18px rgba(110,90,70,.18)); }
.illustrated-hero { position: relative; overflow: hidden; }
.deco-hero-cat { width: 132px; left: 18px; bottom: 10px; transform: rotate(-4deg); }
.deco-hero-tools { width: 122px; right: 20px; top: 14px; transform: rotate(5deg); }

/* Rajzolt szekciósáv (elválasztó illusztráció) */
.chibi-deco-strip {
    position: relative;
    max-width: 1200px;
    margin: 40px auto 10px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 18px;
    justify-content: center;
    text-align: center;
}
.chibi-deco-strip img { width: 92px; height: auto; }
.chibi-deco-strip p {
    font-family: 'Fredoka', sans-serif;
    font-size: 1.15rem;
    color: #6b5b4a;
    margin: 0;
}

/* Rajzolt oldalsáv-kártya */
.chibi-art-card {
    background: #fff;
    border: 3px solid #efe3d2;
    border-radius: var(--chibi-radius);
    box-shadow: 6px 8px 0 rgba(120,96,70,.08);
    overflow: hidden;
    text-align: center;
    padding: 18px 18px 22px;
}
.chibi-art-card img { width: 78%; max-width: 220px; height: auto; margin: 0 auto 6px; display: block; }
.chibi-art-card strong { display: block; font-family: 'Fredoka', sans-serif; font-size: 1.1rem; color: #4d4261; }
.chibi-art-card small { color: var(--chibi-gray); }

/* Lábléc rajzolt tájsávval */
.footer-art-band {
    height: 210px;
    background-image: url('images/deco-footer-band-v488.jpg');
    background-size: cover;
    background-position: center top;
    border-top: 4px solid #fff;
}
.site-footer { background: #fffaf2; border-top: none; position: relative; }

@media (max-width: 850px) {
    .deco-hero-cat { width: 84px; left: 6px; bottom: 4px; }
    .deco-hero-tools { width: 76px; right: 8px; top: 8px; }
    .chibi-deco-strip { flex-direction: column; gap: 8px; }
    .chibi-deco-strip img { width: 74px; }
    .footer-art-band { height: 180px; }
}

/* Kereső az oldalsávban */
.chibi-side-search {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 25px;
    background: #fffdf8;
    border: 2px solid #efe3d2;
    border-radius: 22px;
    padding: 14px;
    box-shadow: 6px 8px 0 rgba(120, 96, 70, .08);
}
.chibi-side-search .search-input-wrapper { width: 100%; }
.chibi-side-search .search-input-wrapper input { width: 100%; }
.chibi-side-search .chibi-search-btn { width: 100%; justify-content: center; }

/* Responsive navbar logo sizing */
@media (max-width: 900px) {
    .chibi-navbar { padding: 12px 0; }
    .chibi-nav-container { gap: 14px; }
    .chibi-logo-link { min-width: 0; gap: 11px; }
    .chibi-logo-badge { width: 52px; height: 52px; flex-basis: 52px; border-radius: 13px; }
    .chibi-nav-logo { width: 52px; height: 52px; border-radius: 13px; }
    .chibi-brand { min-width: 0; }
    .chibi-brand-title { font-size: 1.45rem; white-space: nowrap; }
    .chibi-brand-tagline { display: none; }
    .chibi-nav-menu { flex: 0 0 auto; gap: 10px; }
    .chibi-nav-menu ul { display: none; }
    .chibi-btn-cta { padding: 9px 13px; font-size: 0.82rem; }
}

@media (max-width: 480px) {
    .container.chibi-nav-container { padding-left: 14px; padding-right: 14px; }
    .chibi-logo-badge { width: 48px; height: 48px; flex-basis: 48px; border-radius: 12px; }
    .chibi-nav-logo { width: 48px; height: 48px; border-radius: 12px; }
    .chibi-brand-title { font-size: clamp(1.05rem, 5.2vw, 1.3rem); }
    .chibi-btn-cta { width: 44px; height: 44px; padding: 0; overflow: hidden; font-size: 0; border-radius: 12px; }
    .chibi-btn-cta::before { content: '+'; font-size: 1.65rem; line-height: 1; }
}

/* --- Pályázat oldali beküldött kép + Díjazás blokk --- */
.palyazat-kep-box {
    margin: 25px 0 30px;
    width: min(100%, 760px);
    padding: 0;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}
.palyazat-kep-box a {
    display: grid;
    place-items: center;
    padding: 14px;
    background: #f8fafc;
}
.palyazat-kep-box img.palyazat-kep {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 420px;
    object-fit: contain;
}
.palyazat-kep-box figcaption {
    padding: 12px 16px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
}
.palyazat-dijazas {
    margin-top: 30px;
    padding: 20px 24px;
    border-left: 5px solid var(--accent-green);
    background: #f0fdf4;
    border-radius: 14px;
}
.palyazat-dijazas h3 {
    margin: 0 0 8px;
    font-size: 1.15rem;
    color: var(--primary-blue);
}
.palyazat-dijazas p {
    margin: 0;
    line-height: 1.7;
    color: #334155;
}
.palyazat-bekuldesi-hely,
.palyazat-eredmenyhirdetes {
    margin-top: 25px;
    padding: 20px 24px;
    border-radius: 14px;
}
.palyazat-bekuldesi-hely {
    border-left: 5px solid var(--chibi-pink);
    background: var(--chibi-pink-light);
}
.palyazat-eredmenyhirdetes {
    border-left: 5px solid var(--primary-blue);
    background: #eef4ff;
}
.palyazat-bekuldesi-hely h3,
.palyazat-eredmenyhirdetes h3 {
    margin: 0 0 8px;
    font-size: 1.15rem;
    color: var(--primary-blue);
}
.palyazat-bekuldesi-hely p,
.palyazat-eredmenyhirdetes p {
    margin: 0 0 6px;
    line-height: 1.7;
    color: #334155;
}
.palyazat-eredmenyhirdetes p:last-child,
.palyazat-bekuldesi-hely p:last-child {
    margin-bottom: 0;
}
.palyazat-letoltes-sor {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0;
}
.palyazat-letoltes-gomb {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 8px 20px 8px 10px;
    border: 2px solid #4d3b78;
    border-radius: 18px;
    background: #ff8fa3;
    color: #2d2145;
    text-decoration: none;
    font-weight: 800;
    box-shadow: 0 6px 0 #4d3b78;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.palyazat-letoltes-gomb:hover,
.palyazat-letoltes-gomb:focus-visible {
    color: #2d2145;
    background: #ffb3c1;
    transform: translateY(-2px);
    box-shadow: 0 8px 0 #4d3b78;
}
.palyazat-letoltes-gomb img {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    object-fit: contain;
}
.palyazat-letoltes-gomb small {
    font-size: .78em;
    font-weight: 700;
}
.palyazat-nincs-letoltes {
    padding: 12px 20px;
    border-radius: 16px;
    background: #e2e8f0;
    color: #475569;
    font-weight: 700;
}

/* --- Beküldő űrlap képelőnézet --- */
.kep-elonezet {
    display: none;
    align-items: center;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    margin-top: 10px;
    padding: 10px;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
}
.kep-elonezet.is-visible { display: flex; }
.kep-elonezet img {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    object-fit: cover;
    border-radius: 12px;
    background: #fff;
}
.kep-elonezet span {
    font-size: 0.85rem;
    font-weight: 600;
    color: #475569;
    word-break: break-all;
}

@media (max-width: 600px) {
    .palyazat-kep-box a { padding: 10px; }
    .palyazat-kep-box img.palyazat-kep { max-height: 320px; }
    .palyazat-letoltes-gomb { width: 100%; justify-content: center; padding-right: 14px; }
    .kep-elonezet img { width: 60px; height: 60px; flex-basis: 60px; }
}

/* ============================================================
   HERO-ART VISUAL SYSTEM — the whole site follows the hero banner
   ============================================================ */
:root{
  --art-ink:#173d63;
  --art-orange:#ef6c18;
  --art-yellow:#f4bd27;
  --art-sky:#dceef5;
  --art-paper:#fffdf7;
  --art-paper-warm:#fff8e9;
  --art-wood:#d9a66a;
  --art-line:rgba(31,57,76,.72);
  --art-shadow:0 10px 28px rgba(64,48,30,.12);
}

html{scroll-behavior:smooth}
body{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  color:#30424d;
  background:
    radial-gradient(circle at 12% 8%,rgba(244,189,39,.10),transparent 23%),
    radial-gradient(circle at 88% 24%,rgba(91,170,205,.10),transparent 24%),
    linear-gradient(180deg,#fffdf8 0%,#f8f2e7 100%);
  background-attachment:fixed;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.17;
  background-image:repeating-linear-gradient(0deg,rgba(70,55,35,.025) 0 1px,transparent 1px 5px);
}
h1,h2,h3,h4,.chibi-brand-title,.footer-motto,.hero-kicker{
  font-family:'Kalam','Patrick Hand','Fredoka',cursive,sans-serif;
}
h1,h2,h3,h4{color:var(--art-ink)}

/* Hand-drawn paper header */
.chibi-navbar{
  background:rgba(255,253,247,.96);
  border-bottom:0;
  box-shadow:0 4px 16px rgba(69,54,35,.08);
  position:sticky;
}
.chibi-navbar::after{
  content:"";position:absolute;left:0;right:0;bottom:-5px;height:10px;
  background:linear-gradient(177deg,transparent 0 28%,rgba(239,108,24,.18) 29% 42%,transparent 43% 57%,rgba(23,61,99,.13) 58% 72%,transparent 73%);
  opacity:.8;pointer-events:none;
}
.chibi-logo-badge{border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 3px 12px rgba(30,50,60,.13);transform:rotate(-2deg)}
.chibi-nav-logo{border-radius:50%}
.chibi-brand-title{font-size:2rem;color:var(--art-ink);letter-spacing:.01em}
.dot-pop{color:var(--art-orange)}
.chibi-brand-tagline{color:#6d6a62;font-family:'Kalam',cursive;font-size:.95rem}
.chibi-nav-menu ul{gap:10px}
.chibi-nav-menu ul a{
  color:var(--art-ink);padding:8px 12px;display:block;font-family:'Kalam',cursive;font-size:1.08rem;
  position:relative;transform:rotate(-.7deg)
}
.chibi-nav-menu ul a:hover{color:var(--art-orange)}
.chibi-nav-menu ul a:hover::after{content:"";position:absolute;left:8px;right:8px;bottom:3px;height:4px;background:rgba(239,108,24,.35);border-radius:50%;transform:rotate(-2deg)}
.chibi-btn-cta,.btn-chibi-primary,.btn-submit-form{
  background:var(--art-orange)!important;color:#fff!important;border:2px solid var(--art-ink)!important;
  border-radius:10px 12px 9px 11px!important;box-shadow:3px 4px 0 var(--art-ink)!important;
  font-family:'Kalam',cursive!important;font-size:1.12rem!important;font-weight:700!important;
}
.chibi-btn-cta:hover,.btn-chibi-primary:hover,.btn-submit-form:hover{transform:translate(1px,2px) rotate(-1deg);box-shadow:1px 2px 0 var(--art-ink)!important}

/* Hero remains the visual reference; make it the site's visual language */
.illustrated-hero{
  background:#fff8e9!important;padding:34px 0 46px!important;border-radius:0!important;
}
.hero-art-wrap{
  border:7px solid #fff!important;border-radius:8px 16px 10px 13px!important;
  box-shadow:8px 10px 0 rgba(23,61,99,.12),0 20px 45px rgba(64,48,30,.15)!important;
  transform:rotate(-.35deg);
}
.hero-art-wrap::before{content:"";position:absolute;inset:7px;border:2px dashed rgba(23,61,99,.20);pointer-events:none;z-index:2}
.hero-art-img{filter:saturate(.98) contrast(1.02)}
.hero-kicker{background:var(--art-ink)!important;border:2px solid var(--art-ink);border-radius:5px 11px 6px 9px!important;box-shadow:4px 4px 0 rgba(239,108,24,.55);font-size:1rem!important;letter-spacing:.04em!important}
.illustrated-hero .chibi-hero-title{font-size:clamp(2.6rem,5vw,4.5rem)!important;color:var(--art-ink)!important;text-shadow:2px 2px 0 #fff,4px 5px 0 rgba(23,61,99,.10)!important}
.gradient-text{color:var(--art-orange)!important;background:none!important;-webkit-text-fill-color:initial!important}
.illustrated-hero .chibi-hero-sub{font-family:'Kalam',cursive;font-size:1.3rem;color:#4f5960}

/* Every content block becomes an illustrated sheet of paper */
.chibi-features-bar,.layout-grid,.main-column,.sidebar-column{position:relative}
.chibi-features-bar{background:transparent!important;padding:22px 0 10px!important}
.chibi-feature-card,.chibi-featured-card,.chibi-slide-inner,.chibi-widget-card,.chibi-q-card,.chibi-list-item,.chibi-art-card,.chibi-slider-wrap,.chibi-side-search,.chibi-empty-box{
  background:var(--art-paper)!important;
  border:2px solid rgba(23,61,99,.72)!important;
  border-radius:7px 12px 9px 14px!important;
  box-shadow:5px 6px 0 rgba(23,61,99,.10),0 12px 24px rgba(64,48,30,.07)!important;
  position:relative;overflow:hidden;
}
.chibi-feature-card::before,.chibi-featured-card::before,.chibi-slide-inner::before,.chibi-widget-card::before,.chibi-q-card::before,.chibi-art-card::before,.chibi-slider-wrap::before{
  content:"";position:absolute;left:10px;right:10px;top:6px;height:3px;
  background:rgba(239,108,24,.18);border-radius:50%;transform:rotate(-.7deg);pointer-events:none;
}
.chibi-feature-card{transform:rotate(-.4deg)}
.chibi-feature-card:nth-child(even){transform:rotate(.55deg)}
.chibi-feature-card h4{font-size:1.25rem}
.chibi-feature-card p,.chibi-widget-card,.chibi-list-item small{color:#65645e}
.icon-wrap.art-icon{background:transparent!important;border:0!important;border-radius:50%;padding:0!important;box-shadow:none!important}

/* Section headings get the brush-stroke feel from the hero */
.section-title-flex{align-items:end;border-bottom:0!important;position:relative;margin-bottom:22px}
.section-title-flex::after,.chibi-slider-header::after{
  content:"";position:absolute;left:0;bottom:-7px;width:210px;height:8px;
  background:rgba(239,108,24,.38);border-radius:50% 20% 45% 12%;transform:rotate(-1.5deg)
}
.section-title-flex h2,.chibi-slider-header h3{font-size:2rem!important;color:var(--art-ink)!important}
.link-more,.btn-slide-link{color:var(--art-orange)!important;font-family:'Kalam',cursive;font-size:1.05rem;font-weight:700}

/* Search/filter areas */
.chibi-search-box,.chibi-side-search{background:var(--art-paper)!important;border:2px solid var(--art-ink)!important;border-radius:8px!important;box-shadow:4px 5px 0 rgba(23,61,99,.10)!important}
.chibi-search-box input,.chibi-side-search input,.bekuldes-form-group input,.bekuldes-form-group textarea,.bekuldes-form-group select{
  background:#fffdf8!important;border:2px solid rgba(23,61,99,.35)!important;border-radius:6px!important;font-family:'Kalam',cursive;font-size:1.05rem;color:#354651!important
}
.chibi-search-btn{background:var(--art-ink)!important;border:2px solid var(--art-ink)!important;border-radius:6px!important}

/* Cards feel like loose sheets pinned onto a drawing table */
.chibi-slide-item,.chibi-featured-card{background:transparent!important;border:0!important;box-shadow:none!important}
.chibi-slide-inner{transform:rotate(.2deg)}
.chibi-slide-item:nth-child(2n) .chibi-slide-inner{transform:rotate(-.35deg)}
.slide-img,.chibi-featured-img{border-radius:5px!important;border:4px solid #fff!important;box-shadow:3px 4px 0 rgba(23,61,99,.14)!important}
.slide-badge,.chibi-badge-featured,.chibi-age-pill{background:var(--art-yellow)!important;color:var(--art-ink)!important;border:2px solid var(--art-ink)!important;border-radius:5px 9px 4px 8px!important;font-family:'Kalam',cursive!important}
.btn-slider-nav{background:#fff!important;border:2px solid var(--art-ink)!important;color:var(--art-ink)!important;border-radius:50%!important;box-shadow:2px 3px 0 rgba(23,61,99,.18)}
.btn-slider-nav:hover{background:var(--art-orange)!important;color:#fff!important}

.chibi-deco-strip{
  background:var(--art-paper-warm)!important;border:2px solid rgba(23,61,99,.65)!important;
  border-radius:6px 14px 8px 11px!important;box-shadow:5px 5px 0 rgba(23,61,99,.09)!important;
  transform:rotate(-.4deg);position:relative
}
.chibi-deco-strip p{font-family:'Kalam',cursive!important;color:var(--art-ink)!important;font-size:1.35rem!important}
.chibi-art-card{transform:rotate(-1deg)}
.chibi-art-card:nth-child(even){transform:rotate(1deg)}

/* Single-pályázat content: same paper/ink/orange language */
.palyazat-kep-box,.palyazat-dijazas,.palyazat-eredmenyhirdetes,.palyazat-bekuldesi-hely,.palyazat-letoltes-sor{
  background:var(--art-paper)!important;border:2px solid rgba(23,61,99,.65)!important;
  border-radius:7px 13px 8px 12px!important;box-shadow:5px 6px 0 rgba(23,61,99,.09)!important;
}
.palyazat-letoltes-gomb{background:var(--art-orange)!important;border:2px solid var(--art-ink)!important;box-shadow:3px 3px 0 var(--art-ink)!important;border-radius:7px!important}

/* Footer = painted strip + paper */
.footer-art-band{height:180px!important;background-image:url('images/deco-footer-band-v488.jpg')!important;background-size:cover!important;background-position:center!important;border:0!important}
.site-footer{background:#fff8e9!important;border-top:2px solid var(--art-ink)!important}
.footer-motto{color:var(--art-ink)!important;font-size:1.8rem!important}
.footer-nav a{color:var(--art-ink)!important;font-family:'Kalam',cursive;font-size:1.05rem}
.copyright{color:#7b786f!important}

/* Modal should look like a sheet pinned over the drawing desk */
.modal-overlay{background:rgba(23,61,99,.45)!important;backdrop-filter:blur(3px)}
.modal-card{background:var(--art-paper)!important;border:3px solid var(--art-ink)!important;border-radius:7px 15px 9px 13px!important;box-shadow:9px 10px 0 rgba(23,61,99,.25)!important}
.modal-card h2{color:var(--art-ink)!important}
.modal-close{background:var(--art-orange)!important;color:#fff!important;border:2px solid var(--art-ink)!important;box-shadow:2px 2px 0 var(--art-ink)!important;border-radius:50%!important}

/* Small hand-painted marks around major blocks */
.layout-grid::before{content:"✦";position:absolute;left:-18px;top:18px;color:var(--art-orange);font-size:1.7rem;transform:rotate(-14deg)}
.layout-grid::after{content:"✎";position:absolute;right:-8px;bottom:30px;color:var(--art-ink);font-size:2rem;transform:rotate(16deg);opacity:.55}

@media(max-width:900px){
  .chibi-nav-menu ul{display:none}
  .chibi-brand-title{font-size:1.6rem}
  .illustrated-hero .chibi-hero-title{font-size:2.7rem!important}
  .chibi-features-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .chibi-navbar{padding:10px 0}
  .chibi-brand-tagline{display:none}
  .chibi-logo-badge,.chibi-nav-logo{width:52px;height:52px}
  .chibi-logo-badge{flex-basis:52px}
  .chibi-brand-title{font-size:1.4rem}
  .chibi-btn-cta{padding:7px 10px!important;font-size:.95rem!important}
  .illustrated-hero{padding:25px 0 30px!important}
  .illustrated-hero .chibi-hero-title{font-size:2.25rem!important}
  .illustrated-hero .chibi-hero-sub{font-size:1.12rem}
  .chibi-features-grid{grid-template-columns:1fr!important}
  .deco-hero-cat,.deco-hero-tools{opacity:.45;transform:scale(.75)}
  .section-title-flex h2,.chibi-slider-header h3{font-size:1.65rem!important}
}


/* ============================================================
   FULL-SITE HAND-DRAWN ART LAYER
   A hero-banner-matching pencil / sketch visual system.
   ============================================================ */
:root{
  --sketch-ink:#244b62;
  --sketch-orange:#ef6c18;
  --sketch-paper:#fffdf7;
  --sketch-pencil:rgba(36,75,98,.58);
  --sketch-line:rgba(36,75,98,.20);
}

/* A subtle illustrated paper surface is present behind the entire site. */
body{
  background-color:#fbf7ee!important;
  background-image:
    url('images/doodle-pattern-v2.svg'),
    radial-gradient(circle at 10% 15%,rgba(239,108,24,.09),transparent 20%),
    radial-gradient(circle at 90% 38%,rgba(71,151,184,.10),transparent 22%),
    linear-gradient(180deg,#fffdf8 0%,#f5eee2 100%)!important;
  background-size:520px 360px,auto,auto,auto!important;
  background-attachment:fixed!important;
}

/* Pencil grain over the whole viewport. */
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9998;
  opacity:.055;
  background-image:
    repeating-linear-gradient(0deg,rgba(35,55,65,.7) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(90deg,rgba(239,108,24,.35) 0 1px,transparent 1px 8px);
  mix-blend-mode:multiply;
}

/* Header: notebook strip with doodles. */
.chibi-navbar{
  background:#fffdf7!important;
  border-bottom:3px solid var(--sketch-ink)!important;
  box-shadow:0 5px 0 rgba(36,75,98,.08)!important;
}
.chibi-navbar::before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-12px;height:16px;
  background:url('images/doodle-divider.svg') center/900px 220px no-repeat;
  opacity:.23;
  pointer-events:none;
  z-index:-1;
}
.chibi-logo-link::after{
  content:"✎  ✦  ♡";
  position:absolute;
  left:145px;
  bottom:4px;
  color:var(--sketch-orange);
  font:700 18px 'Kalam',cursive;
  transform:rotate(-6deg);
  opacity:.65;
}

/* Every major region gets its own hand-drawn margin illustration. */
.chibi-features-bar,
.layout-grid,
.site-footer,
.single-post-card,
.main-column,
.sidebar-column{
  position:relative;
}
.chibi-features-bar::after,
.layout-grid::after,
.single-post-card::after,
.sidebar-column::after{
  content:"";
  position:absolute;
  width:110px;height:90px;
  background:url('images/doodle-pattern-v2.svg') center/300px auto no-repeat;
  opacity:.22;
  pointer-events:none;
}
.chibi-features-bar::after{right:-35px;top:-12px;transform:rotate(9deg)}
.layout-grid::after{right:-30px;top:120px;transform:rotate(-8deg)}
.sidebar-column::after{right:-15px;bottom:30px;transform:rotate(12deg)}
.single-post-card::after{right:15px;top:12px;transform:rotate(7deg)}

/* Feature area itself is a sketchbook spread. */
.chibi-features-grid{
  background:rgba(255,253,247,.90)!important;
  border:3px solid var(--sketch-ink)!important;
  box-shadow:7px 8px 0 rgba(36,75,98,.10)!important;
  border-radius:8px 15px 9px 13px!important;
  position:relative;
}
.chibi-features-grid::before{
  content:"";
  position:absolute;left:18px;right:18px;bottom:-9px;height:8px;
  background:rgba(239,108,24,.22);border-radius:50%;
  transform:rotate(-1deg);
}

/* Cards: paper, pencil border, tiny hand-drawn corner marks. */
.chibi-feature-card,
.chibi-widget-card,
.chibi-q-card,
.chibi-list-item,
.chibi-slider-wrap,
.chibi-featured-card,
.chibi-art-card,
.chibi-side-search,
.chibi-empty-box,
.chibi-slide-inner{
  background:rgba(255,253,247,.96)!important;
  border:2px solid var(--sketch-ink)!important;
  box-shadow:5px 7px 0 rgba(36,75,98,.10)!important;
}
.chibi-feature-card::after,
.chibi-widget-card::after,
.chibi-q-card::after,
.chibi-list-item::after,
.chibi-slider-wrap::after,
.chibi-featured-card::after,
.chibi-art-card::after{
  content:"✦";
  position:absolute;
  right:10px;top:7px;
  color:var(--sketch-orange);
  font:700 18px 'Kalam',cursive;
  opacity:.55;
  transform:rotate(12deg);
}
.chibi-feature-card:nth-child(3n)::after{content:"♡"}
.chibi-feature-card:nth-child(4n)::after{content:"✎"}

/* Headings look hand-lettered, with a pencil underline. */
.section-title-flex h2,
.chibi-slider-header h3,
.widget-title{
  text-shadow:1px 1px 0 #fff;
}
.section-title-flex h2::after,
.chibi-slider-header h3::after,
.widget-title::after{
  content:"";
  display:block;
  width:125px;height:7px;
  margin-top:6px;
  background:var(--sketch-orange);
  opacity:.38;
  border-radius:60% 20% 55% 15%;
  transform:rotate(-2deg);
}

/* Lists have sketch separators. */
.chibi-list-item{
  background-image:linear-gradient(transparent 94%,rgba(36,75,98,.08) 95%,transparent 96%)!important;
}
.chibi-list-item + .chibi-list-item{transform:rotate(.25deg)}
.chibi-list-item:nth-child(odd){transform:rotate(-.3deg)}
.chibi-list-item:hover{transform:translateY(-3px) rotate(-.3deg)!important}

/* Search is a drawn search sheet. */
.chibi-search-box,
.chibi-side-search{
  position:relative;
}
.chibi-search-box::after,
.chibi-side-search::after{
  content:"⌕";
  position:absolute;
  right:14px;bottom:-20px;
  color:var(--sketch-ink);
  font:700 34px 'Kalam',cursive;
  opacity:.22;
  transform:rotate(-15deg);
}

/* Inputs resemble ruled notebook paper. */
.bekuldes-form-group input,
.bekuldes-form-group textarea,
.bekuldes-form-group select,
.chibi-search-box input,
.chibi-side-search input{
  background:
    linear-gradient(transparent 31px,rgba(36,75,98,.09) 32px,transparent 33px),
    #fffdf7!important;
  background-size:100% 33px!important;
  border:2px solid var(--sketch-ink)!important;
  box-shadow:2px 3px 0 rgba(36,75,98,.08)!important;
}

/* Buttons look like marker / pencil labels. */
.chibi-btn-cta,
.btn-chibi-primary,
.btn-submit-form,
.btn-slide-link,
.palyazat-letoltes-gomb{
  position:relative;
  border:2px solid var(--sketch-ink)!important;
  box-shadow:4px 4px 0 var(--sketch-ink)!important;
}
.chibi-btn-cta::after,
.btn-chibi-primary::after,
.btn-submit-form::after{
  content:"✦";
  position:absolute;right:8px;top:-10px;
  color:var(--sketch-orange);
  font-size:18px;
  transform:rotate(15deg);
}

/* Main content gets a continuous sketchbook rhythm. */
.main-column > *,
.sidebar-column > *{
  margin-bottom:24px;
}
.main-column > *:last-child,
.sidebar-column > *:last-child{margin-bottom:0}

/* Featured item: add a taped-paper illusion. */
.chibi-featured-card::before{
  content:"";
  position:absolute;
  top:-10px;left:34px;
  width:82px;height:24px;
  background:rgba(244,189,39,.42);
  border:1px solid rgba(36,75,98,.18);
  transform:rotate(-4deg);
  z-index:8;
}

/* Slider image gets a drawn frame. */
.slide-img,
.chibi-featured-img,
.item-thumb img{
  border:4px solid #fff!important;
  outline:2px solid var(--sketch-ink);
  box-shadow:4px 5px 0 rgba(36,75,98,.16)!important;
}

/* Sidebar deadline badges become pencil stickers. */
.chibi-date-badge{
  background:var(--sketch-orange)!important;
  border:2px solid var(--sketch-ink)!important;
  box-shadow:3px 3px 0 var(--sketch-ink)!important;
  border-radius:5px 9px 5px 8px!important;
}

/* Single post: a full sheet of illustrated paper. */
.single-post-card{
  background:rgba(255,253,247,.97)!important;
  border:3px solid var(--sketch-ink)!important;
  border-radius:8px 15px 10px 13px!important;
  box-shadow:8px 9px 0 rgba(36,75,98,.12)!important;
  padding:34px!important;
}
.single-post-card h1{
  font-size:clamp(2rem,4vw,3.2rem)!important;
  text-decoration:underline;
  text-decoration-color:rgba(239,108,24,.38);
  text-decoration-thickness:7px;
  text-underline-offset:8px;
}
.entry-content{
  background:
    repeating-linear-gradient(0deg,transparent 0 34px,rgba(36,75,98,.055) 35px 36px),
    #fffdf7;
  padding:22px!important;
  border:2px dashed rgba(36,75,98,.38);
  border-radius:5px 10px 7px 12px;
}
.palyazat-kep-box{
  border:3px solid var(--sketch-ink)!important;
  box-shadow:6px 7px 0 rgba(36,75,98,.12)!important;
  transform:rotate(-.5deg);
}
.palyazat-dijazas,
.palyazat-bekuldesi-hely,
.palyazat-eredmenyhirdetes{
  border:2px solid var(--sketch-ink)!important;
  border-left:8px solid var(--sketch-orange)!important;
  position:relative;
}
.palyazat-dijazas::after,
.palyazat-bekuldesi-hely::after,
.palyazat-eredmenyhirdetes::after{
  content:"✎";
  position:absolute;right:15px;top:10px;
  color:var(--sketch-ink);opacity:.28;
  font-size:30px;transform:rotate(15deg);
}

/* Submission modal = an illustrated clipboard sheet. */
.modal-card{
  background:
    repeating-linear-gradient(0deg,transparent 0 34px,rgba(36,75,98,.045) 35px 36px),
    #fffdf7!important;
  border:3px solid var(--sketch-ink)!important;
}
.modal-card::before{
  content:"RAJZOS ÖTLET ✦";
  position:absolute;
  top:-16px;left:50%;
  transform:translateX(-50%) rotate(-2deg);
  background:#f4bd27;
  border:2px solid var(--sketch-ink);
  padding:5px 15px;
  font:700 16px 'Kalam',cursive;
  box-shadow:3px 3px 0 var(--sketch-ink);
}

/* Footer gets an actual drawn horizon + notebook marks. */
.footer-art-band{
  height:180px!important;
  background-image:url('images/deco-footer-band-v488.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-top:3px solid var(--sketch-ink)!important;
  position:relative;
}
.footer-art-band::after{content:none!important}
.site-footer{
  background:#fff8e9!important;
  position:relative;
}
.site-footer::before{
  content:"";
  display:block;
  height:26px;
  margin-top:-1px;
  background:url('images/doodle-pattern-v2.svg') center/520px 360px;
  opacity:.20;
}

/* Make every standalone paragraph/list section feel illustrated. */
.entry-content p,
.chibi-widget-card p,
.chibi-list-item p{
  position:relative;
}
.entry-content blockquote{
  margin:22px 0;
  padding:18px 22px;
  border-left:7px solid var(--sketch-orange);
  background:#fff8e9;
  border-top:2px dashed rgba(36,75,98,.3);
  border-bottom:2px dashed rgba(36,75,98,.3);
  transform:rotate(-.4deg);
}

/* Mobile: keep doodles visible but lighter. */
@media(max-width:700px){
  body{background-size:360px 250px,auto,auto,auto!important}
  .chibi-logo-link::after{display:none}
  .chibi-features-bar::after,
  .layout-grid::after,
  .single-post-card::after,
  .sidebar-column::after{opacity:.12}
  .single-post-card{padding:20px!important}
  .entry-content{padding:16px!important}
  .footer-art-band{height:105px!important}
  .footer-art-band::after{font-size:20px;letter-spacing:8px}
}

/* ============================
   Archív szűrő sáv és rács (v1.5.0)
   ============================ */
.archive-header { text-align: center; margin-bottom: 25px; }
.archive-title { font-family: 'Fredoka', sans-serif; font-size: 2.2rem; color: var(--chibi-dark, #1f2937); margin: 0 0 6px; }
.archive-sub { color: #64748b; margin: 0; }

.archive-filter-bar {
    display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end;
    background: var(--art-paper, #fffdf7); border: 2px solid var(--art-ink, #173d63);
    border-radius: 18px; padding: 18px 20px; box-shadow: 4px 5px 0 rgba(23,61,99,.10);
    margin-bottom: 22px;
}
.filter-field { display: flex; flex-direction: column; gap: 6px; flex: 1 1 170px; min-width: 150px; }
.filter-field-text { flex: 2 1 220px; }
.filter-field label { font-weight: 700; font-size: .85rem; color: var(--chibi-dark, #1f2937); }
.filter-field input, .filter-field select {
    border: 2px solid var(--art-ink, #173d63); border-radius: 10px;
    padding: 10px 12px; font-size: .95rem; background: #fff; width: 100%;
    font-family: inherit;
}
.filter-field input:focus, .filter-field select:focus { outline: 3px solid rgba(59,130,246,.25); }
.filter-actions { display: flex; flex-direction: column; gap: 8px; align-items: stretch; }
.filter-reset-link { font-size: .82rem; color: #ef4444; text-decoration: none; text-align: center; font-weight: 600; }
.filter-reset-link:hover { text-decoration: underline; }

.archive-active-filters { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 20px; color: #475569; }
.active-filter-chip {
    background: #e0f2fe; border: 1.5px solid #38bdf8; color: #0369a1;
    border-radius: 999px; padding: 4px 12px; font-size: .85rem; font-weight: 600;
}

.archive-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 22px; }
.archive-card {
    background: #fff; border: 2px solid var(--art-ink, #173d63); border-radius: 18px;
    overflow: hidden; box-shadow: 4px 5px 0 rgba(23,61,99,.10);
    display: flex; flex-direction: column; transition: transform .15s ease;
}
.archive-card:hover { transform: translateY(-4px); }
.archive-card-thumb { display: block; height: 160px; background: #f1f5f9; overflow: hidden; }
.archive-card-thumb img { width: 100%; height: 100%; object-fit: cover; }
.archive-card-placeholder { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 3rem; }
.archive-card-body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.archive-card-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.archive-tag-kat {
    background: #fdf2f8; border: 1.5px solid #f9a8d4; color: #be185d;
    border-radius: 999px; padding: 2px 10px; font-size: .75rem; font-weight: 700; text-decoration: none;
}
.archive-tag-kat:hover { background: #fbcfe8; }
.archive-card-title { margin: 0; font-family: 'Fredoka', sans-serif; font-size: 1.15rem; line-height: 1.3; }
.archive-card-title a { color: var(--chibi-dark, #1f2937); text-decoration: none; }
.archive-card-title a:hover { color: #e11d78; }
.archive-card-meta { font-size: .85rem; color: #64748b; line-height: 1.5; }
.archive-card-footer { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; }

.archive-pagination { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 32px; }
.archive-pagination .page-numbers {
    display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px;
    padding: 0 12px; border: 2px solid var(--art-ink, #173d63); border-radius: 10px;
    background: #fff; color: var(--chibi-dark, #1f2937); text-decoration: none; font-weight: 700;
}
.archive-pagination .page-numbers.current { background: var(--art-ink, #173d63); color: #fff; }
.archive-pagination .page-numbers:hover:not(.current):not(.dots) { background: #f1f5f9; }

.kategoria-chip-list { display: flex; flex-wrap: wrap; gap: 8px; }
.kategoria-chip {
    display: inline-block; background: #fff; border: 2px solid var(--art-ink, #173d63);
    border-radius: 999px; padding: 5px 13px; font-size: .82rem; font-weight: 700;
    color: var(--chibi-dark, #1f2937); text-decoration: none; box-shadow: 2px 3px 0 rgba(23,61,99,.10);
    transition: transform .12s ease;
}
.kategoria-chip:hover { transform: translateY(-2px); background: #fdf2f8; color: #e11d78; }

@media (max-width: 720px) {
    .archive-filter-bar { flex-direction: column; align-items: stretch; }
    .filter-field { min-width: 0; }
    .archive-title { font-size: 1.7rem; }
}


/* ===== v2.1.0 – Archívum és hátralévő idő jelvények ===== */
.chibi-time-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1.4;white-space:nowrap;vertical-align:middle;}
.chibi-badge-active{background:#dcfce7;color:#166534;}
.chibi-badge-warning{background:#fef3c7;color:#92400e;}
.chibi-badge-urgent{background:#fee2e2;color:#b91c1c;animation:chibiPulse 1.4s ease-in-out infinite;}
.chibi-badge-expired{background:#e5e7eb;color:#4b5563;}
@keyframes chibiPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.45);}50%{box-shadow:0 0 0 6px rgba(239,68,68,0);}}
.archive-status-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px;}
.status-tab{padding:9px 16px;border-radius:999px;background:#fff;border:2px solid #e5e7eb;font-weight:700;text-decoration:none;color:#334155;transition:.2s;}
.status-tab:hover{border-color:#f472b6;}
.status-tab.is-active{background:#fce7f3;border-color:#ec4899;color:#9d174d;}
.archive-card{position:relative;}
.archive-card.is-expired{opacity:.72;filter:grayscale(.45);}
.archive-card.is-expired:hover{opacity:1;filter:none;}
.archive-expired-corner{position:absolute;top:10px;right:10px;z-index:2;background:#4b5563;color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px;}
.palyazat-archiv-notice{background:#f3f4f6;border-left:5px solid #6b7280;padding:14px 18px;border-radius:12px;margin:12px 0 18px;color:#374151;}
.chibi-q-card.q-archive{background:#f1f5f9;}


/* ===== v2.2.0 – Naptár gombok + korcsoport gyorsszűrő ===== */
.naptar-gombok{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 14px;}
.naptar-cim{font-weight:700;}
.btn-naptar{display:inline-block;padding:7px 14px;border-radius:999px;font-weight:700;font-size:.85rem;text-decoration:none;border:2px solid transparent;transition:.2s;}
.btn-naptar-google{background:#e0f2fe;color:#075985;border-color:#7dd3fc;}
.btn-naptar-ics{background:#fce7f3;color:#9d174d;border-color:#f9a8d4;}
.btn-naptar:hover{transform:translateY(-1px);filter:brightness(.97);}
.naptar-megj{width:100%;color:#64748b;}
.naptar-gombok.is-compact{margin:4px 0 0;gap:5px;}
.naptar-gombok.is-compact .btn-naptar{padding:2px 8px;font-size:.7rem;border-width:1px;}
.korcsoport-gyorsszuro{margin:18px 0 4px;}
.korcsoport-gyorsszuro-inner{background:#fff;border-radius:20px;padding:14px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;box-shadow:0 4px 14px rgba(0,0,0,.05);}
.korcsoport-cim{font-family:'Fredoka',sans-serif;font-weight:700;}
.korcsoport-chipek{display:flex;flex-wrap:wrap;gap:8px;}
.korcsoport-chip{padding:7px 14px;border-radius:999px;background:#f5f3ff;border:2px solid #ddd6fe;color:#5b21b6;font-weight:700;text-decoration:none;transition:.2s;}
.korcsoport-chip:hover{background:#ede9fe;border-color:#a78bfa;transform:translateY(-1px);}
.korcsoport-chip.is-all{background:#fef3c7;border-color:#fcd34d;color:#92400e;}
.korcsoport-db{display:inline-block;margin-left:4px;background:#fff;border-radius:999px;padding:0 7px;font-size:.75rem;}

/* ===== FIX KOROSZTÁLYOK – beküldés checkboxok + szűrőgombok ===== */
.korosztaly-checkbox-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:6px;}
.korosztaly-check{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid #e2e8f0;border-radius:14px;background:#fff;cursor:pointer;transition:.18s;}
.korosztaly-check:hover{border-color:#a78bfa;background:#faf5ff;transform:translateY(-1px);}
.korosztaly-check input{width:20px;height:20px;accent-color:#7c3aed;flex-shrink:0;cursor:pointer;}
.korosztaly-check-ikon{font-size:22px;line-height:1;}
.korosztaly-check-text{display:flex;flex-direction:column;min-width:0;}
.korosztaly-check-text strong{font-size:14px;color:#1e293b;}
.korosztaly-check-text small{font-size:12px;color:#64748b;}
.korosztaly-check:has(input:checked){border-color:#7c3aed;background:#f5f3ff;box-shadow:0 4px 12px rgba(124,58,237,.14);}

.korcsoport-chip{display:inline-flex;align-items:center;gap:8px;}
.korcsoport-chip-ikon{font-size:20px;line-height:1;}
.korcsoport-chip-text{display:flex;flex-direction:column;line-height:1.2;text-align:left;}
.korcsoport-chip-text strong{font-size:14px;}
.korcsoport-chip-text small{font-size:11px;font-weight:600;opacity:.75;}
.korcsoport-db{background:#ede9fe;border-radius:999px;padding:1px 8px;font-size:12px;}

.korosztaly-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 22px;}
.korosztaly-tab{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;border:2px solid #ddd6fe;background:#f5f3ff;color:#5b21b6;text-decoration:none;font-weight:700;transition:.18s;}
.korosztaly-tab:hover{background:#ede9fe;border-color:#a78bfa;transform:translateY(-1px);}
.korosztaly-tab.is-active{background:#7c3aed;border-color:#7c3aed;color:#fff;box-shadow:0 6px 16px rgba(124,58,237,.28);}
.korosztaly-tab-ikon{font-size:20px;line-height:1;}
.korosztaly-tab-text{display:flex;flex-direction:column;line-height:1.2;text-align:left;}
.korosztaly-tab-text strong{font-size:14px;}
.korosztaly-tab-text small{font-size:11px;font-weight:600;opacity:.8;}
.korosztaly-tab-db{background:rgba(124,58,237,.14);border-radius:999px;padding:1px 8px;font-size:12px;}
.korosztaly-tab.is-active .korosztaly-tab-db{background:rgba(255,255,255,.25);}
@media (max-width:600px){
  .korosztaly-checkbox-lista{grid-template-columns:1fr;}
  .korosztaly-tabs{gap:8px;}
  .korosztaly-tab,.korcsoport-chip{padding:8px 11px;}
  .korosztaly-tab-text small,.korcsoport-chip-text small{font-size:10px;}
}


/* ===== v3.0.0 – Kedvencek, szűrők, kiírás, spam-védelem ===== */
.rajz-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.bekuldes-hiba-uzenet{background:#fff4e5;border:2px dashed #f0a04b;color:#7a4b12;padding:14px 18px;border-radius:14px;margin:18px 0;font-weight:600}
.bekuldes-chip-lista{display:flex;flex-wrap:wrap;gap:8px}
.bekuldes-chip{display:inline-flex;align-items:center;gap:6px;background:var(--chibi-pink-light);border:1px solid #ffd0da;border-radius:999px;padding:5px 12px;font-size:.88rem;cursor:pointer}
.archive-card{position:relative}
.kedvenc-gomb{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--chibi-pink);color:var(--chibi-pink);border-radius:999px;width:38px;height:38px;justify-content:center;font-size:1.2rem;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.08);transition:transform .15s}
.kedvenc-gomb:hover{transform:scale(1.08)}
.kedvenc-gomb.is-active{background:var(--chibi-pink);color:#fff}
.kedvenc-gomb.is-nagy{position:static;width:auto;height:auto;padding:8px 16px;font-size:1rem;margin:4px 0 14px;font-weight:600}
.kedvencek-lebego{position:fixed;left:18px;bottom:18px;z-index:9998;background:var(--chibi-pink);color:#fff;border:0;border-radius:999px;padding:11px 18px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(255,117,140,.4)}
.kedvencek-db{display:inline-block;background:#fff;color:var(--chibi-pink);border-radius:999px;min-width:22px;padding:0 6px;margin-left:4px;font-size:.85rem}
.kedvencek-panel{position:fixed;left:18px;bottom:74px;z-index:9999;width:min(340px,calc(100vw - 36px));max-height:60vh;overflow:auto;background:#fff;border-radius:var(--chibi-radius);box-shadow:0 12px 40px rgba(0,0,0,.18);padding:16px}
.kedvencek-panel[hidden]{display:none}
.kedvencek-fej{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--chibi-dark)}
.kedvencek-zar,.kedvenc-torol{background:none;border:0;font-size:1.3rem;cursor:pointer;color:var(--chibi-gray);line-height:1}
.kedvencek-lista{list-style:none;margin:0;padding:0}
.kedvencek-lista li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 0;border-bottom:1px dashed #eee}
.kedvencek-lista a{color:var(--chibi-purple);font-weight:600;text-decoration:none}
.kedvencek-ures,.kedvencek-megj{color:var(--chibi-gray);font-size:.85rem}
.archive-tag-technika{background:#e8f7f6;color:#0a7c78}
.archive-tag-tema{background:#f0edff;color:#5443c9}
.archive-tag-hatokor{background:#fff8d6;color:#7a6400;border-radius:999px;padding:3px 10px;font-size:.78rem}
.palyazat-letoltes-sor{display:flex;flex-wrap:wrap;gap:12px}
.palyazat-kiiras-gomb{border-color:var(--chibi-purple)}


/* ========== v4.0: faliújság, kiemelt, eredmények, emlékeztető, éves címke ========== */

/* Kiemelt pályázat kártya */
.kartya-kiemelt {
    border: 2px solid #f59e0b !important;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.18);
    position: relative;
    overflow: hidden;
}
.szalag-kiemelt {
    position: absolute;
    top: 14px;
    right: -32px;
    background: #f59e0b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 36px;
    transform: rotate(45deg);
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    z-index: 2;
}

/* Évente ismétlődő pályázat címke */
.badge-annual {
    display: inline-block;
    background: #e0f2fe;
    color: #0369a1;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
    margin-left: 8px;
    vertical-align: middle;
}

/* Eredmények doboz */
.palyazat-eredmenyek-box {
    background: #fefce8;
    border: 2px solid #fef08a;
    border-radius: 12px;
    padding: 20px;
    margin: 25px 0;
}
.palyazat-eredmenyek-box h3 { margin-top: 0; color: #854d0e; }
.btn-eredmenyek-link {
    display: inline-block;
    background: #ca8a04;
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 10px;
}
.btn-eredmenyek-link:hover { background: #a16207; }

/* E-mailes emlékeztető doboz */
.palyazat-emlekezteto-card {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 12px;
    padding: 18px 20px;
    margin: 25px 0;
}
.emlekezteto-fejlec { font-size: 1.1rem; color: #166534; margin-bottom: 6px; }
.emlekezteto-leiras { font-size: 0.9rem; color: #374151; margin: 0 0 12px; }
.emlekezteto-form { display: flex; gap: 10px; flex-wrap: wrap; }
.emlekezteto-input {
    flex: 1;
    min-width: 220px;
    padding: 10px 14px;
    border: 1px solid #86efac;
    border-radius: 8px;
    font-size: 14px;
}
.emlekezteto-btn {
    background: #16a34a;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}
.emlekezteto-btn:hover { background: #15803d; }
.emlekezteto-siker { background: #dcfce7; color: #15803d; padding: 10px 14px; border-radius: 8px; font-weight: 600; }

/* Kérdés a szervezőhöz gomb */
.btn-kerdes-szervezonek {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e2e8f0;
    color: #334155;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #cbd5e1;
    margin: 10px 0;
}
.btn-kerdes-szervezonek:hover { background: #cbd5e1; }

/* Faliújság nyomtatás gomb */
.btn-faliujsag-nyomtatas {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    color: #0f172a;
    border: 1px solid #cbd5e1;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
.btn-faliujsag-nyomtatas:hover { background: #f8fafc; }

/* Kedvencek csoportos naptárexport */
.btn-kedvencek-export {
    display: block;
    width: 100%;
    text-align: center;
    background: #0284c7;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 12px;
}
.btn-kedvencek-export:hover { background: #0369a1; }


/* ========== v4.1: Firkavár kapcsolatok és alapértelmezett illusztráció ========== */
.chibi-facebook-link,
.footer-facebook-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--art-ink, var(--chibi-dark));
    font-weight: 700;
    text-decoration: none;
}
.chibi-facebook-link::before,
.footer-facebook-link::before {
    content: "f";
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #1877f2;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 17px;
    font-weight: 700;
}
.chibi-facebook-link:hover,
.footer-facebook-link:hover,
.copyright a:hover { color: var(--chibi-pink); }
.footer-facebook-link { justify-content: center; margin: 0 auto 14px; }
.copyright a { color: inherit; font-weight: 700; }
.slide-img.is-default-illustration,
.chibi-featured-img.is-default-illustration {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: var(--art-paper-warm, #fff8e9);
}
.default-thumbnail { object-fit: contain !important; background: var(--art-paper-warm, #fff8e9); }
@media (max-width: 900px) {
    .chibi-nav-menu { gap: 12px; }
    .chibi-facebook-link { font-size: .85rem; }
}
@media (max-width: 480px) {
    .chibi-facebook-link { width: 24px; overflow: hidden; font-size: 0; }
}

/* Faliújság képes elérés a kezdőlapon */
.faliujsag-image-link { display: block; margin: 25px auto 0; width: 100%; max-width: min(698px, 100%); overflow: hidden; border-radius: 12px; box-shadow: var(--chibi-shadow); box-sizing: border-box; }
.faliujsag-image-link img { display: block; width: 100%; max-width: 100%; height: auto; }
/* Biztonsági szabály: egyetlen kép sem nyomhatja szét az oldalt */
img { max-width: 100%; height: auto; }
.faliujsag-image-link:focus-visible { outline: 3px solid var(--chibi-purple); outline-offset: 3px; }

/* ========== v4.3.3: Kompakt kereső a felső menüben, a Facebook előtt ========== */
.chibi-nav-search {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #fffdf8;
    border: 2px solid var(--art-ink, var(--chibi-dark));
    border-radius: 30px;
    padding: 4px 5px 4px 12px;
    max-width: 260px;
    min-width: 0;
    flex: 1 1 auto;
    box-shadow: 3px 4px 0 rgba(23,61,99,.08);
}
.chibi-nav-search .search-icon { font-size: .95rem; }
.chibi-nav-search input[type="search"] {
    border: none !important;
    outline: none;
    background: transparent !important;
    box-shadow: none !important;
    width: 100%;
    min-width: 0;
    padding: 6px 4px;
    font-size: .9rem;
    font-family: inherit;
    color: var(--chibi-dark);
}
.chibi-nav-search input::placeholder { color: #8a97a5; }
.chibi-nav-search .chibi-search-btn.nav-search-btn {
    background: var(--art-ink, var(--chibi-dark));
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 0;
    flex: 0 0 34px;
    cursor: pointer;
    font-size: .95rem;
    line-height: 1;
    transition: background-color 0.2s;
}
.chibi-nav-search .chibi-search-btn.nav-search-btn:hover { background: var(--art-orange, var(--chibi-pink)); }
@media (max-width: 900px) {
    .chibi-nav-search { max-width: 150px; padding: 3px 4px 3px 10px; }
    .chibi-nav-search input[type="search"] { padding: 5px 2px; font-size: .85rem; }
    .chibi-nav-search .chibi-search-btn.nav-search-btn { width: 30px; height: 30px; flex-basis: 30px; }
}
@media (max-width: 480px) {
    .chibi-nav-search input[type="search"] { font-size: .8rem; }
}

/* ===== v4.3.4 – korcsoport sáv egy sorban ===== */
@media (min-width: 900px){
  .korcsoport-gyorsszuro-inner{flex-wrap:nowrap;gap:10px;}
  .korcsoport-chipek{flex-wrap:nowrap;flex:1;justify-content:flex-start;gap:6px;}
  .korcsoport-chip{padding:6px 10px;gap:6px;white-space:nowrap;}
  .korcsoport-chip-text small{display:none;}
  .korcsoport-cim{white-space:nowrap;}
}

/* v4.3.9 – festett, lap tetején maradó Firkavár-fejléc */
.chibi-navbar {
    position: sticky !important;
    top: 0 !important;
    left: auto;
    right: auto;
    z-index: 1000;
    padding: 8px 0;
    background: #dff3ff url('images/firkavar-header-v496.jpg') left center / auto 180px no-repeat !important;
    border-bottom: 2px solid var(--art-ink) !important;
    box-shadow: 0 3px 9px rgba(23,61,99,.14) !important;
}
.chibi-navbar::after { bottom: -6px; }
.chibi-navbar::before { display: none; }
.chibi-nav-container { min-height: 72px; gap: 16px; }
.chibi-logo-link { position: relative; flex: 0 0 auto; gap: 10px; }
.chibi-logo-link::after { display: none; }
.chibi-logo-badge,
.chibi-nav-logo {
    width: 82px;
    height: 82px;
    border-radius: 50%;
}
.chibi-logo-badge { flex-basis: 82px; }
.chibi-brand-title { font-size: 1.75rem; white-space: nowrap; }
.chibi-brand-tagline { font-size: .82rem; }
.chibi-nav-menu { min-width: 0; gap: 10px; }
.chibi-nav-menu ul { flex-shrink: 0; gap: 3px; }
.chibi-nav-menu ul a { padding: 7px 5px; }
.chibi-nav-search { min-width: 0; flex: 1 1 150px; max-width: 210px; }
.chibi-facebook-link, .chibi-btn-cta { flex-shrink: 0; white-space: nowrap; }
.chibi-nav-search input[type="search"] { padding-left: 8px; }
.chibi-nav-search .chibi-search-btn.nav-search-btn,
.chibi-nav-search .chibi-search-btn.nav-search-btn:hover,
.chibi-nav-search .chibi-search-btn.nav-search-btn:focus-visible {
    background: transparent !important;
    color: var(--art-ink, var(--chibi-dark));
    border: 0 !important;
    box-shadow: none;
    border-radius: 0 !important;
    outline-offset: 2px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex-basis: 30px;
}
.chibi-nav-search .chibi-search-btn.nav-search-btn:hover { transform: scale(1.12); }

/* Minden korcsoport látható egy sorban; nincs oldalirányú görgetés. */
.korcsoport-cim-mobile, .korcsoport-name-mobile, .korcsoport-all-mobile { display: none; }
.korcsoport-gyorsszuro-inner { display: flex; flex-wrap: nowrap; gap: 8px; }
.korcsoport-cim { flex: 0 0 auto; white-space: nowrap; font-size: .92rem; }
.korcsoport-chipek {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    gap: 5px;
    overflow: visible;
}
.korcsoport-chip {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
    padding: 6px 7px;
    gap: 4px;
    white-space: nowrap;
}
.korcsoport-chip-ikon { font-size: 16px; }
.korcsoport-chip-text { min-width: 0; }
.korcsoport-chip-text strong { font-size: 12px; }
.korcsoport-chip-text small, .korcsoport-db { display: none; }

@media (max-width: 900px) {
    .chibi-nav-container { gap: 10px; }
    .chibi-nav-menu ul { display: none; }
    .chibi-logo-badge, .chibi-nav-logo { width: 64px; height: 64px; }
    .chibi-logo-badge { flex-basis: 64px; }
    .chibi-brand-title { font-size: 1.5rem; }
    .chibi-nav-search { max-width: 180px; }
}
@media (max-width: 700px) {
    .chibi-navbar { padding: 5px 0; }
    .chibi-nav-container { flex-wrap: wrap; row-gap: 3px; }
    .chibi-logo-link { width: 100%; }
    .chibi-nav-menu { width: 100%; justify-content: flex-end; }
    .chibi-nav-search { max-width: none; flex: 1 1 0; }
    .korcsoport-gyorsszuro-inner { flex-wrap: nowrap; gap: 4px; }
    .korcsoport-cim { flex: 0 0 auto; font-size: .85rem; }
    .korcsoport-cim-desktop, .korcsoport-name-desktop, .korcsoport-all-desktop { display: none; }
    .korcsoport-cim-mobile, .korcsoport-name-mobile, .korcsoport-all-mobile { display: inline; }
    .korcsoport-chipek { width: auto; flex-wrap: nowrap; gap: 3px; }
    .korcsoport-chip { flex: 1 1 0; padding: 6px 2px; }
    .korcsoport-chip-ikon { display: none; }
    .korcsoport-chip-text strong { font-size: 10px; }
}
@media (max-width: 480px) {
    .chibi-brand-title { font-size: 1.35rem; }
    .chibi-brand-tagline { font-size: .75rem; }
    .chibi-btn-cta { width: 44px; height: 44px; padding: 0 !important; font-size: 0 !important; }
    .chibi-btn-cta::before { font-size: 1.65rem; }
    .chibi-facebook-link { width: 24px; }
    .korcsoport-gyorsszuro-inner { padding: 11px 7px; }
    .korcsoport-cim { font-size: 10px; }
    .korcsoport-chip { padding: 7px 1px; gap: 0; font-size: 9px; }
    .korcsoport-chip-text strong { font-size: 9px; }
}

.chibi-nav-search .chibi-search-btn.nav-search-btn svg { display: block; flex: none; }
@media (max-width: 700px) {
    body { overflow-x: clip; }
    .chibi-facebook-link { flex: 0 0 24px; width: 24px; font-size: 0; overflow: hidden; }
    .chibi-facebook-link::before { flex: 0 0 24px; }
}

@media (max-width: 350px) {
    .korcsoport-gyorsszuro-inner { padding: 10px 4px; gap: 2px; }
    .korcsoport-chipek { gap: 2px; }
    .korcsoport-chip, .korcsoport-chip-text strong { font-size: 8px; }
}

/* ==========================================================
   Firkavár v4.4.3 — visual header matching the approved concept
   The artwork itself carries the logo, modern Firkavár lettering,
   and the "Keress · Pályázz" line. Functional controls are layered
   above it so the search remains a real WordPress form.
   ========================================================== */
.chibi-navbar.firkavar-visual-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 210px !important;
    min-height: 210px !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 10000 !important;
    border: 0 !important;
    border-bottom: 2px solid rgba(23,61,99,.20) !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 16px rgba(23,61,99,.16) !important;
    background: #fffdf8 !important;
    overflow: hidden !important;
}
.firkavar-header-art {
    position: absolute;
    inset: 0;
    background: url('images/firkavar-header-v496.jpg') left center / auto 180px no-repeat;
}
.firkavar-header-overlay {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.firkavar-header-home {
    position: absolute;
    left: 0;
    top: 0;
    width: 31%;
    height: 100%;
    pointer-events: auto;
    display: block;
}
.firkavar-functional-nav {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    pointer-events: none;
}
.firkavar-functional-nav > ul {
    display: none !important;
}
.firkavar-functional-nav .chibi-facebook-link,
.firkavar-functional-nav .chibi-btn-cta {
    display: none !important;
}
.firkavar-visual-search {
    position: absolute !important;
    left: 61.5% !important;
    top: 70.5% !important;
    width: 29.5% !important;
    max-width: none !important;
    height: 48px !important;
    min-width: 0 !important;
    padding: 0 12px 0 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,.96) !important;
    border: 2px solid #173d63 !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 8px rgba(23,61,99,.08) !important;
    pointer-events: auto !important;
}
.firkavar-visual-search input[type="search"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px !important;
    color: #173d63 !important;
}
.firkavar-visual-search input::placeholder { color: #8290a0 !important; opacity: 1; }
.firkavar-visual-search .nav-search-btn {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #169bd5 !important;
    color: #fff !important;
}
.firkavar-visual-search .nav-search-btn:hover { background: #0e83b5 !important; transform: none !important; }
body { padding-top: 210px !important; }
.admin-bar .chibi-navbar.firkavar-visual-header { top: 32px !important; }
.admin-bar body { padding-top: 242px !important; }
@media (max-width: 782px) {
    .admin-bar .chibi-navbar.firkavar-visual-header { top: 46px !important; }
    .admin-bar body { padding-top: 256px !important; }
}
@media (max-width: 900px) {
    .chibi-navbar.firkavar-visual-header { height: 160px !important; min-height: 160px !important; }
    body { padding-top: 160px !important; }
    .admin-bar body { padding-top: 192px !important; }
    .firkavar-visual-search { left: 60% !important; top: 69% !important; width: 35% !important; height: 40px !important; }
    .firkavar-visual-search .nav-search-btn { width: 32px !important; height: 32px !important; flex-basis: 32px !important; }
    .firkavar-visual-search input[type="search"] { font-size: 12px !important; }
}
@media (max-width: 600px) {
    .chibi-navbar.firkavar-visual-header { height: 118px !important; min-height: 118px !important; }
    body { padding-top: 118px !important; }
    .admin-bar body { padding-top: 164px !important; }
    .firkavar-visual-search { left: 55% !important; top: 66% !important; width: 42% !important; height: 34px !important; padding-left: 10px !important; }
    .firkavar-visual-search input[type="search"] { height: 30px !important; font-size: 10px !important; }
    .firkavar-visual-search .nav-search-btn { width: 27px !important; height: 27px !important; flex-basis: 27px !important; }
    .firkavar-visual-search .nav-search-btn svg { width: 17px; height: 17px; }
}

/* ==========================================================
   Firkavár v4.4.3 — approved visual header
   ========================================================== */
.chibi-navbar.firkavar-visual-header {
    position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important;
    width: 100% !important; height: 210px !important; min-height: 210px !important;
    padding: 0 !important; margin: 0 !important; z-index: 10000 !important;
    border: 0 !important; border-bottom: 2px solid rgba(23,61,99,.20) !important;
    border-radius: 0 !important; box-shadow: 0 4px 16px rgba(23,61,99,.16) !important;
    background: #fffdf8 !important; overflow: hidden !important;
}
.firkavar-header-art { position:absolute; inset:0; background:url('images/firkavar-header-v496.jpg') left center / auto 180px no-repeat; }
.firkavar-header-overlay { position:relative; width:100%; height:100%; pointer-events:none; }
.firkavar-header-home { position:absolute; left:0; top:0; width:31%; height:100%; pointer-events:auto; display:block; }
.firkavar-functional-nav { position:absolute !important; inset:0 !important; display:block !important; pointer-events:none; }
.firkavar-functional-nav > ul { display:none !important; }
.firkavar-functional-nav .chibi-facebook-link, .firkavar-functional-nav .chibi-btn-cta { display:none !important; }
.firkavar-visual-search {
    position:absolute !important; left:61.5% !important; top:70.5% !important; width:29.5% !important;
    max-width:none !important; height:48px !important; min-width:0 !important; padding:0 12px 0 18px !important;
    display:flex !important; align-items:center !important; gap:8px !important; box-sizing:border-box !important;
    background:rgba(255,255,255,.96) !important; border:2px solid #173d63 !important; border-radius:999px !important;
    box-shadow:0 2px 8px rgba(23,61,99,.08) !important; pointer-events:auto !important;
}
.firkavar-visual-search input[type="search"] { flex:1 1 auto !important; min-width:0 !important; width:auto !important; height:42px !important; padding:0 !important; border:0 !important; outline:0 !important; background:transparent !important; box-shadow:none !important; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:15px !important; color:#173d63 !important; }
.firkavar-visual-search input::placeholder { color:#8290a0 !important; opacity:1; }
.firkavar-visual-search .nav-search-btn { flex:0 0 38px !important; width:38px !important; height:38px !important; display:grid !important; place-items:center !important; padding:0 !important; border:0 !important; border-radius:50% !important; background:#169bd5 !important; color:#fff !important; }
.firkavar-visual-search .nav-search-btn:hover { background:#0e83b5 !important; transform:none !important; }
body { padding-top:210px !important; }
.admin-bar .chibi-navbar.firkavar-visual-header { top:32px !important; }
.admin-bar body { padding-top:242px !important; }
@media (max-width:782px) { .admin-bar .chibi-navbar.firkavar-visual-header{top:46px !important;} .admin-bar body{padding-top:256px !important;} }
@media (max-width:900px) {
  .chibi-navbar.firkavar-visual-header{height:160px !important;min-height:160px !important;} body{padding-top:160px !important;} .admin-bar body{padding-top:192px !important;}
  .firkavar-visual-search{left:60% !important;top:69% !important;width:35% !important;height:40px !important;}
  .firkavar-visual-search .nav-search-btn{width:32px !important;height:32px !important;flex-basis:32px !important;}
  .firkavar-visual-search input[type="search"]{font-size:12px !important;}
}
@media (max-width:600px) {
  .chibi-navbar.firkavar-visual-header{height:118px !important;min-height:118px !important;} body{padding-top:118px !important;} .admin-bar body{padding-top:164px !important;}
  .firkavar-visual-search{left:55% !important;top:66% !important;width:42% !important;height:34px !important;padding-left:10px !important;}
  .firkavar-visual-search input[type="search"]{height:30px !important;font-size:10px !important;}
  .firkavar-visual-search .nav-search-btn{width:27px !important;height:27px !important;flex-basis:27px !important;}
  .firkavar-visual-search .nav-search-btn svg{width:17px;height:17px;}
}

/* Firkavár v4.4.4 — compact, undistorted header */
.chibi-navbar.firkavar-visual-header {
    height: 105px !important;
    min-height: 105px !important;
}
.firkavar-header-art {
    /* Preserve the artwork's original aspect ratio; never stretch it vertically. */
    background-size: 100% 105px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #fffdf8 !important;
}
.firkavar-visual-search {
    left: 61.5% !important;
    top: 58% !important;
    width: 29.5% !important;
    height: 34px !important;
    padding: 0 8px 0 14px !important;
}
.firkavar-visual-search input[type="search"] {
    height: 30px !important;
    font-size: 12px !important;
}
.firkavar-visual-search .nav-search-btn {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
}
body { padding-top: 105px !important; }
.admin-bar .chibi-navbar.firkavar-visual-header { top: 32px !important; }
.admin-bar body { padding-top: 137px !important; }
@media (max-width: 782px) {
    .chibi-navbar.firkavar-visual-header { height: 80px !important; min-height: 80px !important; }
    body { padding-top: 80px !important; }
    .admin-bar .chibi-navbar.firkavar-visual-header { top: 46px !important; }
    .admin-bar body { padding-top: 126px !important; }
    .firkavar-visual-search { left: 60% !important; top: 55% !important; width: 35% !important; height: 28px !important; }
    .firkavar-visual-search input[type="search"] { height: 24px !important; font-size: 10px !important; }
    .firkavar-visual-search .nav-search-btn { width: 23px !important; height: 23px !important; flex-basis: 23px !important; }
}
@media (max-width: 600px) {
    .chibi-navbar.firkavar-visual-header { height: 65px !important; min-height: 65px !important; }
    body { padding-top: 65px !important; }
    .admin-bar body { padding-top: 111px !important; }
    .firkavar-visual-search { left: 55% !important; top: 50% !important; width: 42% !important; height: 24px !important; padding-left: 8px !important; }
    .firkavar-visual-search input[type="search"] { height: 20px !important; font-size: 8px !important; }
    .firkavar-visual-search .nav-search-btn { width: 20px !important; height: 20px !important; flex-basis: 20px !important; }
    .firkavar-visual-search .nav-search-btn svg { width: 13px !important; height: 13px !important; }
}

/* Firkavár v4.5.0 — 120px header with new banner + drawn submit button */
.chibi-navbar.firkavar-visual-header { height: 180px !important; min-height: 180px !important; }
.firkavar-header-art { background: #7bccee url('images/firkavar-header-v496.jpg') left center / auto 180px no-repeat !important; }
body { padding-top: 180px !important; }
.admin-bar body { padding-top: 152px !important; }
@media (max-width:782px) { .admin-bar body { padding-top: 166px !important; } }
@media (max-width:900px) {
  .chibi-navbar.firkavar-visual-header { height: 180px !important; min-height: 180px !important; }
  body { padding-top: 180px !important; }
  .admin-bar body { padding-top: 166px !important; }
}
@media (max-width:600px) {
  .chibi-navbar.firkavar-visual-header { height: 180px !important; min-height: 180px !important; }
  body { padding-top: 180px !important; }
  .admin-bar body { padding-top: 166px !important; }
}
.firkavar-visual-search { left: 52% !important; top: 50% !important; transform: translateY(-50%) !important; width: 27% !important; }

/* Drawn, hand-sketched submit button on the right */
.firkavar-functional-nav .chibi-btn-cta.firkavar-submit-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    position: absolute !important;
    right: 1.6% !important;
    top: auto !important;
    bottom: 7px !important;
    transform: rotate(-1.2deg) !important;
    pointer-events: auto !important;
    font-family: 'Kalam', cursive !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #173d63 !important;
    background: #f4bd27 !important;
    border: 3px solid #173d63 !important;
    border-radius: 999px 985px 999px 990px / 990px 999px 985px 999px !important;
    padding: 10px 22px !important;
    box-shadow: 3px 4px 0 rgba(23,61,99,.85) !important;
    cursor: pointer !important;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important;
    white-space: nowrap !important;
}
.firkavar-functional-nav .chibi-btn-cta.firkavar-submit-btn:hover {
    background: #ef6c18 !important;
    color: #fffdf7 !important;
    transform: rotate(1deg) scale(1.04) !important;
    box-shadow: 4px 6px 0 rgba(23,61,99,.85) !important;
}
.firkavar-functional-nav .chibi-btn-cta.firkavar-submit-btn:active {
    transform: translateY(calc(-50% + 3px)) rotate(0deg) !important;
    box-shadow: 1px 1px 0 rgba(23,61,99,.85) !important;
}
@media (max-width:900px) {
  .firkavar-functional-nav .chibi-btn-cta.firkavar-submit-btn { font-size: 15px !important; padding: 7px 14px !important; }
  .firkavar-visual-search { left: 44% !important; width: 30% !important; }
}
@media (max-width:600px) {
  .firkavar-functional-nav .chibi-btn-cta.firkavar-submit-btn { font-size: 12px !important; padding: 5px 10px !important; right: 1.5% !important; }
  .firkavar-visual-search { display: none !important; }
}

/* Firkavár v4.5.1 — new banner + modal above fixed header */
.firkavar-header-art {
    background-image: url('images/firkavar-header-v496.jpg') !important;
    background-size: auto 180px !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}
.modal-overlay {
    z-index: 100000 !important;
    align-items: flex-start !important;
    padding-top: 200px !important;
    padding-bottom: 40px !important;
    overflow-y: auto !important;
}
.admin-bar .modal-overlay { padding-top: 172px !important; }
@media (max-width:782px) { .admin-bar .modal-overlay { padding-top: 186px !important; } }


/* Firkavár v4.5.8 — authoritative fixed illustrated header */
.chibi-navbar.firkavar-visual-header { height:120px !important; min-height:120px !important; }
.firkavar-header-art { background:#7bccee url('images/firkavar-header-v496.jpg') center center / cover no-repeat !important; }
body { padding-top:120px !important; }
.firkavar-functional-nav .chibi-btn-cta.firkavar-submit-btn {
  border-radius:999px 940px 999px 930px / 92% 100% 88% 100% !important;
  background:#f4bd27 !important; border:3px solid #173d63 !important;
}

/* ===== Firkavar v4.8.0 - hero cim egy sorban a beadas gombbal ===== */
.illustrated-hero .chibi-hero-title-row{display:flex !important;align-items:center !important;justify-content:center !important;gap:20px !important}
.illustrated-hero .chibi-hero-title{white-space:nowrap !important;font-size:clamp(1.9rem,3.2vw,2.9rem) !important;margin:0 !important}
.illustrated-hero .chibi-hero-title-row .firkavar-submit-btn{font-size:1.05rem !important;padding:12px 26px !important;white-space:nowrap !important;flex:0 0 auto !important}
.illustrated-hero .chibi-hero-sub{max-width:760px}
@media (max-width: 980px){
  .illustrated-hero .chibi-hero-title-row{flex-wrap:wrap !important;gap:12px !important}
  .illustrated-hero .chibi-hero-title{white-space:normal !important;font-size:2.1rem !important;text-align:center !important}
}

/* v4.8.1 — submit button in the expiring-soon slider header, one line with the title */
.chibi-slider-header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; flex-wrap: wrap !important; }
.chibi-slider-submit {
    display: inline-flex !important; align-items: center !important; gap: 8px !important;
    font-family: 'Kalam', cursive !important; font-size: 17px !important; font-weight: 700 !important;
    color: #173d63 !important; background: #f4bd27 !important; border: 3px solid #173d63 !important;
    border-radius: 999px 985px 999px 990px / 990px 999px 985px 999px !important;
    padding: 8px 20px !important; box-shadow: 3px 4px 0 rgba(23,61,99,.85) !important;
    cursor: pointer !important; white-space: nowrap !important; transform: rotate(-1deg) !important;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important;
}
.chibi-slider-submit:hover { background: #ef6c18 !important; color: #fffdf7 !important; transform: rotate(1deg) scale(1.04) !important; box-shadow: 4px 6px 0 rgba(23,61,99,.85) !important; }
@media (max-width: 900px) {
    .firkavar-functional-nav .chibi-btn-cta.firkavar-submit-btn { font-size: 14px !important; padding: 6px 14px !important; bottom: 5px !important; }
    .chibi-slider-submit { font-size: 15px !important; padding: 6px 16px !important; }
}

/* ===== Firkavar v4.8.2 — aligned content row and roomier chibi hero CTA ===== */
/* The first sidebar card starts level with the expiring-soon panel below “Kinek szól?”. */
@media (min-width: 901px) {
  .layout-grid > .sidebar-column { padding-top: 30px !important; }
}

/* ===== Firkavar v4.8.3 — hero CTA a szoveg ala kerult, nem log a cimbe ===== */
.illustrated-hero .chibi-hero-title-row{padding:0 !important;min-height:0 !important}
.illustrated-hero .chibi-hero-cta{margin-top:18px !important;text-align:center !important}
.illustrated-hero .chibi-hero-cta .firkavar-submit-btn{
  display:inline-block !important;
  padding:12px 28px 11px !important;
  border:3px solid #173d63 !important;
  border-radius:48% 52% 46% 54% / 55% 45% 55% 45% !important;
  background:#f4bd27 !important;color:#173d63 !important;
  box-shadow:4px 5px 0 #173d63, inset 0 3px 0 rgba(255,255,255,.38) !important;
  font-family:'Kalam',cursive !important;font-weight:700 !important;font-size:1.1rem !important;
  transform:rotate(2deg) !important;transition:transform .15s ease !important;
  white-space:nowrap !important;
}
.illustrated-hero .chibi-hero-cta .firkavar-submit-btn::before{content:"✦";display:inline-block;margin-right:7px;color:#ef6c18;transform:rotate(-12deg)}
.illustrated-hero .chibi-hero-cta .firkavar-submit-btn:hover{transform:rotate(-1deg) scale(1.04) !important;background:#ef6c18 !important;color:#fffdf7 !important}
@media (max-width: 980px){
  .illustrated-hero .chibi-hero-cta{margin-top:14px !important}
  .illustrated-hero .chibi-hero-cta .firkavar-submit-btn{font-size:1rem !important;padding:10px 22px 9px !important}
}

/* v4.14.0 — 1920x120, nincs blur/torzítás + valódi CTA */
.chibi-navbar.firkavar-visual-header{height:120px!important;min-height:120px!important;max-height:120px!important;overflow:visible!important;position:fixed!important}
.firkavar-header-art{height:120px!important;min-height:120px!important;background:url('images/firkavar-header-v4140.jpg') center center/cover no-repeat!important}
body{padding-top:120px!important}
.firkavar-v414-submit{
position:absolute!important;right:24px!important;top:50%!important;transform:translateY(-50%) rotate(-1deg)!important;
z-index:999999!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
align-items:center!important;gap:10px!important;height:62px!important;padding:0 18px!important;
border:4px solid #65351f!important;border-radius:18px 23px 17px 21px!important;
background:linear-gradient(#ff5a8c,#ef1763)!important;color:#fff!important;
font-family:'Kalam','Comic Sans MS',cursive!important;font-size:19px!important;font-weight:700!important;
box-shadow:0 0 0 5px #d99a4b,0 0 0 8px #65351f,5px 6px 0 rgba(0,0,0,.18)!important;
text-shadow:1px 2px 0 rgba(100,0,40,.35)!important;cursor:pointer!important;
}
.firkavar-v414-submit:hover{transform:translateY(-50%) rotate(1deg) scale(1.04)!important;background:linear-gradient(#ff76a2,#f31e6c)!important}
.firkavar-v414-submit .pencil{font-size:27px!important}
.firkavar-v414-submit .arr{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#fff!important;color:#d80e59!important;text-shadow:none!important;font-size:20px!important}
@media(max-width:800px){.firkavar-v414-submit{right:10px!important;height:50px!important;font-size:14px!important;padding:0 10px!important}.firkavar-v414-submit .pencil{font-size:20px!important}.firkavar-v414-submit .arr{width:27px!important;height:27px!important;font-size:16px!important}}

/* v4.15.0 FINAL HEADER — pontosan 1920x120 forráskép */
.chibi-navbar.firkavar-visual-header {
  height:120px!important; min-height:120px!important; max-height:120px!important;
  position:fixed!important; overflow:hidden!important;
}
.firkavar-header-art {
  position:absolute!important; inset:0!important;
  width:100%!important; height:120px!important;
  background-image:url('images/firkavar-header-v4150.png')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:100% 120px!important;
}
body { padding-top:120px!important; }
.firkavar-banner-click {
  display:block!important; visibility:visible!important; opacity:1!important;
  position:absolute!important; z-index:999999!important;
  right:1.8%!important; top:10px!important;
  width:25%!important; height:52px!important;
  border:0!important; background:transparent!important;
  cursor:pointer!important; pointer-events:auto!important;
}
@media(max-width:900px) {
  .firkavar-banner-click { right:1%!important; width:31%!important; }
}

/* v4.16.0 — teljes, torzítatlan 1920x355 fejléc */
.chibi-navbar.firkavar-visual-header {
 height:355px!important; min-height:355px!important; max-height:355px!important;
 overflow:hidden!important;
}
.firkavar-header-art {
 width:100%!important; height:355px!important;
 background-image:url('images/firkavar-header-v4160.png')!important;
 background-size:1920px 355px!important;
 background-position:center top!important;
 background-repeat:no-repeat!important;
}
body { padding-top:355px!important; }
.firkavar-banner-click {
 display:block!important; visibility:visible!important; opacity:1!important;
 position:absolute!important; z-index:999999!important;
 right:2.2%!important; top:42%!important;
 width:27%!important; height:25%!important;
 border:0!important; background:transparent!important;
 cursor:pointer!important; pointer-events:auto!important;
}

/* v4.16.1 — CACHE-BUST + KÉNYSZERÍTETT 355px + VALÓDI HTML GOMB */
html body .chibi-navbar.firkavar-visual-header{
 height:355px!important;min-height:355px!important;max-height:355px!important;
 overflow:hidden!important;position:fixed!important;
}
html body .chibi-navbar.firkavar-visual-header .firkavar-header-art{
 height:355px!important;min-height:355px!important;max-height:355px!important;
 width:100%!important;
 background-size:1920px 355px!important;
 background-position:center top!important;
 background-repeat:no-repeat!important;
}
html body{padding-top:355px!important}

/* ez maga a valódi gomb, nem láthatatlan hotspot */
html body .firkavar-banner-click{
 display:flex!important;visibility:visible!important;opacity:1!important;
 align-items:center!important;justify-content:center!important;gap:12px!important;
 position:absolute!important;z-index:2147483647!important;
 right:3.0%!important;top:30px!important;
 width:auto!important;height:72px!important;
 padding:0 24px!important;
 border:4px solid #7b3f21!important;
 border-radius:19px 23px 18px 22px!important;
 background:#fff4d9!important;
 color:#d91858!important;
 box-shadow:0 0 0 5px #d69a47,0 0 0 8px #6f391e,5px 6px 0 rgba(0,0,0,.16)!important;
 font-family:'Kalam','Comic Sans MS',cursive!important;
 font-size:22px!important;font-weight:700!important;
 line-height:1!important;text-decoration:none!important;
 cursor:pointer!important;pointer-events:auto!important;
 transform:rotate(-1deg)!important;
}
html body .firkavar-banner-click:hover{
 transform:rotate(1deg) scale(1.04)!important;
 background:#fff9e9!important;
}
html body .firkavar-banner-click .fv-pencil{font-size:30px!important}
html body .firkavar-banner-click .fv-arrow{
 display:grid!important;place-items:center!important;
 width:38px!important;height:38px!important;border-radius:50%!important;
 background:#ef2a68!important;color:#fff!important;font-size:27px!important;
}

/* v4.16.2 — 210px fejléc */
html body .chibi-navbar.firkavar-visual-header{
 height:210px!important;min-height:210px!important;max-height:210px!important;
}
html body .chibi-navbar.firkavar-visual-header .firkavar-header-art{
 height:210px!important;min-height:210px!important;max-height:210px!important;
 background-image:url('images/firkavar-header-v4162.png')!important;
 background-size:1920px 210px!important;
 background-position:center top!important;
}
html body{padding-top:210px!important}
html body .firkavar-banner-click{
 top:22px!important;
 height:58px!important;
 padding:0 18px!important;
 font-size:18px!important;
}
html body .firkavar-banner-click .fv-pencil{font-size:25px!important}
html body .firkavar-banner-click .fv-arrow{
 width:32px!important;height:32px!important;font-size:22px!important;
}

/* v4.18.0 — ŐSZI 1920x120 + KÜLÖN VALÓDI HTML GOMB */
html body .chibi-navbar.firkavar-visual-header {
 height:120px!important; min-height:120px!important; max-height:120px!important;
 overflow:hidden!important; position:fixed!important;
}
html body .chibi-navbar.firkavar-visual-header .firkavar-header-art {
 height:120px!important; min-height:120px!important; max-height:120px!important;
 width:100%!important;
 background-image:url('images/firkavar-header-osz-v4180.png')!important;
 background-size:1920px 120px!important;
 background-position:center top!important;
 background-repeat:no-repeat!important;
}
html body { padding-top:120px!important; }

html body .firkavar-autumn-submit {
 display:flex!important; visibility:visible!important; opacity:1!important;
 position:absolute!important; z-index:2147483647!important;
 right:24px!important; top:50%!important; transform:translateY(-50%) rotate(-1deg)!important;
 align-items:center!important; justify-content:center!important; gap:9px!important;
 height:54px!important; padding:0 18px!important;
 border:3px solid #6f381e!important; border-radius:15px 20px 14px 19px!important;
 background:linear-gradient(#fff1c8,#ffd889)!important;
 color:#a84218!important;
 box-shadow:0 0 0 4px #d98232,0 0 0 7px #6f381e,4px 5px 0 rgba(0,0,0,.18)!important;
 font-family:'Kalam','Comic Sans MS',cursive!important;
 font-size:18px!important; font-weight:700!important; line-height:1!important;
 cursor:pointer!important; pointer-events:auto!important;
}
html body .firkavar-autumn-submit:hover {
 transform:translateY(-50%) rotate(1deg) scale(1.04)!important;
 background:linear-gradient(#fff8df,#ffe3a1)!important;
}
html body .firkavar-autumn-submit .leaf {font-size:25px!important}
html body .firkavar-autumn-submit .arrow {
 display:grid!important; place-items:center!important;
 width:31px!important; height:31px!important; border-radius:50%!important;
 background:#c95b21!important; color:#fff!important; font-size:22px!important;
}

/* ===== v4.19.0 – keskeny, rajzolt bal oldali Firkavár sáv ===== */
.firkavar-side-rail{position:fixed;left:0;top:136px;bottom:0;width:104px;z-index:9000;pointer-events:none;padding:16px 7px;background:linear-gradient(90deg,rgba(255,250,226,.97),rgba(255,250,226,.90));border-right:2px dashed rgba(99,65,31,.18);box-shadow:5px 0 18px rgba(68,44,24,.08)}
.firkavar-side-rail-inner{display:flex;flex-direction:column;gap:12px}.firkavar-side-btn{pointer-events:auto;min-height:92px;padding:9px 5px 7px;border:3px solid #73401f;border-radius:22px 18px 24px 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;text-decoration:none!important;color:#fff!important;font-family:'Kalam','Comic Sans MS',cursive;font-weight:700;line-height:1.05;box-shadow:0 3px 0 #5d351e,0 6px 12px rgba(74,44,24,.18);transition:.16s ease;transform:rotate(-1deg)}
.firkavar-side-btn:nth-child(2){transform:rotate(1deg)}.firkavar-side-btn:hover{transform:translateX(4px) rotate(1deg) scale(1.04);filter:saturate(1.08)}
.fv-side-icon{font-size:31px;line-height:1}.fv-side-label{font-size:14px;overflow-wrap:anywhere}.firkavar-side-tarsasjatekok{background:linear-gradient(145deg,#f5b936,#dc8c17)}.firkavar-side-kartyajatekok{background:linear-gradient(145deg,#ff6680,#e9355a)}.firkavar-side-szinezok{background:linear-gradient(145deg,#50bdf4,#188bd5)}
@media(min-width:1180px){body{padding-left:104px!important}.chibi-navbar.firkavar-visual-header{left:0!important;width:100%!important}}
@media(max-width:1179px){.firkavar-side-rail{position:fixed;top:auto;bottom:10px;left:50%;width:auto;height:auto;padding:5px 7px;transform:translateX(-50%);border:0;border-radius:22px;background:rgba(255,250,226,.96);box-shadow:0 4px 18px rgba(0,0,0,.16)}.firkavar-side-rail-inner{flex-direction:row;gap:6px}.firkavar-side-btn{width:88px;min-height:60px;padding:5px;border-width:2px;border-radius:16px}.fv-side-icon{font-size:22px}.fv-side-label{font-size:11px}body{padding-left:0!important}}

.firkavar-collection-page{max-width:1220px;margin:0 auto;padding:38px 24px 70px}.firkavar-collection-head{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:20px 24px;border:3px solid #e6c681;border-radius:26px;background:#fff9e8;box-shadow:0 8px 24px rgba(88,56,24,.08)}.collection-icon{font-size:54px}.firkavar-collection-head h1{margin:0;color:#164b82;font-family:'Kalam',cursive;font-size:42px}.firkavar-collection-head p{margin:2px 0 0;font-size:17px}.firkavar-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.firkavar-download-card{overflow:hidden;border:2px solid #ead9b9;border-radius:24px;background:#fff;box-shadow:0 8px 22px rgba(67,44,25,.09)}.download-thumb{aspect-ratio:4/3;background:#fff8e9;display:grid;place-items:center;overflow:hidden}.download-thumb img{width:100%;height:100%;object-fit:cover}.download-thumb .fv-pdf-thumb{display:block;width:100%;height:100%;border:0;background:#fff;pointer-events:none}.download-thumb>span{font-size:64px}.download-body{padding:17px}.download-body h2{margin:0 0 8px;color:#194d80;font-family:'Kalam',cursive;font-size:25px}.firkavar-download-button{display:inline-block;margin-top:8px;padding:10px 17px;border-radius:16px;background:#ef3f72;color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 3px 0 #b72851}.firkavar-empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:3px dashed #e6c681;border-radius:26px;background:#fffaf0}.firkavar-empty>span{font-size:54px}.firkavar-empty h2{font-family:'Kalam',cursive;color:#164b82;font-size:32px;margin:10px 0 4px}
@media(max-width:900px){.firkavar-download-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.firkavar-download-grid{grid-template-columns:1fr}.firkavar-collection-page{padding-left:14px;padding-right:14px}.firkavar-collection-head h1{font-size:32px}}

/* v4.19.2 — bal sáv biztosan a tényleges fix fejléc alatt.
   WordPress bejelentkezve az admin sáv 32px-lel lejjebb tolja a 120px-es fejlécet. */
@media (min-width:1180px){
  html body .firkavar-side-rail{top:144px!important;padding-top:8px!important;}
  html body.admin-bar .firkavar-side-rail{top:176px!important;}
}

/* ===== v4.19.3 – chibi Firkavár oldalsáv + valódi bannerhézag ===== */
@media (min-width:1180px){
  html body .firkavar-side-rail{
    top:172px!important;
    width:108px!important;
    padding:10px 7px 18px!important;
    background:linear-gradient(90deg,rgba(255,250,229,.98),rgba(255,246,215,.93))!important;
    border-right:2px dashed rgba(112,72,31,.22)!important;
  }
  html body.admin-bar .firkavar-side-rail{top:204px!important;}
  html body{padding-left:108px!important;}
}
.firkavar-side-rail-inner{gap:15px!important;padding-top:0!important}
.firkavar-side-btn{
  position:relative;overflow:visible;min-height:96px!important;padding:10px 5px 8px!important;
  border:3px solid #70401f!important;border-radius:28px 22px 30px 20px!important;
  box-shadow:0 4px 0 #5b351e,0 8px 15px rgba(75,43,22,.18),inset 0 2px 0 rgba(255,255,255,.42)!important;
  text-shadow:0 1px 1px rgba(86,43,20,.22);isolation:isolate
}
.firkavar-side-btn:before,.firkavar-side-btn:after{content:'✦';position:absolute;color:#fff6b7;font-size:12px;line-height:1;text-shadow:0 1px 0 rgba(88,49,22,.25);z-index:2}
.firkavar-side-btn:before{left:8px;top:7px;transform:rotate(-14deg)}.firkavar-side-btn:after{right:8px;bottom:8px;transform:rotate(15deg)}
.fv-side-icon{display:grid!important;place-items:center;width:48px;height:48px;font-size:30px!important;background:rgba(255,255,255,.82);border:2px solid rgba(111,62,28,.65);border-radius:50% 46% 52% 44%;box-shadow:0 3px 0 rgba(91,53,30,.28);transform:rotate(-4deg);margin-bottom:2px}
.firkavar-side-btn:nth-child(2) .fv-side-icon{transform:rotate(5deg)}.firkavar-side-btn:nth-child(3) .fv-side-icon{transform:rotate(-2deg)}
.fv-side-label{font-size:13px!important;letter-spacing:-.15px;text-shadow:0 1px 1px rgba(70,37,17,.3)}
.firkavar-side-tarsasjatekok{background:linear-gradient(145deg,#ffd65b,#ee9e25)!important}.firkavar-side-kartyajatekok{background:linear-gradient(145deg,#ff8da1,#ed4d72)!important}.firkavar-side-szinezok{background:linear-gradient(145deg,#72d7ff,#279fdf)!important}
.firkavar-side-btn:hover{transform:translateX(5px) rotate(1deg) scale(1.055)!important;filter:saturate(1.1) brightness(1.03)}
@media(max-width:1179px){.firkavar-side-btn{min-height:64px!important}.fv-side-icon{width:34px;height:34px;font-size:21px!important}.firkavar-side-btn:before,.firkavar-side-btn:after{display:none}}

/* ===== v4.20.1 – adminból szerkeszthető chibi menü + Facebook ===== */
.firkavar-side-custom:nth-child(3n+1){background:linear-gradient(145deg,#ffd65b,#ee9e25)!important}
.firkavar-side-custom:nth-child(3n+2){background:linear-gradient(145deg,#ff8da1,#ed4d72)!important}
.firkavar-side-custom:nth-child(3n){background:linear-gradient(145deg,#72d7ff,#279fdf)!important}
.fv-social-sep{height:1px;border-top:2px dashed rgba(112,72,31,.28);margin:1px 8px 0}
.fv-facebook-share,.fv-facebook-like{min-height:78px!important}
.fv-facebook-share{background:linear-gradient(145deg,#5599ee,#2864bd)!important}
.fv-facebook-like{background:linear-gradient(145deg,#6d8ff0,#3658bb)!important}
.fv-facebook-share .fv-side-icon,.fv-facebook-like .fv-side-icon{width:40px;height:40px;font-size:23px!important}
.fv-facebook-share .fv-side-label,.fv-facebook-like .fv-side-label{font-size:12px!important}
@media(max-width:1179px){.fv-social-sep{width:1px;height:45px;border-top:0;border-left:2px dashed rgba(112,72,31,.28);margin:7px 2px}.fv-facebook-share,.fv-facebook-like{min-height:60px!important}}

/* ===== v4.20.1 – VÉGLEGES oldalsáv pozíció =====
   A teljes sáv a 120px fix banner alatt kezdődik, jól látható 24px hézaggal. */
@media (min-width:1180px){
  html body .firkavar-side-rail{
    top:144px!important;
    bottom:0!important;
    padding-top:0!important;
    background:transparent!important;
    border-right:0!important;
    box-shadow:none!important;
  }
  html body.admin-bar .firkavar-side-rail{top:176px!important;}
  html body .firkavar-side-rail-inner{
    padding:8px 7px 18px!important;
    border-radius:0 24px 24px 0!important;
    background:linear-gradient(90deg,rgba(255,250,229,.98),rgba(255,246,215,.93))!important;
    border:2px dashed rgba(112,72,31,.22)!important;
    border-left:0!important;
    box-shadow:5px 5px 18px rgba(68,44,24,.10)!important;
  }
}

/* ===== v4.20.2 – kompakt, teljesen rajzolt Firkavár oldalsáv ===== */
@media (min-width:1180px){
  html body{padding-left:88px!important;}
  html body .firkavar-side-rail{
    top:160px!important; left:0!important; bottom:auto!important; width:88px!important;
    padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important;
  }
  html body.admin-bar .firkavar-side-rail{top:192px!important;}
  html body .firkavar-side-rail-inner{
    position:relative!important; gap:7px!important; padding:15px 6px 12px!important;
    border:3px solid #7a4829!important; border-left:0!important;
    border-radius:0 24px 30px 0!important;
    background:
      radial-gradient(circle at 17px 18px,#ffd85a 0 3px,transparent 4px),
      radial-gradient(circle at 70px 43px,#ff8eaa 0 3px,transparent 4px),
      radial-gradient(circle at 18px 164px,#68c9ef 0 3px,transparent 4px),
      repeating-linear-gradient(0deg,rgba(72,128,165,.08) 0 1px,transparent 1px 10px),
      linear-gradient(100deg,#fff8dc 0%,#fff2c7 58%,#f8d99c 100%)!important;
    box-shadow:4px 6px 0 rgba(103,60,31,.18),7px 9px 18px rgba(77,46,27,.12)!important;
  }
  html body .firkavar-side-rail-inner:before{
    content:'✦';position:absolute;right:-8px;top:42%;font-size:18px;color:#f2a83b;
    text-shadow:0 1px #8a4e27;transform:rotate(12deg);pointer-events:none
  }
  html body .firkavar-side-btn{
    width:72px!important; min-height:72px!important; box-sizing:border-box!important;
    margin:0 auto!important; padding:5px 3px 6px!important; gap:1px!important;
    border:2px solid #70401f!important; border-radius:19px 15px 21px 16px!important;
    box-shadow:0 3px 0 #633b22,0 5px 8px rgba(74,43,23,.15),inset 0 2px rgba(255,255,255,.5)!important;
    overflow:hidden!important;
  }
  html body .firkavar-side-btn:before{content:'✦'!important;left:5px!important;top:4px!important;font-size:8px!important}
  html body .firkavar-side-btn:after{content:'·'!important;right:5px!important;bottom:3px!important;font-size:16px!important}
  html body .fv-side-icon{
    width:38px!important;height:38px!important;font-size:24px!important;margin:0 auto 1px!important;
    background:radial-gradient(circle at 38% 30%,#fff 0 17%,#fff8dc 18% 58%,#f6d891 59% 100%)!important;
    border:2px solid #754426!important;border-radius:48% 42% 52% 44%!important;
    box-shadow:0 2px 0 rgba(90,50,25,.3),inset 0 1px 0 #fff!important;
  }
  html body .fv-side-label{font-size:10px!important;line-height:1.02!important;letter-spacing:-.2px!important;color:#fff!important;text-shadow:0 1px 1px rgba(65,35,17,.45)!important}
  html body .firkavar-side-custom:nth-child(3n+1){background:linear-gradient(145deg,#ffd75d,#efa32d)!important}
  html body .firkavar-side-custom:nth-child(3n+2){background:linear-gradient(145deg,#ff91a9,#ed5275)!important}
  html body .firkavar-side-custom:nth-child(3n){background:linear-gradient(145deg,#75d9fb,#2ba6df)!important}
  html body .fv-social-sep{margin:2px 7px 0!important;border-top:2px dashed rgba(112,72,31,.35)!important}
  html body .fv-facebook-share,html body .fv-facebook-like{
    display:inline-flex!important;width:32px!important;height:32px!important;min-height:32px!important;
    margin:0 2px!important;padding:0!important;border-radius:50%!important;vertical-align:top!important;
  }
  html body .fv-facebook-share{margin-left:4px!important}
  html body .fv-facebook-share .fv-side-icon,html body .fv-facebook-like .fv-side-icon{
    width:27px!important;height:27px!important;font-size:16px!important;border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important
  }
  html body .fv-facebook-share .fv-side-label,html body .fv-facebook-like .fv-side-label{display:none!important}
  html body .firkavar-side-rail-inner{display:block!important}
  html body .firkavar-side-custom{display:flex!important;margin-bottom:8px!important}
  html body .fv-social-sep{display:block!important;margin-bottom:7px!important}
  html body .kedvencek-lebego{left:7px!important;bottom:12px!important;padding:8px 10px!important;font-size:11px!important;max-width:78px!important}
  html body .kedvencek-db{min-width:18px!important;padding:0 4px!important;font-size:10px!important}
  html body .kedvencek-panel{left:94px!important}
}


/* ===== v4.21.0 – teljesen új, kompakt RAJZOLT Firkavár oldalsáv ===== */
@media (min-width:1180px){
  html body .firkavar-side-rail{
    top:158px!important; left:8px!important; bottom:auto!important;
    width:82px!important; padding:0!important; background:transparent!important;
    border:0!important; box-shadow:none!important; z-index:9000!important;
  }
  html body.admin-bar .firkavar-side-rail{top:190px!important}
  html body{padding-left:94px!important}
  html body .firkavar-side-rail-inner{
    gap:7px!important; padding:13px 6px 12px!important;
    border:3px solid #74431f!important; border-radius:24px 20px 26px 18px!important;
    background:
      radial-gradient(circle at 16px 24px,#ffd85b 0 3px,transparent 4px),
      radial-gradient(circle at 68px 52px,#ff7d91 0 2px,transparent 3px),
      radial-gradient(circle at 17px 180px,#68c9ee 0 2px,transparent 3px),
      linear-gradient(165deg,#fff3c9 0%,#ffe5a6 46%,#f7c978 100%)!important;
    box-shadow:3px 5px 0 #b86d31,6px 9px 18px rgba(80,43,18,.18)!important;
    position:relative!important; overflow:hidden!important;
  }
  html body .firkavar-side-rail-inner:before{
    content:'✦';position:absolute;right:4px;top:2px;color:#ef7e43;font-size:14px;transform:rotate(12deg)
  }
  html body .firkavar-side-rail-inner:after{
    content:'✿';position:absolute;left:3px;bottom:2px;color:#e85f83;font-size:13px;transform:rotate(-10deg)
  }
  html body .firkavar-side-btn{
    width:68px!important; min-height:69px!important; margin:0 auto!important;
    padding:5px 3px 6px!important; gap:2px!important;
    border:2px solid #70401f!important; border-radius:17px 14px 19px 13px!important;
    box-shadow:0 3px 0 #78441f,0 5px 9px rgba(82,45,20,.15),inset 0 2px 0 rgba(255,255,255,.48)!important;
    transform:rotate(-1.2deg)!important; overflow:hidden!important;
  }
  html body .firkavar-side-btn:nth-child(even){transform:rotate(1.2deg)!important}
  html body .firkavar-side-btn:hover{transform:translateX(3px) rotate(1deg) scale(1.04)!important}
  html body .firkavar-side-btn:before,html body .firkavar-side-btn:after{display:none!important}
  html body .fv-side-icon{
    width:39px!important;height:39px!important;margin:0!important;padding:0!important;
    display:grid!important;place-items:center!important;background:rgba(255,255,255,.36)!important;
    border:0!important;border-radius:50%!important;box-shadow:none!important;font-size:0!important;
  }
  html body .fv-side-icon svg{width:37px;height:37px;display:block;filter:drop-shadow(0 2px 0 rgba(93,51,22,.22))}
  html body .fv-side-label{
    font-family:'Kalam','Comic Sans MS',cursive!important;font-size:10.5px!important;
    line-height:1.02!important;color:#5c321c!important;text-shadow:none!important;font-weight:800!important;
  }
  html body .firkavar-side-custom:nth-child(3n+1){background:linear-gradient(145deg,#ffe56c,#f5b33d)!important}
  html body .firkavar-side-custom:nth-child(3n+2){background:linear-gradient(145deg,#ff9eb1,#f16a88)!important}
  html body .firkavar-side-custom:nth-child(3n){background:linear-gradient(145deg,#8bddff,#4cb8e9)!important}
  html body .fv-social-sep{margin:2px 8px 1px!important;border-top:2px dashed rgba(112,64,31,.35)!important}
  html body .fv-facebook-share,html body .fv-facebook-like{
    display:inline-flex!important;width:31px!important;height:31px!important;min-height:31px!important;
    padding:0!important;margin:1px 1px!important;border-radius:50%!important;vertical-align:top!important;
    box-shadow:0 2px 0 #31588f!important;
  }
  html body .fv-facebook-share{margin-left:2px!important}
  html body .fv-facebook-share .fv-side-icon,html body .fv-facebook-like .fv-side-icon{width:27px!important;height:27px!important;background:transparent!important}
  html body .fv-facebook-share .fv-side-icon svg,html body .fv-facebook-like .fv-side-icon svg{width:23px;height:23px}
  html body .fv-facebook-share .fv-side-label,html body .fv-facebook-like .fv-side-label{display:none!important}
  html body .fv-social-sep + .fv-facebook-share{display:inline-flex!important}
  html body .fv-facebook-like{display:inline-flex!important}
  html body .kedvencek-lebego{
    left:9px!important;right:auto!important;bottom:10px!important;width:76px!important;height:34px!important;
    padding:5px 6px!important;font-size:10px!important;border-radius:15px!important;z-index:9001!important
  }
}


/* ===== v4.22.1 – JAVÍTOTT: valódi CSS, a fejléc alsó éléhez igazítva ===== */
@media (min-width:1180px){
  html body .firkavar-side-rail,
  html body.admin-bar .firkavar-side-rail{
    position:fixed !important;
    top:var(--fv-rail-top, 170px) !important;
    max-height:calc(100vh - var(--fv-rail-top, 170px) - 8px) !important;
    overflow-y:auto !important;
    left:0 !important;
    bottom:auto !important;
    margin:0 !important;
    transform:none !important;
  }
}
/* v4.24 – Firkavár új világ */
.fv-new-world,.fv-extra{max-width:1180px;margin:34px auto;padding:26px 22px}.fv-new-world{text-align:center;background:linear-gradient(135deg,#fff9df,#efffe9);border:3px solid #8acb63;border-radius:30px;box-shadow:0 8px 0 #d6edbd}.fv-world-grid,.fv-workshop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.fv-world-grid a,.fv-workshop-grid a,.fv-alert-card,.fv-map-placeholder{background:#fff;border:3px solid #55351f;border-radius:22px;padding:20px;text-decoration:none;color:#382414;box-shadow:0 6px 0 #f0c45b}.fv-world-grid span,.fv-extra-icon{font-size:46px;display:block}.fv-world-grid b,.fv-workshop-grid b{display:block;font-size:18px;margin:6px}.fv-world-grid small,.fv-workshop-grid small{display:block;color:#6b5a4b}.fv-extra-hero{text-align:center;background:linear-gradient(135deg,#fff4b8,#dff6ff);border:4px dashed #e7983c;border-radius:32px;padding:28px}.fv-extra-hero h1{margin:4px;font-size:36px}.fv-workshop-grid{grid-template-columns:repeat(4,1fr)}.fv-workshop-grid a{font-size:36px;text-align:center}.fv-map-placeholder,.fv-alert-card{max-width:760px;margin:24px auto;text-align:center}.fv-map-doodle{font-size:42px;letter-spacing:14px}.fv-alert-card label{display:block;text-align:left;font-weight:700;margin:14px}.fv-alert-card input,.fv-alert-card select{display:block;width:100%;padding:12px;border:2px solid #d9b66b;border-radius:12px;margin-top:6px}.fv-magic-btn{display:inline-block;background:#ffcf4a;color:#392512!important;border:2px solid #5a3b21;border-radius:14px;padding:11px 18px;font-weight:800;text-decoration:none}.fv-print-choices{display:flex;gap:8px;flex-wrap:wrap}.fv-print-choices select{padding:8px;border-radius:8px;border:1px solid #cbd5e1}@media(max-width:800px){.fv-world-grid,.fv-workshop-grid{grid-template-columns:1fr}.fv-new-world,.fv-extra{margin:18px 10px}}

/* ===== Firkavár rajzolt, széles oldalsáv — a szivárványos logó krétavonalaival ===== */
@media (min-width: 1180px) {
  html body { padding-left: 190px !important; }
  html body .firkavar-side-rail {
    width: 178px !important;
    left: 6px !important;
    padding: 0 4px 10px 0 !important;
    scrollbar-width: thin;
    scrollbar-color: #45b7df transparent;
  }
  html body .firkavar-side-rail-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 17px 12px 19px !important;
    overflow: visible !important;
    border: 3px solid #135195 !important;
    border-radius: 28px 24px 30px 26px !important;
    background: #fffefa !important;
    box-shadow: 3px 3px 0 #ffce24, 6px 5px 0 #f4228a, 9px 7px 0 #29b6e5, 12px 10px 0 #48ad36 !important;
  }
  html body .firkavar-side-rail-inner::before {
    content: '✦  FIRKAVÁR  ✦' !important;
    position: static !important;
    display: block !important;
    width: 100% !important;
    color: #1254a7 !important;
    font: 700 19px/1.2 'Kalam', cursive !important;
    text-align: center !important;
    transform: rotate(-2deg) !important;
    text-shadow: 1px 1px #26b9e6, 2px 2px #ffdb2c !important;
    margin-bottom: 2px !important;
  }
  html body .firkavar-side-rail-inner::after {
    content: '★  ♡  ★' !important;
    position: static !important;
    display: block !important;
    color: #f12183 !important;
    font: 700 17px/1 'Kalam', cursive !important;
    text-align: center !important;
    transform: rotate(-4deg) !important;
  }
  html body .firkavar-side-btn {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 64px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 7px 9px !important;
    gap: 7px !important;
    border: 3px solid var(--fv-crayon, #1254a7) !important;
    border-radius: 19px 14px 20px 13px !important;
    background: var(--fv-wash, #ecf9ff) !important;
    box-shadow: 2px 3px 0 var(--fv-crayon, #1254a7), inset 0 0 0 2px #fffefa !important;
    text-decoration: none !important;
    transform: rotate(-1.5deg) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }
  html body .firkavar-side-btn:nth-child(even) { transform: rotate(1.5deg) !important; }
  html body .firkavar-side-btn:hover,
  html body .firkavar-side-btn:focus-visible {
    transform: translateX(4px) rotate(0deg) !important;
    box-shadow: 4px 5px 0 var(--fv-crayon, #1254a7), inset 0 0 0 2px #fffefa !important;
    filter: none !important;
  }
  html body .firkavar-side-btn:focus-visible { outline: 3px dashed #e71b76 !important; outline-offset: 4px !important; }
  html body .firkavar-side-btn::before,
  html body .firkavar-side-btn::after { display: none !important; }
  html body .firkavar-side-custom:nth-of-type(3n+1) { --fv-crayon: #1254a7; --fv-wash: #ddf5ff; }
  html body .firkavar-side-custom:nth-of-type(3n+2) { --fv-crayon: #e21b72; --fv-wash: #ffe4ee; }
  html body .firkavar-side-custom:nth-of-type(3n) { --fv-crayon: #238338; --fv-wash: #e7f8d3; }
  html body .firkavar-side-custom:nth-of-type(3n+1),
  html body .firkavar-side-custom:nth-of-type(3n+2),
  html body .firkavar-side-custom:nth-of-type(3n) { background: var(--fv-wash) !important; }
  html body .firkavar-side-custom { margin-bottom: 0 !important; }
  html body .fv-side-icon {
    flex: 0 0 43px !important;
    display: grid !important;
    place-items: center !important;
    width: 43px !important;
    height: 43px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fffefa !important;
    box-shadow: inset 0 0 0 2px var(--fv-crayon, #1254a7) !important;
  }
  html body .fv-side-icon svg { width: 35px !important; height: 35px !important; filter: none !important; }
  html body .fv-side-label {
    display: block !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    color: var(--fv-crayon, #1254a7) !important;
    font: 700 15px/1.1 'Kalam', cursive !important;
    text-align: left !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
  }
  html body .fv-social-sep {
    display: block !important;
    align-self: stretch !important;
    height: 1px !important;
    margin: 2px 4px !important;
    border: 0 !important;
    border-top: 3px dashed #ffca23 !important;
  }
  html body .fv-facebook-share,
  html body .fv-facebook-like {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 6px 9px !important;
    border-radius: 16px 13px 18px 12px !important;
    --fv-crayon: #1155a9;
    --fv-wash: #e3f1ff;
    background: var(--fv-wash) !important;
    box-shadow: 2px 3px 0 var(--fv-crayon) !important;
  }
  html body .fv-facebook-share .fv-side-icon,
  html body .fv-facebook-like .fv-side-icon { flex-basis: 35px !important; width: 35px !important; height: 35px !important; background: #1155a9 !important; box-shadow: none !important; }
  html body .fv-facebook-share .fv-side-icon svg,
  html body .fv-facebook-like .fv-side-icon svg { width: 25px !important; height: 25px !important; }
  html body .fv-facebook-share .fv-side-label,
  html body .fv-facebook-like .fv-side-label { display: block !important; font-size: 14px !important; }
  html body .kedvencek-lebego { left: 13px !important; width: 150px !important; max-width: 150px !important; }
  html body .kedvencek-panel { left: 190px !important; }
}
@media (max-width: 1179px) {
  html body .firkavar-side-rail {
    position: fixed !important;
    top: auto !important;
    left: 50% !important;
    right: auto !important;
    bottom: 10px !important;
    height: auto !important;
    max-height: 84px !important;
    width: min(560px, calc(100vw - 22px)) !important;
    max-width: calc(100vw - 22px) !important;
    box-sizing: border-box !important;
    transform: translateX(-50%) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: #fffefa !important;
    border: 3px solid #1254a7 !important;
    box-shadow: 3px 3px 0 #ffca23, 5px 5px 0 #e71b76 !important;
    scrollbar-width: thin;
  }
  html body .firkavar-side-rail-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: max-content !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    padding: 3px !important;
    gap: 7px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html body .firkavar-side-btn,
  html body .firkavar-side-custom {
    flex: 0 0 84px !important;
    width: 84px !important;
    min-height: 66px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 5px 3px !important;
    border: 2px solid #1254a7 !important;
    background: #e3f5ff !important;
    border-radius: 14px 11px 16px 12px !important;
    box-shadow: 1px 2px 0 #1254a7 !important;
  }
  html body .firkavar-side-custom:nth-of-type(3n+2) { border-color: #d91f71 !important; background: #ffe5ee !important; box-shadow: 1px 2px 0 #d91f71 !important; }
  html body .firkavar-side-custom:nth-of-type(3n) { border-color: #238338 !important; background: #e7f8d3 !important; box-shadow: 1px 2px 0 #238338 !important; }
  html body .fv-side-icon { width: 32px !important; height: 32px !important; flex: 0 0 32px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  html body .fv-side-icon svg { width: 30px !important; height: 30px !important; }
  html body .fv-side-label { display: block !important; color: #153f7e !important; font: 700 11px/1 'Kalam', cursive !important; text-shadow: none !important; overflow-wrap: anywhere !important; }
  html body .fv-social-sep { flex: 0 0 2px !important; height: 48px !important; border-left: 2px dashed #ffca23 !important; }
  html body .fv-facebook-share,
  html body .fv-facebook-like { display: flex !important; flex: 0 0 70px !important; width: 70px !important; min-height: 66px !important; margin: 0 !important; background: #e3f1ff !important; }
  html body .fv-facebook-share .fv-side-label,
  html body .fv-facebook-like .fv-side-label { display: block !important; }
  html body .fv-facebook-share .fv-side-icon,
  html body .fv-facebook-like .fv-side-icon { background: #1155a9 !important; border-radius: 50% !important; }
  html body .fv-facebook-share .fv-side-icon svg,
  html body .fv-facebook-like .fv-side-icon svg { width: 24px !important; height: 24px !important; }
  html body { padding-bottom: 90px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body .firkavar-side-btn { transition: none !important; }
}

/* ===== v4.24.7 – részletes, kattintható krétás/chibi oldalsáv ===== */
@media (min-width:1180px){
 html body{padding-left:338px!important}
 html body .firkavar-side-rail{width:322px!important;left:0!important;padding:0!important;background:#102b2d!important;border-right:4px solid #061a1b!important;box-shadow:7px 0 18px rgba(0,0,0,.18)!important}
 html body .firkavar-side-rail-inner{gap:14px!important;padding:20px 17px 30px!important;border:0!important;border-radius:0!important;background-image:linear-gradient(rgba(16,43,45,.82),rgba(16,43,45,.82)),url('assets/firkavar-side-art.svg')!important;background-size:100% auto!important;background-repeat:repeat-y!important;background-position:top center!important;box-shadow:none!important;min-height:100%!important}
 html body .firkavar-side-rail-inner::before{content:'🏰  FIRKAVÁR  🏰'!important;color:#fff!important;font:800 25px/1.1 'Kalam',cursive!important;letter-spacing:1px!important;text-shadow:2px 2px 0 #ef2d7a,-2px -1px 0 #27b9e8,3px -2px 0 #ffd52a!important;margin:0 0 10px!important}
 html body .firkavar-side-rail-inner::after{content:'☀  ☁  ★  ♡  ✎  🌈'!important;color:#ffd42a!important;font-size:19px!important;margin-top:4px!important;letter-spacing:5px!important}
 html body .firkavar-side-btn{position:relative!important;min-height:92px!important;padding:12px 88px 12px 72px!important;border:3px solid var(--fv-crayon)!important;border-radius:23px 17px 25px 18px!important;background:linear-gradient(100deg,var(--fv-wash),rgba(255,255,255,.035))!important;box-shadow:2px 3px 0 var(--fv-crayon),inset 0 0 20px rgba(255,255,255,.05)!important;overflow:visible!important;display:flex!important;align-items:center!important}
 html body .firkavar-side-custom:nth-of-type(3n+1){--fv-crayon:#22baf0;--fv-wash:#124b62}
 html body .firkavar-side-custom:nth-of-type(3n+2){--fv-crayon:#ffbf18;--fv-wash:#574514}
 html body .firkavar-side-custom:nth-of-type(3n){--fv-crayon:#f33b98;--fv-wash:#5a173e}
 html body .fv-side-icon{position:absolute!important;left:13px!important;top:50%!important;transform:translateY(-50%)!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;background:#fff9e9!important;border-radius:14px 11px 15px 12px!important;box-shadow:0 0 0 2px var(--fv-crayon),2px 2px 0 rgba(0,0,0,.25)!important}
 html body .fv-side-icon svg{width:42px!important;height:42px!important}
 html body .fv-side-label{color:#fff!important;font:800 18px/1.05 'Kalam',cursive!important;text-shadow:1px 2px 0 rgba(0,0,0,.45)!important;white-space:nowrap!important;overflow:visible!important}
 html body .fv-menu-chibi{display:block!important;position:absolute!important;right:-4px!important;bottom:-7px!important;width:78px!important;height:88px!important;z-index:3!important;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.3))!important}
 html body .fv-menu-chibi:before{content:''!important;position:absolute!important;left:18px!important;top:4px!important;width:46px!important;height:47px!important;border-radius:48% 52% 45% 48%!important;background:radial-gradient(circle at 33% 54%,#33201b 0 2px,transparent 3px),radial-gradient(circle at 68% 54%,#33201b 0 2px,transparent 3px),radial-gradient(ellipse at 50% 70%,#d34b5f 0 5px,transparent 6px),#ffd7b5!important;border:3px solid #3b211a!important;box-shadow:inset 0 -5px 0 #ffbd9d!important}
 html body .fv-menu-chibi:after{content:'★'!important;position:absolute!important;left:9px!important;bottom:0!important;width:62px!important;height:45px!important;border:3px solid #3b211a!important;border-radius:22px 22px 12px 12px!important;background:var(--fv-crayon)!important;color:#fff!important;text-align:center!important;font:bold 22px/40px Arial!important}
 html body .fv-menu-chibi i{position:absolute!important;left:14px!important;top:-2px!important;width:56px!important;height:28px!important;background:#60341f!important;border:3px solid #3b211a!important;border-radius:70% 55% 35% 30%!important;transform:rotate(-5deg)!important;z-index:2!important}
 html body .firkavar-side-custom:nth-of-type(2) .fv-menu-chibi i{background:#d86b2b!important}
 html body .firkavar-side-custom:nth-of-type(2) .fv-menu-chibi:after{content:'♥'!important}
 html body .firkavar-side-custom:nth-of-type(3) .fv-menu-chibi i{background:#27201e!important}
 html body .firkavar-side-custom:nth-of-type(3) .fv-menu-chibi:after{content:'✎'!important}
 html body .fv-social-sep{border-color:#ffd42a!important;margin:5px 7px!important}
 html body .fv-facebook-share,html body .fv-facebook-like{min-height:64px!important;padding:9px 14px 9px 72px!important;background:#123f55!important;border-color:#22baf0!important;box-shadow:2px 3px 0 #22baf0!important}
 html body .fv-facebook-share .fv-side-label,html body .fv-facebook-like .fv-side-label{color:#fff!important}
 html body .fv-facebook-share .fv-side-icon,html body .fv-facebook-like .fv-side-icon{background:#1155a9!important;border-radius:50%!important}
 html body .fv-facebook-share .fv-menu-chibi,html body .fv-facebook-like .fv-menu-chibi{display:none!important}
 html body .kedvencek-lebego{left:25px!important;width:250px!important;max-width:250px!important}
 html body .kedvencek-panel{left:330px!important}
}

/* v4.24.8 – kategóriánkénti illusztrált gombfigurák */
@media (min-width:1180px){
 html body .fv-menu-chibi b,html body .fv-menu-chibi em{position:absolute!important;display:block!important;z-index:5!important;font-style:normal!important}
 html body .firkavar-side-custom:nth-of-type(1) .fv-menu-chibi b{left:-18px!important;bottom:3px!important;width:25px!important;height:25px!important;background:#fff7df!important;border:3px solid #63391f!important;border-radius:6px!important;transform:rotate(-12deg)!important;box-shadow:inset 0 0 0 4px #74c85a!important}
 html body .firkavar-side-custom:nth-of-type(1) .fv-menu-chibi em:after{content:'♟';color:#ffd447!important;font:bold 29px/1 Arial!important;position:absolute!important;right:-3px!important;bottom:1px!important;text-shadow:2px 2px 0 #63391f!important}
 html body .firkavar-side-custom:nth-of-type(2) .fv-menu-chibi b{left:-19px!important;bottom:4px!important;width:25px!important;height:35px!important;background:#fff!important;border:3px solid #63391f!important;border-radius:5px!important;transform:rotate(-13deg)!important}
 html body .firkavar-side-custom:nth-of-type(2) .fv-menu-chibi b:after{content:'♥'!important;color:#ef476f!important;font:bold 17px/29px Arial!important}
 html body .firkavar-side-custom:nth-of-type(2) .fv-menu-chibi em{left:-4px!important;bottom:2px!important;width:25px!important;height:35px!important;background:#fff8ef!important;border:3px solid #63391f!important;border-radius:5px!important;transform:rotate(10deg)!important}
 html body .firkavar-side-custom:nth-of-type(2) .fv-menu-chibi em:after{content:'★'!important;color:#22baf0!important;font:bold 16px/29px Arial!important}
 html body .firkavar-side-custom:nth-of-type(3) .fv-menu-chibi b{left:-13px!important;bottom:0!important;width:11px!important;height:45px!important;background:#ffd447!important;border:3px solid #63391f!important;border-radius:4px!important;transform:rotate(22deg)!important}
 html body .firkavar-side-custom:nth-of-type(3) .fv-menu-chibi em{right:-5px!important;bottom:0!important;width:12px!important;height:42px!important;background:#ef476f!important;border:3px solid #63391f!important;border-radius:4px!important;transform:rotate(-17deg)!important}
 html body .firkavar-side-custom:nth-of-type(1) .fv-menu-chibi:after{content:'●'!important;color:#fff!important}
 html body .firkavar-side-custom:nth-of-type(2) .fv-menu-chibi:after{content:'♥'!important}
 html body .firkavar-side-custom:nth-of-type(3) .fv-menu-chibi:after{content:'✎'!important}
}

/* v4.25.0 – öt külön jóváhagyott PNG menügomb */
@media (min-width:1180px){
 html body .firkavar-side-rail-inner{background:#102b2d!important;gap:8px!important;padding:16px 10px 24px!important}
 html body .firkavar-side-btn{background-repeat:no-repeat!important;background-position:center!important;border:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important;margin:0!important}
 html body .firkavar-side-btn.firkavar-side-custom-0{height:92px!important;min-height:92px!important;background:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-tarsasjatekok-v2.png') center/100% 100% no-repeat!important}
 html body .firkavar-side-btn.firkavar-side-custom-1{height:96px!important;min-height:96px!important;background:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-kartyajatekok-v2.png') center/100% 100% no-repeat!important}
 html body .firkavar-side-btn.firkavar-side-custom-2{height:100px!important;min-height:100px!important;background:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-szinezok-v2.png') center/100% 100% no-repeat!important}
 html body .fv-facebook-share{height:92px!important;min-height:92px!important;background-image:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-megosztas-v2.png')!important;background-size:100% 100%!important}
 html body .fv-facebook-like{height:92px!important;min-height:92px!important;background-image:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-kovess-v2.png')!important;background-size:100% 100%!important}
 html body .firkavar-side-btn>.fv-side-icon,html body .firkavar-side-btn>.fv-side-label,html body .firkavar-side-btn>.fv-menu-chibi{visibility:hidden!important}
 html body .fv-social-sep{display:none!important}
}

/* v4.25.1 – kompakt, teljes magasságban látható oldalsáv, fejléc nélkül */
@media (min-width:1180px){
 html body .firkavar-side-rail{overflow:hidden!important;max-height:calc(100vh - var(--fv-rail-top,170px))!important}
 html body .firkavar-side-rail-inner{gap:0!important;padding:8px 9px 10px!important;min-height:0!important;height:auto!important;background:
 radial-gradient(circle at 15% 12%,rgba(255,214,50,.18) 0 2px,transparent 3px),
 radial-gradient(circle at 84% 22%,rgba(255,82,155,.17) 0 2px,transparent 3px),
 radial-gradient(circle at 24% 72%,rgba(48,197,239,.16) 0 2px,transparent 3px),
 linear-gradient(155deg,#0b3031 0%,#123f3d 46%,#092829 100%)!important}
 html body .firkavar-side-rail-inner::before,html body .firkavar-side-rail-inner::after{display:none!important;content:none!important}
 html body .firkavar-side-btn.firkavar-side-custom-0{height:84px!important;min-height:84px!important}
 html body .firkavar-side-btn.firkavar-side-custom-1{height:84px!important;min-height:84px!important}
 html body .firkavar-side-btn.firkavar-side-custom-2{height:88px!important;min-height:88px!important}
 html body .fv-facebook-share,html body .fv-facebook-like{height:62px!important;min-height:62px!important;background-size:100% 100%!important}
}

/* v4.25.2 – egyetlen folyamatos oldalsávkép + 5 külön kattintható zóna */
@media (min-width:1180px){
 html body .firkavar-side-rail{overflow:hidden!important;max-height:none!important;background:#0b3031!important}
 html body .firkavar-side-rail-inner{
   display:flex!important;flex-direction:column!important;gap:0!important;
   width:100%!important;height:calc(100vh - var(--fv-rail-top,136px) - 55px)!important;min-height:0!important;
   padding:0!important;margin:0!important;overflow:hidden!important;
   border:0!important;border-radius:0!important;box-shadow:none!important;
   background:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-teljes-oldalsav-%E2%80%93-vegleges.png') center top/100% 100% no-repeat!important;
 }
 html body .firkavar-side-rail-inner::before,html body .firkavar-side-rail-inner::after{display:none!important;content:none!important}
 html body .firkavar-side-rail-inner>.firkavar-side-btn{
   flex:0 0 auto!important;width:100%!important;min-height:0!important;
   margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
   background:none!important;box-shadow:none!important;filter:none!important;
   transform:none!important;overflow:hidden!important;
 }
 html body .firkavar-side-rail-inner>.firkavar-side-custom-0{height:24.8%!important}
 html body .firkavar-side-rail-inner>.firkavar-side-custom-1{height:20.5%!important}
 html body .firkavar-side-rail-inner>.firkavar-side-custom-2{height:21.6%!important}
 html body .firkavar-side-rail-inner>.fv-facebook-share{height:17.7%!important}
 html body .firkavar-side-rail-inner>.fv-facebook-like{height:15.4%!important}
 html body .firkavar-side-rail-inner>.firkavar-side-btn:hover,
 html body .firkavar-side-rail-inner>.firkavar-side-btn:focus-visible{transform:none!important;box-shadow:none!important;filter:brightness(1.04)!important}
 html body .firkavar-side-rail-inner>.firkavar-side-btn>.fv-side-icon,
 html body .firkavar-side-rail-inner>.firkavar-side-btn>.fv-side-label,
 html body .firkavar-side-rail-inner>.firkavar-side-btn>.fv-menu-chibi{visibility:hidden!important;display:none!important}
 html body .fv-social-sep{display:none!important}
}

/* v4.25.3 – felső bannerkép teljes eltávolítása */
html body .chibi-navbar.firkavar-visual-header{
  background:#fffdf8!important;
  background-image:none!important;
}
html body .chibi-navbar.firkavar-visual-header .firkavar-header-art{
  display:none!important;
  background:none!important;
  background-image:none!important;
}

/* v4.25.4 – kompakt, banner nélküli fejléc */
html body .chibi-navbar.firkavar-visual-header{
  height:108px!important;
  min-height:108px!important;
  max-height:108px!important;
  overflow:hidden!important;
  background:#fffdf8!important;
  border-bottom:2px solid rgba(23,61,99,.16)!important;
  box-shadow:0 2px 8px rgba(23,61,99,.08)!important;
}
html body{padding-top:108px!important}
html body .firkavar-corner-logo{
  position:absolute!important;
  left:12px!important;
  top:5px!important;
  width:286px!important;
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  text-decoration:none!important;
  z-index:20!important;
  overflow:hidden!important;
}
html body .firkavar-corner-logo img{
  display:block!important;
  width:auto!important;
  max-width:238px!important;
  height:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html body .firkavar-home-label{
  display:inline-block!important;
  color:#174b78!important;
  font:700 13px/1 'Kalam',cursive!important;
  white-space:nowrap!important;
}
html body .firkavar-autumn-submit{
  left:14px!important;
  right:auto!important;
  top:73px!important;
  transform:none!important;
  height:29px!important;
  padding:0 11px!important;
  gap:6px!important;
  font-size:13px!important;
  border-width:2px!important;
  border-radius:11px!important;
  box-shadow:0 2px 0 #6f381e!important;
}
html body .firkavar-autumn-submit:hover{transform:translateY(-1px)!important}
html body .firkavar-autumn-submit .leaf{font-size:16px!important}
html body .firkavar-autumn-submit .arrow{width:20px!important;height:20px!important;font-size:14px!important}

/* v4.25.5 – Halloween 1920x150 fejléc + Pályázat beküldése első oldalsó gomb */
html body .chibi-navbar.firkavar-visual-header.firkavar-seasonal-header{
  height:clamp(92px,7.8125vw,150px)!important;
  min-height:clamp(92px,7.8125vw,150px)!important;
  max-height:150px!important;
  overflow:hidden!important;
  background-color:#241431!important;
  background-image:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-Halloween-banner-1920x150-1.jpg')!important;
  background-position:center center!important;
  background-size:100% auto!important;
  background-repeat:no-repeat!important;
  border:0!important;
  border-bottom:2px solid #522c69!important;
  box-shadow:0 3px 10px rgba(30,12,42,.28)!important;
}
html body{padding-top:clamp(92px,7.8125vw,150px)!important}
html body .firkavar-seasonal-header .firkavar-header-home{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  z-index:2!important;
}
html body .firkavar-corner-logo,
html body .firkavar-autumn-submit{display:none!important}

@media (min-width:1180px){
  html body .firkavar-side-rail{
    top:var(--fv-rail-top,152px)!important;
    overflow:hidden!important;
    max-height:none!important;
  }
  html body .firkavar-side-rail-inner{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    height:calc(100vh - var(--fv-rail-top,152px) - 54px)!important;
    min-height:520px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:
      url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-teljes-oldalsav-%E2%80%93-vegleges.png') center bottom/100% calc(100% - 132px) no-repeat,
      linear-gradient(180deg,#6a2f0f 0 72px,#922653 72px 132px,#0b3031 132px 100%)!important;
  }
  html body .firkavar-side-rail-inner::before,
  html body .firkavar-side-rail-inner::after{display:none!important;content:none!important}

  html body .firkavar-side-rail-inner>.fv-submit-side{
    flex:0 0 72px!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    margin:0!important;
    padding:8px 15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    border:0!important;
    border-radius:0!important;
    background:
      radial-gradient(circle at 12% 24%,rgba(255,255,255,.32) 0 2px,transparent 3px),
      radial-gradient(circle at 88% 70%,rgba(255,214,63,.48) 0 3px,transparent 4px),
      linear-gradient(135deg,#ffd33d 0%,#f59b20 52%,#ef6b22 100%)!important;
    box-shadow:inset 0 -4px 0 rgba(118,51,15,.34),inset 0 3px 0 rgba(255,255,255,.35)!important;
    color:#5a260e!important;
    font-family:'Kalam','Comic Sans MS',cursive!important;
    font-weight:800!important;
    cursor:pointer!important;
    transform:none!important;
    text-shadow:0 1px 0 rgba(255,255,255,.45)!important;
  }
  html body .firkavar-side-rail-inner>.fv-submit-side:hover{
    filter:saturate(1.08) brightness(1.03)!important;
    transform:none!important;
  }

  html body .firkavar-side-rail-inner>.fv-favorites-side{
    flex:0 0 60px!important;
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    margin:0!important;
    padding:6px 14px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(135deg,#b53f75 0%,#922653 52%,#6d173d 100%)!important;
    color:#fff8fb!important;
    box-shadow:inset 0 -4px 0 rgba(70,10,35,.30),inset 0 2px 0 rgba(255,255,255,.20)!important;
    font-family:'Kalam','Comic Sans MS',cursive!important;
    font-weight:800!important;
    cursor:pointer!important;
    transform:none!important;
    text-shadow:0 1px 1px rgba(72,14,42,.45)!important;
  }
  html body .firkavar-side-rail-inner>.fv-favorites-side:hover{
    filter:saturate(1.08) brightness(1.04)!important;
    transform:none!important;
  }
  html body .fv-favorites-side-icon{
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
    border:2px solid rgba(255,255,255,.72)!important;
    border-radius:50%!important;
    background:#fff1f7!important;
    color:#a92761!important;
    font-size:19px!important;
    line-height:1!important;
  }
  html body .fv-favorites-side-label{
    display:block!important;
    font-size:17px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html body .fv-favorites-side .kedvencek-db{
    display:grid!important;
    place-items:center!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#8e2450!important;
    font:800 13px/1 Arial,sans-serif!important;
  }
  html body .fv-submit-side-icon{
    display:grid!important;
    place-items:center!important;
    width:36px!important;height:36px!important;
    flex:0 0 36px!important;
    border:3px solid #6b2e11!important;
    border-radius:50%!important;
    background:#fff3bd!important;
    font-size:22px!important;
    line-height:1!important;
  }
  html body .fv-submit-side-label{
    display:block!important;
    font-size:18px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html body .fv-submit-side-arrow{
    display:grid!important;
    place-items:center!important;
    width:30px!important;height:30px!important;
    flex:0 0 30px!important;
    border-radius:50%!important;
    background:#7b3214!important;
    color:#fff!important;
    font:800 20px/1 Arial,sans-serif!important;
  }

  html body .firkavar-side-rail-inner>.firkavar-side-custom-0{flex:24.8 1 0!important;height:auto!important;min-height:0!important}
  html body .firkavar-side-rail-inner>.firkavar-side-custom-1{flex:20.5 1 0!important;height:auto!important;min-height:0!important}
  html body .firkavar-side-rail-inner>.firkavar-side-custom-2{flex:21.6 1 0!important;height:auto!important;min-height:0!important}
  html body .firkavar-side-rail-inner>.fv-facebook-share{flex:17.7 1 0!important;height:auto!important;min-height:0!important}
  html body .firkavar-side-rail-inner>.fv-facebook-like{flex:15.4 1 0!important;height:auto!important;min-height:0!important}

  html body .firkavar-side-rail-inner>.firkavar-side-custom,
  html body .firkavar-side-rail-inner>.fv-facebook-share,
  html body .firkavar-side-rail-inner>.fv-facebook-like{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:hidden!important;
  }
  html body .firkavar-side-rail-inner>.firkavar-side-custom>.fv-side-icon,
  html body .firkavar-side-rail-inner>.firkavar-side-custom>.fv-side-label,
  html body .firkavar-side-rail-inner>.firkavar-side-custom>.fv-menu-chibi,
  html body .firkavar-side-rail-inner>.fv-facebook-share>.fv-side-icon,
  html body .firkavar-side-rail-inner>.fv-facebook-share>.fv-side-label,
  html body .firkavar-side-rail-inner>.fv-facebook-like>.fv-side-icon,
  html body .firkavar-side-rail-inner>.fv-facebook-like>.fv-side-label{
    display:none!important;
    visibility:hidden!important;
  }
  html body .fv-social-sep{display:none!important}
}

@media (max-width:1179px){
  html body .fv-submit-side{
    flex:0 0 112px!important;
    width:112px!important;
    min-height:66px!important;
    padding:5px!important;
    border:2px solid #8a3e12!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#ffd33d,#ef7f22)!important;
    color:#63280d!important;
    font:800 11px/1 'Kalam',cursive!important;
  }
  html body .fv-submit-side-icon{font-size:18px!important}
  html body .fv-submit-side-arrow{display:none!important}
}

/* v4.25.6 – 7 egyforma oldalsáv-gomb + új felső kettő + lassan mozgó levél */
@keyframes fv-envelope-drift{
  0%,100%{transform:translateX(0) rotate(-5deg)}
  50%{transform:translateX(7px) rotate(4deg)}
}
@keyframes fv-submit-glow{
  0%,100%{filter:brightness(1);box-shadow:inset 0 -4px 0 rgba(76,35,7,.30),0 0 0 rgba(255,195,42,0)}
  50%{filter:brightness(1.08);box-shadow:inset 0 -4px 0 rgba(76,35,7,.30),0 0 16px rgba(255,195,42,.48)}
}
@media (min-width:1180px){
  html body .firkavar-side-rail-inner{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    background:#0b3031!important;
  }
  html body .firkavar-side-rail-inner>.fv-submit-side,
  html body .firkavar-side-rail-inner>.fv-favorites-side,
  html body .firkavar-side-rail-inner>.firkavar-side-custom-0,
  html body .firkavar-side-rail-inner>.firkavar-side-custom-1,
  html body .firkavar-side-rail-inner>.firkavar-side-custom-2,
  html body .firkavar-side-rail-inner>.fv-facebook-share,
  html body .firkavar-side-rail-inner>.fv-facebook-like{
    flex:1 1 0!important;
    height:auto!important;
    min-height:0!important;
    width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  html body .firkavar-side-rail-inner>.fv-submit-side{
    position:relative!important;
    padding:8px 12px!important;
    background:
      radial-gradient(circle at 12% 25%,rgba(255,255,255,.35) 0 2px,transparent 3px),
      radial-gradient(circle at 86% 72%,rgba(255,239,160,.50) 0 3px,transparent 4px),
      linear-gradient(135deg,#ffbf21 0%,#f28b1d 52%,#de5e17 100%)!important;
    color:#4f2109!important;
    animation:fv-submit-glow 3.8s ease-in-out infinite!important;
  }
  html body .firkavar-side-rail-inner>.fv-submit-side::before{
    content:'✦'!important;
    position:absolute!important;
    left:10px!important;
    top:7px!important;
    font-size:17px!important;
    color:#fff6bf!important;
    opacity:.9!important;
  }
  html body .firkavar-side-rail-inner>.fv-submit-side::after{
    content:'🍂'!important;
    position:absolute!important;
    right:10px!important;
    bottom:5px!important;
    font-size:18px!important;
    transform:rotate(-14deg)!important;
  }
  html body .fv-submit-side-icon{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border:2px solid rgba(91,41,9,.78)!important;
    background:#fff0b8!important;
    color:#8b3d0d!important;
    font-size:22px!important;
    animation:fv-envelope-drift 3.2s ease-in-out infinite!important;
  }
  html body .fv-submit-side-label{
    font-size:16px!important;
    line-height:1.04!important;
    white-space:normal!important;
    text-align:center!important;
  }
  html body .fv-submit-side-arrow{display:none!important}

  html body .firkavar-side-rail-inner>.fv-favorites-side{
    position:relative!important;
    padding:8px 12px!important;
    background:
      radial-gradient(circle at 14% 24%,rgba(255,255,255,.22) 0 2px,transparent 3px),
      radial-gradient(circle at 88% 76%,rgba(255,177,209,.35) 0 3px,transparent 4px),
      linear-gradient(135deg,#bb3e75 0%,#8d2554 55%,#61163a 100%)!important;
    color:#fff8fb!important;
  }
  html body .firkavar-side-rail-inner>.fv-favorites-side::before{
    content:'♡'!important;
    position:absolute!important;
    left:10px!important;
    top:7px!important;
    font-size:18px!important;
    color:#ffd3e6!important;
  }
  html body .firkavar-side-rail-inner>.fv-favorites-side::after{
    content:'✦'!important;
    position:absolute!important;
    right:11px!important;
    bottom:7px!important;
    font-size:15px!important;
    color:#ffd3e6!important;
  }
  html body .fv-favorites-side-icon{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    font-size:19px!important;
  }
  html body .fv-favorites-side-label{
    font-size:17px!important;
    line-height:1!important;
  }
  html body .fv-favorites-side .kedvencek-db{
    width:24px!important;height:24px!important;min-width:24px!important;
  }

  html body .firkavar-side-rail-inner>.firkavar-side-custom-0{
    background:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-tarsasjatekok-v2.png') center/cover no-repeat!important;
  }
  html body .firkavar-side-rail-inner>.firkavar-side-custom-1{
    background:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-kartyajatekok-v2.png') center/cover no-repeat!important;
  }
  html body .firkavar-side-rail-inner>.firkavar-side-custom-2{
    background:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-szinezok-v2.png') center/cover no-repeat!important;
  }
  html body .firkavar-side-rail-inner>.fv-facebook-share{
    background:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-megosztas-v2.png') center/cover no-repeat!important;
  }
  html body .firkavar-side-rail-inner>.fv-facebook-like{
    background:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-kovess-v2.png') center/cover no-repeat!important;
  }
}

/* v4.25.7 – valóban egyenlő 7 gombmagasság */
@media (min-width:1180px){
  html body .firkavar-side-rail-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(7,minmax(0,1fr))!important;
    gap:0!important;
    align-items:stretch!important;
  }
  html body .firkavar-side-rail-inner>.fv-social-sep{
    display:none!important;
  }
  html body .firkavar-side-rail-inner>.fv-submit-side,
  html body .firkavar-side-rail-inner>.fv-favorites-side,
  html body .firkavar-side-rail-inner>.firkavar-side-custom-0,
  html body .firkavar-side-rail-inner>.firkavar-side-custom-1,
  html body .firkavar-side-rail-inner>.firkavar-side-custom-2,
  html body .firkavar-side-rail-inner>.fv-facebook-share,
  html body .firkavar-side-rail-inner>.fv-facebook-like{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    overflow:hidden!important;
    border-radius:0!important;
  }
  html body .firkavar-side-rail-inner>.fv-submit-side,
  html body .firkavar-side-rail-inner>.fv-favorites-side{
    padding:0!important;
  }

  html body .firkavar-side-rail-inner>.fv-submit-side{
    position:relative!important;
    background:url('images/fv-submit-teen.svg') center/100% 100% no-repeat!important;
    animation:fv-submit-glow 4.5s ease-in-out infinite!important;
  }
  html body .firkavar-side-rail-inner>.fv-favorites-side{
    position:relative!important;
    background:url('images/fv-favorites-teen.svg') center/100% 100% no-repeat!important;
  }

  html body .firkavar-side-rail-inner>.fv-submit-side::before,
  html body .firkavar-side-rail-inner>.fv-submit-side::after,
  html body .firkavar-side-rail-inner>.fv-favorites-side::before,
  html body .firkavar-side-rail-inner>.fv-favorites-side::after{
    display:none!important;
    content:none!important;
  }

  html body .fv-submit-side-label,
  html body .fv-favorites-side-label,
  html body .fv-favorites-side-icon,
  html body .fv-submit-side-arrow{
    display:none!important;
  }

  html body .fv-submit-side-icon{
    position:absolute!important;
    right:12%!important;
    top:50%!important;
    margin-top:-20px!important;
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:10px!important;
    background:#fff4cf!important;
    color:#8b3d0d!important;
    box-shadow:0 4px 10px rgba(79,33,9,.28)!important;
    font-size:24px!important;
    line-height:1!important;
    z-index:3!important;
    animation:fv-envelope-drift 3.4s ease-in-out infinite!important;
  }

  html body .fv-favorites-side .kedvencek-db{
    position:absolute!important;
    right:10px!important;
    top:10px!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    display:grid!important;
    place-items:center!important;
    border:2px solid rgba(255,255,255,.8)!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#8e2450!important;
    font:800 13px/1 Arial,sans-serif!important;
    z-index:3!important;
  }
}

/* v4.25.8 – egyetlen 7-gombos grafika, 7 azonos kattintható zónával */
@media (min-width:1180px){
  html body .firkavar-side-rail-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(7,minmax(0,1fr))!important;
    gap:0!important;
    background-image:url('https://firkavar.hu/wp-content/uploads/2026/10/Firkavar-oldalsav-7-uj-egyseges-scaled.png')!important;
    background-position:center top!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
  }

  html body .firkavar-side-rail-inner>.fv-social-sep{
    display:none!important;
  }

  html body .firkavar-side-rail-inner>.fv-submit-side,
  html body .firkavar-side-rail-inner>.fv-favorites-side,
  html body .firkavar-side-rail-inner>.firkavar-side-custom-0,
  html body .firkavar-side-rail-inner>.firkavar-side-custom-1,
  html body .firkavar-side-rail-inner>.firkavar-side-custom-2,
  html body .firkavar-side-rail-inner>.fv-facebook-share,
  html body .firkavar-side-rail-inner>.fv-facebook-like{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    animation:none!important;
    overflow:hidden!important;
    position:relative!important;
  }

  html body .firkavar-side-rail-inner>.firkavar-side-custom>.fv-side-icon,
  html body .firkavar-side-rail-inner>.firkavar-side-custom>.fv-side-label,
  html body .firkavar-side-rail-inner>.firkavar-side-custom>.fv-menu-chibi,
  html body .firkavar-side-rail-inner>.fv-facebook-share>.fv-side-icon,
  html body .firkavar-side-rail-inner>.fv-facebook-share>.fv-side-label,
  html body .firkavar-side-rail-inner>.fv-facebook-like>.fv-side-icon,
  html body .firkavar-side-rail-inner>.fv-facebook-like>.fv-side-label,
  html body .fv-submit-side-label,
  html body .fv-favorites-side-label,
  html body .fv-favorites-side-icon,
  html body .fv-submit-side-arrow{
    display:none!important;
    visibility:hidden!important;
  }

  html body .fv-submit-side-icon{
    display:none!important;
    visibility:hidden!important;
  }

  html body .fv-favorites-side .kedvencek-db{
    position:absolute!important;
    right:10px!important;
    top:10px!important;
    display:grid!important;
    visibility:visible!important;
    z-index:4!important;
  }
}

/* v4.26.0 – kompakt hero: kevesebb hely, több tartalom rögtön látszik */
.illustrated-hero{
  padding:14px 0 16px!important;
  border-radius:0 0 24px 24px!important;
}
.illustrated-hero .chibi-hero-grid{
  grid-template-columns:minmax(0,1fr) 420px!important;
  gap:22px!important;
  align-items:center!important;
  min-height:0!important;
}
.illustrated-hero .chibi-hero-text{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  align-items:flex-start!important;
}
.illustrated-hero .hero-kicker{
  margin:0 0 7px!important;
  padding:5px 11px!important;
  font-size:.72rem!important;
  letter-spacing:.07em!important;
}
.illustrated-hero .chibi-hero-title-row{
  justify-content:flex-start!important;
  width:100%!important;
}
.illustrated-hero .chibi-hero-title{
  margin:0 0 7px!important;
  font-size:clamp(1.75rem,2.5vw,2.45rem)!important;
  line-height:1.02!important;
  white-space:normal!important;
  text-align:left!important;
}
.illustrated-hero .chibi-hero-sub{
  margin:0!important;
  max-width:760px!important;
  font-size:1rem!important;
  line-height:1.35!important;
  text-align:left!important;
}
.illustrated-hero .hero-art-wrap{
  height:170px!important;
  margin:0!important;
  border:3px solid #fff!important;
  border-radius:18px!important;
  box-shadow:0 8px 22px rgba(75,55,100,.13)!important;
}
.illustrated-hero .hero-art-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.illustrated-hero>.deco-art{
  display:none!important;
}
@media (max-width:980px){
  .illustrated-hero{padding:12px 0 14px!important}
  .illustrated-hero .chibi-hero-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .illustrated-hero .chibi-hero-text{
    text-align:center!important;
    align-items:center!important;
  }
  .illustrated-hero .chibi-hero-title-row{justify-content:center!important}
  .illustrated-hero .chibi-hero-title,
  .illustrated-hero .chibi-hero-sub{text-align:center!important}
  .illustrated-hero .hero-art-wrap{height:120px!important}
}

/* v4.26.1 – frissített Firkavár ikonok, a korosztály-sor cím nélkül */
.chibi-features-grid{
  gap:14px!important;
}
.chibi-feature-card{
  gap:12px!important;
  padding:10px 12px!important;
}
.icon-wrap.art-icon{
  width:76px!important;
  height:76px!important;
  flex:0 0 76px!important;
}
.icon-wrap.art-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.chibi-feature-card h4{
  font-size:1.08rem!important;
  line-height:1.05!important;
}
.chibi-feature-card p{
  font-size:.76rem!important;
  line-height:1.15!important;
}
.korcsoport-gyorsszuro-inner{
  justify-content:center!important;
}
.korcsoport-chipek{
  width:100%!important;
  justify-content:center!important;
}
.korcsoport-chip-ikon{
  font-size:22px!important;
}
@media (max-width:980px){
  .icon-wrap.art-icon{
    width:68px!important;
    height:68px!important;
    flex-basis:68px!important;
  }
}

/* v4.26.2 – kompaktabb, rajzoltabb Firkavár feature ikonok */
.chibi-feature-card{
  padding:8px 10px!important;
  gap:10px!important;
}
.icon-wrap.art-icon{
  width:78px!important;
  height:78px!important;
  flex:0 0 78px!important;
  border:3px solid #173d63!important;
  border-radius:20px 15px 22px 17px!important;
  box-shadow:4px 5px 0 rgba(23,61,99,.14), inset 0 0 0 3px rgba(255,255,255,.55)!important;
  position:relative!important;
  overflow:visible!important;
  transform:rotate(-2deg)!important;
}
.chibi-feature-card:nth-child(even) .icon-wrap.art-icon{transform:rotate(2deg)!important}
.chibi-feature-card:nth-child(1) .icon-wrap.art-icon{
  background:radial-gradient(circle at 28% 22%,#fff7bf 0 16%,transparent 17%),linear-gradient(145deg,#ffd86b,#ff9e74)!important;
}
.chibi-feature-card:nth-child(2) .icon-wrap.art-icon{
  background:radial-gradient(circle at 75% 20%,#f7eeff 0 15%,transparent 16%),linear-gradient(145deg,#c7b8ff,#8ed7ff)!important;
}
.chibi-feature-card:nth-child(3) .icon-wrap.art-icon{
  background:radial-gradient(circle at 25% 78%,#eafff2 0 15%,transparent 16%),linear-gradient(145deg,#7ddfca,#6eb7ff)!important;
}
.chibi-feature-card:nth-child(4) .icon-wrap.art-icon{
  background:radial-gradient(circle at 72% 76%,#fff5c9 0 15%,transparent 16%),linear-gradient(145deg,#ffd85a,#ff9d54)!important;
}
.icon-wrap.art-icon::after{
  content:"✦"!important;
  position:absolute!important;
  right:-7px!important;
  top:-10px!important;
  color:#ef6c18!important;
  font-size:18px!important;
  text-shadow:1px 1px 0 #fff!important;
  transform:rotate(12deg)!important;
}
.icon-wrap.art-icon img{
  width:88%!important;
  height:88%!important;
  margin:6%!important;
  filter:drop-shadow(1px 2px 0 rgba(255,255,255,.7))!important;
}
.korcsoport-chip{
  padding:6px 10px!important;
  gap:5px!important;
}
.korcsoport-chip-ikon{
  font-size:18px!important;
}
.korcsoport-chip-text strong{
  font-size:12.5px!important;
}
@media (max-width:980px){
  .icon-wrap.art-icon{
    width:64px!important;
    height:64px!important;
    flex-basis:64px!important;
  }
}