/**
 * Denné Menu - Frontend Štýly
 * 
 * CSS pre zobrazenie menu na webe
 * Podporuje viacero dizajnov, farieb a rozložení
 */

/* ========================================
   BANNER
   ======================================== */

.dmenu-banner {
    padding: 20px 30px;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.dmenu-banner-text {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
}

.dmenu-banner a {
    text-decoration: underline;
}

.dmenu-banner p,
.dmenu-banner span,
.dmenu-banner div {
    line-height: inherit;
}

/* Mobile responsive banner */
@media (max-width: 768px) {
    .dmenu-banner {
        padding: 15px 20px;
    }
    
    .dmenu-banner p {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
    
    .dmenu-banner a {
        font-size: 18px !important;
    }
}

/* ========================================
   TOOLBAR (Tlač + Zdieľanie)
   ======================================== */

.dmenu-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
}

.dmenu-btn {
    background: #667eea;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.3s;
}

.dmenu-btn:hover {
    background: #5568d3;
}

.dmenu-word-download {
    background: #28a745 !important;
    text-decoration: none;
    display: inline-block;
}

.dmenu-word-download:hover {
    background: #218838 !important;
}

.dmenu-pdf-print {
    background: #dc3545 !important;
    text-decoration: none;
    display: inline-block;
}

.dmenu-pdf-print:hover {
    background: #c82333 !important;
}

.dmenu-share {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dmenu-share span {
    font-weight: 600;
    color: #666;
}

.dmenu-share-btn {
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: opacity 0.3s;
}

.dmenu-share-btn:hover {
    opacity: 0.8;
}

.dmenu-share-btn.facebook { background: #1877f2; }
.dmenu-share-btn.whatsapp { background: #25d366; }
.dmenu-share-btn.email { background: #666; }

/* ========================================
   HLAVNÝ WRAPPER
   ======================================== */

.denne-menu-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.dmenu-empty {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-size: 16px;
}

/* ========================================
   ROZLOŽENIA (LAYOUTS)
   ======================================== */

/* Horizontálne */
.layout-horizontal .dmenu-days-container {
    display: flex;
    overflow-x: auto;
    gap: 15px;
}

.layout-horizontal .menu_day {
    min-width: 300px;
    flex: 1;
}

/* Mriežka */
.layout-grid .dmenu-days-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;
}

/* Akordeón */
.layout-accordion .menu_day_content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.layout-accordion .menu_day.active .menu_day_content {
    max-height: 2000px;
}

.layout-accordion .accordion-trigger {
    cursor: pointer;
    position: relative;
}

.layout-accordion .accordion-icon {
    transition: transform 0.3s;
}

.layout-accordion .menu_day.active .accordion-icon {
    transform: rotate(180deg);
}

/* ========================================
   JEDEN DEŇ - ZÁKLADNÉ ŠTÝLY
   ======================================== */

.menu_day {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.menu_day_header {
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.menu_day_header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.menu_date {
    font-size: 14px;
    opacity: 0.9;
}

.menu_day_content {
    padding: 20px;
}

.menu_closed {
    text-align: center;
    padding: 30px;
    color: #999;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* ========================================
   JEDLÁ
   ======================================== */

.menu_list {
    margin-bottom: 20px;
}

.menu_list:last-child {
    margin-bottom: 0;
}

.menu_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.single_meal {
    display: flex;
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.single_meal:last-child {
    border-bottom: none;
}

.single_meal:hover {
    background-color: #f9f9f9;
}

.meal_nr {
    min-width: 100px;
    font-weight: 600;
    font-size: 14px;
}

.meal_content {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.meal_title {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

.meal_price {
    font-weight: 600;
    color: #2c3e50;
    font-size: 16px;
    white-space: nowrap;
    margin-left: 20px;
}

/* ========================================
   DIZAJNY
   ======================================== */

/* CLASSIC (predvolený) */
.design-classic .menu_day {
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.design-classic .menu_day:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* MODERN (minimalistický) */
.design-modern .menu_day {
    border: none;
    border-left: 4px solid;
    box-shadow: none;
}

.design-modern .menu_day_header {
    background: #f5f5f5 !important;
    color: #333 !important;
}

.design-modern .single_meal {
    padding: 10px 15px;
}

/* ELEGANT (s tieňami) */
.design-elegant .menu_day {
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    border: none;
}

.design-elegant .menu_day:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

/* COMPACT (úsporné) */
.design-compact .menu_day {
    margin-bottom: 10px;
}

.design-compact .menu_day_header {
    padding: 10px 15px;
}

.design-compact .menu_day_header h3 {
    font-size: 16px;
}

.design-compact .menu_day_content {
    padding: 10px;
}

.design-compact .single_meal {
    padding: 8px 10px;
}

.design-compact .meal_title {
    font-size: 14px;
}

/* ========================================
   FAREBNÉ SCHÉMY
   ======================================== */

/* Fialová (predvolená) */
.color-purple .menu_day_header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.color-purple .meal_nr {
    color: #667eea;
}

.color-purple .design-modern .menu_day {
    border-left-color: #667eea;
}

/* Modrá */
.color-blue .menu_day_header {
    background: linear-gradient(135deg, #667eea 0%, #0984e3 100%);
}

.color-blue .meal_nr {
    color: #0984e3;
}

.color-blue .design-modern .menu_day {
    border-left-color: #0984e3;
}

/* Zelená */
.color-green .menu_day_header {
    background: linear-gradient(135deg, #00b894 0%, #00cec9 100%);
}

.color-green .meal_nr {
    color: #00b894;
}

.color-green .design-modern .menu_day {
    border-left-color: #00b894;
}

/* Červená */
.color-red .menu_day_header {
    background: linear-gradient(135deg, #ff7675 0%, #d63031 100%);
}

.color-red .meal_nr {
    color: #d63031;
}

.color-red .design-modern .menu_day {
    border-left-color: #d63031;
}

/* Oranžová */
.color-orange .menu_day_header {
    background: linear-gradient(135deg, #fdcb6e 0%, #e17055 100%);
}

.color-orange .meal_nr {
    color: #e17055;
}

.color-orange .design-modern .menu_day {
    border-left-color: #e17055;
}

/* Tmavá */
.color-dark .menu_day_header {
    background: linear-gradient(135deg, #2d3436 0%, #000 100%);
}

.color-dark .meal_nr {
    color: #2d3436;
}

.color-dark .design-modern .menu_day {
    border-left-color: #2d3436;
}

/* ========================================
   VEĽKOSTI PÍSMA
   ======================================== */

/* Malé */
.size-small .menu_day_header h3 { font-size: 16px; }
.size-small .meal_title { font-size: 14px; }
.size-small .meal_price { font-size: 14px; }
.size-small .meal_nr { font-size: 12px; }

/* Stredné (predvolené) */
.size-medium .menu_day_header h3 { font-size: 20px; }
.size-medium .meal_title { font-size: 16px; }
.size-medium .meal_price { font-size: 16px; }
.size-medium .meal_nr { font-size: 14px; }

/* Veľké */
.size-large .menu_day_header h3 { font-size: 24px; }
.size-large .meal_title { font-size: 18px; }
.size-large .meal_price { font-size: 18px; }
.size-large .meal_nr { font-size: 16px; }

/* ========================================
   TLAČ
   ======================================== */

@media print {
    .dmenu-toolbar,
    .dmenu-share,
    .dmenu-no-print {
        display: none !important;
    }
    
    .dmenu-banner {
        page-break-after: avoid;
    }
    
    .menu_day {
        page-break-inside: avoid;
        box-shadow: none !important;
        border: 1px solid #ccc;
    }
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
    .denne-menu-wrapper {
        padding: 10px;
    }
    
    .dmenu-toolbar {
        flex-direction: column;
        gap: 10px;
    }
    
    .menu_day_header {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .single_meal {
        flex-direction: column;
        gap: 10px;
    }
    
    .meal_nr {
        min-width: auto;
    }
    
    .meal_content {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .meal_price {
        margin-left: 0;
    }
    
    /* Horizontálne -> Vertikálne na mobile */
    .layout-horizontal .dmenu-days-container {
        flex-direction: column;
    }
    
    .layout-horizontal .menu_day {
        min-width: 100%;
    }
    
    /* Mriežka -> 1 stĺpec na mobile */
    .layout-grid .dmenu-days-container {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   NOVÉ DIZAJNY
   ======================================== */

/* LUXURY - Zlatý luxusný dizajn */
.design-luxury .menu_day {
    background: linear-gradient(135deg, #fff9e6 0%, #fffaf0 100%);
    border: 2px solid #d4af37;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.2);
}

.design-luxury .menu_day_header {
    background: linear-gradient(135deg, #d4af37 0%, #ffd700 50%, #d4af37 100%);
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}

.design-luxury .meal_nr {
    color: #d4af37;
    font-weight: 700;
}

.design-luxury .single_meal {
    border-bottom-color: #f0e68c;
}

/* RESTAURANT - Reštauračný štýl (ako obrázok 1) */
.design-restaurant .menu_day {
    background: #faf8f3;
    border: 1px solid #e8d5b7;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.design-restaurant .menu_day_header {
    background: #f5ebe0;
    color: #8b7355;
    border-bottom: 2px solid #d4a574;
}

.design-restaurant .menu_day_header h3 {
    color: #5a4a3a;
    font-weight: 700;
}

.design-restaurant .menu_date {
    background: #d4a574;
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 13px;
}

.design-restaurant .meal_nr {
    color: #d4a574;
    font-weight: 700;
    text-transform: uppercase;
}

.design-restaurant .meal_title {
    color: #5a4a3a;
}

/* MINIMAL - Ultra minimalistický (ako obrázok 2) */
.design-minimal .menu_day {
    background: #fff;
    border: none;
    border-bottom: 1px solid #e5e7eb;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}

.design-minimal .menu_day_header {
    background: transparent;
    color: #6b7280;
    padding: 12px 0;
    border-bottom: none;
}

.design-minimal .menu_day_header h3 {
    color: #111827;
    font-size: 18px;
    font-weight: 600;
}

.design-minimal .menu_date {
    color: #d97706;
    font-size: 14px;
    font-weight: 600;
}

.design-minimal .menu_day_content {
    padding: 0;
}

.design-minimal .single_meal {
    padding: 12px 0;
    border-bottom: 1px solid #f3f4f6;
}

.design-minimal .meal_nr {
    color: #d97706;
    font-size: 13px;
    font-weight: 600;
}

/* BOLD - Výrazný dizajn */
.design-bold .menu_day {
    border: 3px solid #000;
    box-shadow: 8px 8px 0 rgba(0,0,0,0.1);
}

.design-bold .menu_day_header {
    background: #000;
    color: #fff;
    padding: 20px;
}

.design-bold .menu_day_header h3 {
    font-size: 28px;
    font-weight: 900;
    text-transform: uppercase;
}

.design-bold .meal_nr {
    font-size: 18px;
    font-weight: 900;
}

.design-bold .meal_title {
    font-size: 18px;
    font-weight: 600;
}

/* ========================================
   NOVÉ FAREBNÉ SCHÉMY
   ======================================== */

/* Zlatá Premium */
.color-gold .menu_day_header {
    background: linear-gradient(135deg, #d4af37 0%, #ffd700 50%, #d4af37 100%);
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.color-gold .meal_nr {
    color: #d4af37;
}

.color-gold .design-modern .menu_day {
    border-left-color: #d4af37;
}

/* Rose Gold */
.color-rose-gold .menu_day_header {
    background: linear-gradient(135deg, #e0b0b8 0%, #f4c2c2 100%);
    color: #6b4c4f;
}

.color-rose-gold .meal_nr {
    color: #c49799;
}

.color-rose-gold .design-modern .menu_day {
    border-left-color: #c49799;
}

/* Bronzová */
.color-bronze .menu_day_header {
    background: linear-gradient(135deg, #8b6914 0%, #cd7f32 100%);
}

.color-bronze .meal_nr {
    color: #cd7f32;
}

.color-bronze .design-modern .menu_day {
    border-left-color: #cd7f32;
}

/* Strieborná */
.color-silver .menu_day_header {
    background: linear-gradient(135deg, #c0c0c0 0%, #e8e8e8 50%, #c0c0c0 100%);
    color: #4a4a4a;
}

.color-silver .meal_nr {
    color: #808080;
}

.color-silver .design-modern .menu_day {
    border-left-color: #c0c0c0;
}

/* Béžová Reštaurácia */
.color-beige .menu_day_header {
    background: linear-gradient(135deg, #f5ebe0 0%, #e8d5b7 100%);
    color: #5a4a3a;
}

.color-beige .meal_nr {
    color: #d4a574;
}

.color-beige .design-modern .menu_day {
    border-left-color: #d4a574;
}

/* ========================================
   FONTY
   ======================================== */

.font-serif {
    font-family: Georgia, 'Times New Roman', serif;
}

.font-sans {
    font-family: Arial, Helvetica, sans-serif;
}

.font-mono {
    font-family: 'Courier New', Courier, monospace;
}

.font-playfair {
    font-family: 'Playfair Display', Georgia, serif;
}

.font-roboto {
    font-family: 'Roboto', Arial, sans-serif;
}

.font-montserrat {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 600;
}

/* ========================================
   ZAROVNANIE TEXTU
   ======================================== */

.align-center .meal_title,
.align-center .meal_nr {
    text-align: center;
}

.align-center .single_meal {
    justify-content: center;
}

.align-right .meal_title,
.align-right .meal_nr {
    text-align: right;
}

.align-right .single_meal {
    justify-content: flex-end;
}

/* ========================================
   ZAOBLENÉ ROHY
   ======================================== */

.radius-none .menu_day,
.radius-none .dmenu-toolbar {
    border-radius: 0;
}

.radius-small .menu_day,
.radius-small .dmenu-toolbar {
    border-radius: 4px;
}

.radius-medium .menu_day,
.radius-medium .dmenu-toolbar {
    border-radius: 8px;
}

.radius-large .menu_day,
.radius-large .dmenu-toolbar {
    border-radius: 16px;
}

.radius-xlarge .menu_day,
.radius-xlarge .dmenu-toolbar {
    border-radius: 24px;
}

/* ========================================
   MEDZERY
   ======================================== */

.spacing-tight .menu_day_content {
    padding: 10px;
}

.spacing-tight .single_meal {
    padding: 8px;
}

.spacing-tight .menu_day {
    margin-bottom: 10px;
}

.spacing-relaxed .menu_day_content {
    padding: 30px;
}

.spacing-relaxed .single_meal {
    padding: 20px;
}

.spacing-relaxed .menu_day {
    margin-bottom: 30px;
}

/* ========================================
   EXTRA VEĽKÝ FONT
   ======================================== */

.size-xlarge .menu_day_header h3 { font-size: 28px; }
.size-xlarge .meal_title { font-size: 20px; }

/* ============================================================================
   LUXURY2 - Ultra prémiový zlatý dizajn (ignoruje color scheme)
   ============================================================================ */

/* Importuj fonty */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=Cormorant+Garamond:wght@300;400;600;700&family=Lato:wght@300;400;700&display=swap');

/* Wrapper - čierne pozadie s radial gradientmi */
.design-luxury2.denne-menu-wrapper {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%) !important;
    padding: 12px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Pozadie - gradient spots */
.design-luxury2.denne-menu-wrapper::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: 
        radial-gradient(circle at 30% 20%, rgba(255, 215, 0, 0.12) 0%, transparent 30%),
        radial-gradient(circle at 70% 80%, rgba(212, 175, 55, 0.1) 0%, transparent 35%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Particles container */
.design-luxury2.denne-menu-wrapper::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: 
        radial-gradient(circle, #ffd700 1px, transparent 1px),
        radial-gradient(circle, #d4af37 1px, transparent 1px),
        radial-gradient(circle, #ffd700 1px, transparent 1px),
        radial-gradient(circle, #d4af37 1px, transparent 1px) !important;
    background-size: 300px 500px, 400px 600px, 350px 550px, 450px 650px !important;
    background-position: 15% 0%, 35% 0%, 55% 0%, 75% 0% !important;
    animation: luxury2Particles 15s infinite ease-in-out !important;
    opacity: 0.6 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

@keyframes luxury2Particles {
    0%, 100% { 
        opacity: 0.6;
        background-position: 15% 0%, 35% 0%, 55% 0%, 75% 0%;
    }
    50% { 
        opacity: 0.8;
        background-position: 15% 100%, 35% 120%, 55% 110%, 75% 130%;
    }
}

/* Container pre dni */
.design-luxury2 .dmenu-days-container {
    position: relative !important;
    z-index: 1 !important;
    max-width: 780px !important;
    margin: 0 auto !important;
}

/* Jeden deň - zlatý animated border */
.design-luxury2 .menu_day {
    position: relative !important;
    border-radius: 25px !important;
    padding: 5px !important;
    background: linear-gradient(135deg, 
        #d4af37 0%, 
        #ffd700 25%,
        #f4e4a6 50%,
        #ffd700 75%,
        #d4af37 100%) !important;
    background-size: 400% 400% !important;
    animation: luxury2BorderFlow 8s ease infinite !important;
    box-shadow: 
        0 0 50px rgba(255, 215, 0, 0.5),
        0 0 100px rgba(255, 215, 0, 0.25),
        0 25px 70px rgba(0, 0, 0, 0.8) !important;
    margin-bottom: 30px !important;
    opacity: 1 !important; /* FIX: Override .anim-fade opacity:0 */
}

@keyframes luxury2BorderFlow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Vnútorný biely kontajner */
.design-luxury2 .menu_day_content {
    background: white !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Header dňa */
.design-luxury2 .menu_day_header {
    background: linear-gradient(180deg, 
        #ffffff 0%,
        #fffef9 50%,
        #fffcf0 100%) !important;
    padding: 35px 25px 30px !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
    border-bottom: 3px solid #d4af37 !important;
}

/* Shine efekt v headeri */
.design-luxury2 .menu_day_header::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 50% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.15), transparent) !important;
    animation: luxury2HeaderShine 4s infinite !important;
}

@keyframes luxury2HeaderShine {
    0% { left: -100%; }
    100% { left: 200%; }
}

/* Dekoratívna linka */
.design-luxury2 .menu_day_header::after {
    content: '' !important;
    position: absolute !important;
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100px !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #d4af37, #ffd700, #d4af37, transparent) !important;
    border-radius: 2px !important;
    box-shadow: 0 2px 12px rgba(212, 175, 55, 0.5) !important;
    animation: luxury2LineGlow 3s ease-in-out infinite !important;
}

@keyframes luxury2LineGlow {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; box-shadow: 0 2px 20px rgba(255, 215, 0, 0.8); }
}

/* Názov dňa - MEGA zlatý gradient */
.design-luxury2 .menu_day_header h3 {
    font-family: 'Playfair Display', serif !important;
    font-size: 60px !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, 
        #8b6914 0%,
        #b8860b 20%, 
        #d4af37 35%, 
        #ffd700 50%,
        #d4af37 65%,
        #b8860b 80%,
        #8b6914 100%) !important;
    background-size: 300% 300% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    margin: 12px 0 !important;
    letter-spacing: 12px !important;
    text-transform: uppercase !important;
    animation: luxury2GoldShine 5s ease-in-out infinite !important;
    filter: drop-shadow(0 3px 10px rgba(212, 175, 55, 0.3)) !important;
}

@keyframes luxury2GoldShine {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Dátum pod názvom */
.design-luxury2 .menu_day_header .menu_date,
.design-luxury2 .menu_day_header .date-display {
    font-size: 14px !important;
    color: #b8860b !important;
    font-weight: 700 !important;
    letter-spacing: 5px !important;
    text-transform: uppercase !important;
    display: block !important;
}

/* VEĽKÁ hlavička sekcie (Polievky / Menu) */
.design-luxury2 .section-header {
    background: linear-gradient(135deg, #d4af37 0%, #ffd700 50%, #d4af37 100%) !important;
    padding: 10px 25px !important;
    text-align: center !important;
    position: relative !important;
    box-shadow: 0 2px 8px rgba(212, 175, 55, 0.3) !important;
    margin: 0 !important;
}

.design-luxury2 .section-header h2 {
    font-family: 'Playfair Display', serif !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    color: white !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    margin: 0 !important;
}

/* Jednotlivé jedlo */
.design-luxury2 .meal_row {
    padding: 12px 28px !important;
    text-align: center !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    border-left: 4px solid transparent !important;
    border-bottom: 1px solid #f0f0f0 !important;
    background: white !important;
}

.design-luxury2 .meal_row:nth-child(even) {
    background: linear-gradient(90deg, 
        rgba(255, 252, 240, 0.3) 0%, 
        rgba(255, 255, 255, 0.5) 50%, 
        rgba(255, 252, 240, 0.3) 100%) !important;
}

.design-luxury2 .meal_row:last-child {
    border-bottom: none !important;
}

/* Hover efekt - zlaté prechod zľava */
.design-luxury2 .meal_row::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background: linear-gradient(90deg, 
        rgba(255, 245, 200, 0.6) 0%,
        rgba(255, 235, 150, 0.4) 50%,
        rgba(255, 245, 200, 0.3) 100%) !important;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 0 !important;
}

.design-luxury2 .meal_row:hover::after {
    width: 100% !important;
}

.design-luxury2 .meal_row:hover {
    transform: translateX(8px) !important;
    border-left-color: #ffd700 !important;
    box-shadow: -8px 0 25px rgba(255, 215, 0, 0.25) !important;
}

/* Label (Menu A, Polievka 1) - platí pre .meal_nr aj .meal_category */
.design-luxury2 .meal_nr,
.design-luxury2 .meal_row .meal_category {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #b8860b, #d4af37, #ffd700, #d4af37, #b8860b) !important;
    background-size: 200% 200% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 6px !important;
    display: inline-block !important;
    position: relative !important;
    z-index: 1 !important;
    animation: luxury2LabelFlow 4s ease infinite !important;
    transition: all 0.3s ease !important;
}

.design-luxury2 .meal_row:hover .meal_nr,
.design-luxury2 .meal_row:hover .meal_category {
    transform: scale(1.05) !important;
    letter-spacing: 3px !important;
}

@keyframes luxury2LabelFlow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Názov jedla */
.design-luxury2 .meal_title {
    font-family: 'Playfair Display', serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #2d2d2d !important;
    margin-bottom: 5px !important;
    line-height: 1.3 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    z-index: 1 !important;
}

.design-luxury2 .meal_row:hover .meal_title {
    color: #8b6914 !important;
    transform: scale(1.02) !important;
}

/* Hmotnosť v názve */
.design-luxury2 .dish-weight {
    background: linear-gradient(135deg, 
        #8b6914 0%,
        #b8860b 25%, 
        #d4af37 45%, 
        #ffd700 50%,
        #d4af37 55%,
        #b8860b 75%,
        #8b6914 100%) !important;
    background-size: 300% 300% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: 900 !important;
    font-size: 17px !important;
    animation: luxury2WeightShimmer 4s ease infinite !important;
}

@keyframes luxury2WeightShimmer {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Popis jedla */
.design-luxury2 .meal_description {
    font-size: 13px !important;
    color: #555 !important;
    line-height: 1.5 !important;
    font-weight: 300 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
    transition: all 0.3s ease !important;
}

.design-luxury2 .meal_row:hover .meal_description {
    color: #333 !important;
}

/* Alergény */
.design-luxury2 .meal_allergens {
    font-size: 11px !important;
    color: #999 !important;
    margin-top: 4px !important;
    font-style: italic !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Slide-in animácia */
@keyframes luxury2SlideIn {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.design-luxury2 .meal_row {
    /* animation: luxury2SlideIn 0.7s ease forwards !important; */
    opacity: 1 !important; /* DOČASNÝ FIX - vypnutá animácia */
}

.design-luxury2 .section-header {
    /* animation: luxury2SlideIn 0.7s ease forwards !important; */
    opacity: 1 !important; /* DOČASNÝ FIX - vypnutá animácia */
}

/* Staggered delays pre animácie */
.design-luxury2 .section-header:nth-of-type(1) { animation-delay: 0.05s !important; }
.design-luxury2 .meal_row:nth-child(2) { animation-delay: 0.1s !important; }
.design-luxury2 .meal_row:nth-child(3) { animation-delay: 0.13s !important; }
.design-luxury2 .section-header:nth-of-type(2) { animation-delay: 0.16s !important; }
.design-luxury2 .meal_row:nth-child(5) { animation-delay: 0.19s !important; }
.design-luxury2 .meal_row:nth-child(6) { animation-delay: 0.22s !important; }
.design-luxury2 .meal_row:nth-child(7) { animation-delay: 0.25s !important; }
.design-luxury2 .meal_row:nth-child(8) { animation-delay: 0.28s !important; }
.design-luxury2 .meal_row:nth-child(9) { animation-delay: 0.31s !important; }
.design-luxury2 .meal_row:nth-child(10) { animation-delay: 0.34s !important; }

/* Mobile responsive */
@media (max-width: 768px) {
    .design-luxury2.denne-menu-wrapper {
        padding: 10px !important;
    }
    
    .design-luxury2 .menu_day_header {
        padding: 28px 20px 24px !important;
    }

    .design-luxury2 .menu_day_header h3 {
        font-size: 40px !important;
        letter-spacing: 6px !important;
    }

    .design-luxury2 .meal_category {
        font-size: 17px !important;
        letter-spacing: 3px !important;
    }

    .design-luxury2 .meal_row {
        padding: 10px 20px !important;
    }

    .design-luxury2 .meal_row:hover {
        transform: translateX(5px) !important;
    }

    .design-luxury2 .meal_title {
        font-size: 17px !important;
    }

    .design-luxury2 .meal_description {
        font-size: 12px !important;
    }
}
.size-xlarge .meal_price { font-size: 20px; }
.size-xlarge .meal_nr { font-size: 18px; }

/* ========================================
   LOFAS DIZAJN - Pôvodný jednoduchý štýl
   ======================================== */

.design-lofas .denne_menu {
    text-align: center;
}

.design-lofas .denne_menu .day {
    margin-bottom: 30px;
}

.design-lofas .denne_menu .day .datum {
    font-size: 35px;
}

.design-lofas .denne_menu .day .datum .weekday {
    font-weight: 400;
    text-transform: capitalize;
    display: block;
}

.design-lofas .denne_menu .day .datum .date_month {
    color: #C59D5F;
    font-weight: 900;
    display: block;
}

.design-lofas .denne_menu .day .menu_list {
    margin: 20px 0;
}

.design-lofas .denne_menu .day .menu_list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.design-lofas .denne_menu .day .menu_list ul li.single_meal {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.design-lofas .denne_menu .day .menu_list ul li.single_meal .meal_nr {
    color: #C59D5F;
    line-height: 1;
    margin-top: 10px;
    font-weight: 600;
}

.design-lofas .denne_menu .day .menu_list ul li.single_meal .meal_content .meal_title {
    display: inline-block;
    font-size: 21px;
}

.design-lofas .denne_menu .day .menu_list ul li.single_meal .meal_content .meal_alerg {
    display: inline-block;
    color: #C59D5F;
}

.design-lofas .denne_menu .day .no_menu {
    font-size: 18px;
    line-height: 1.3;
    margin-top: 20px;
}

.design-lofas .denne_menu .day .no_menu span {
    font-size: 22px;
    color: #c59d5f;
}

.design-lofas .lofas-separator {
    border: none;
    height: 1px;
    background: linear-gradient(to right, transparent, #C59D5F, transparent);
    margin: 30px auto;
    width: 80%;
}

/* Responzívne úpravy pre Lofas */
@media (max-width: 768px) {
    .design-lofas .denne_menu .day .datum {
        font-size: 28px;
    }
    
    .design-lofas .denne_menu .day .menu_list ul li.single_meal .meal_content .meal_title {
        font-size: 18px;
    }
}
