@media (min-width: 1024px) and (max-width: 1200px) {

   html .elementor-element-2c56ea9,
   html .elementor-element-de7d4fd.db-skladieb,
   html .elementor-element-d01f4e4,
   html .elementor-element-b7030f9 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-header .entry-title {
        margin-inline-end: unset !important;
        margin-inline-start:unset !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

}

@media (max-width: 1024px) {

    html .admin-form-static {
        font-size: 12px !important;
    }

     /* 1. Hlavný obal prepneme na stĺpec */
    .elementor-79 .elementor-element.elementor-element-a8af31a .jet-tabs__control-wrapper {
        flex-direction: column !important;
        width: 100% !important;
        border-width: 1px 1px 1px 1px !important; /* Uzatvoríme border zo všetkých strán */
        margin: 0 0 15px 0 !important;
    }

    /* 2. Jednotlivé záložky roztiahneme na celú šírku */
    .elementor-79 .elementor-element.elementor-element-a8af31a .jet-tabs__control-wrapper > div {
        width: 100% !important;
        margin-right: 0 !important; /* Zrušíme tvoj desktopový margin */
        margin-bottom: 2px !important; /* Jemná medzera medzi záložkami */
        box-sizing: border-box;
    }

    /* 3. Zarovnanie textu a ikony doľava pre lepšiu čitateľnosť v stĺpci */
    .jet-tabs__control-inner {
        justify-content: flex-start !important;
        padding: 15px 20px !important; /* Väčšia klikacia plocha pre prsty */
    }

    /* 4. Oprava aktívnej záložky (voliteľné) */
    .jet-tabs__control.active-tab {
        background-color: #F2CB04 !important; /* Použijeme tvoju žltú pre aktívny stav */
    }

    .jet-tabs__control.active-tab .jet-tabs__label-text {
        color: #000 !important;
    }

    .jet-tabs__control.active-tab .jet-tabs-icon svg {
        fill: #000 !important;
    }

    .page-header .entry-title {
        margin-inline-end: unset !important;
        margin-inline-start:unset !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    /* 1. Skryjeme globálne záhlavie (kontajner s triedou 9dfdbb1 z predošlej správy) */
    .elementor-element-9dfdbb1 {
        display: none !important;
    }

    /* 2. Zmeníme riadok na kartu */
    .elementor-element-e52731a {
        flex-direction: column !important;
        padding: 15px !important;
        margin-bottom: 25px !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 10px !important;
        background-color: #ffffff !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
    }

    /* 3. Vytvoríme priestor pre bunky */
    .elementor-element-e52731a .e-con-inner {
        flex-direction: column !important;
        gap: 0 !important;
    }

    /* 4. Upravíme bunky (stĺpce) na riadky v karte */
    /* Selektujeme všetky vnútorné kontajnery, ktoré držia widgety */
    .elementor-element-e52731a .e-con-child {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #f2f2f2 !important;
    }

    .elementor-element-e52731a .e-con-child:last-child {
        border-bottom: none !important;
    }

    /* 5. Injekcia popisov pomocou pseudo-elementov */
    /* Využijeme tvoje vlastné triedy končiace na -bdy */
    
    .compositor-bdy::before { content: "Skladateľ"; --align-self: left !important }
    .composition-bdy::before { content: "Skladba"; --align-self: left !important  }
    .country-bdy::before { content: "Krajina"; --align-self: left !important }
    .created-bdy::before { content: "Vytvorené"; --align-self: left !important  }
    .added-bdy::before { content: "Pridané"; --align-self: left !important  }
    .castup-bdy::before { content: "Nástroje"; --align-self: left !important  }

    html[lang="en-US"] .compositor-bdy::before { content: "Compositor"; --align-self: left !important }
    html[lang="en-US"] .composition-bdy::before { content: "Composition"; --align-self: left !important  }
    html[lang="en-US"] .country-bdy::before { content: "Country"; --align-self: left !important }
    html[lang="en-US"] .created-bdy::before { content: "Created"; --align-self: left !important  }
    html[lang="en-US"] .added-bdy::before { content: "Added"; --align-self: left !important  }
    html[lang="en-US"] .castup-bdy::before { content: "Instruments"; --align-self: left !important  }
    

    /* Styling pre tieto nové popisy */
    .compositor-bdy::before, 
    .composition-bdy::before,
    .country-bdy::before,
    .created-bdy::before,
    .added-bdy::before,
    .castup-bdy::before {
        font-weight: 500;
        text-transform: uppercase;
        font-size: 11px;
        color: #888;
        margin-right: 0;
        flex-shrink: 0;
        display: inline-block;
    }

    /* Zarovnanie obsahu widgetov doprava, aby to lícovalo */
    .elementor-widget-jet-listing-dynamic-field,
    .elementor-widget-shortcode {
        text-align: left !important;
        width: auto !important;
    }

    html .pum-container .elementor-widget-jet-listing-dynamic-field,
    html .pum-container .elementor-widget-shortcode {
        text-align: left !important;     
    }

    html .elementor-widget-jet-listing-dynamic-field .elementor-widget-shortcode {
        text-align: left !important;
    }

    html .elementor-756 > div > div > div > div > div {
        padding: 5px !important;
    }

    html .elementor-756 .compositor-bdy {
        --align-self: left !important;
    }

    html .elementor-756 .compositor-bdy .jet-listing-dynamic-field__content {
        text-align: left !important;
    }

    html .elementor-756 .composition-bdy {
        --align-self: left !important;
    }

    html .elementor-756 > div > div > div > div > div:nth-of-type(3) {
     --align-items: flex-start !important;
    }

    html .elementor-756 .country-bdy {
        --align-self: left !important;
    }

    html .elementor-756 .country-bdy .elementor-shortcode {
        text-align: left !important;
    }

    html .elementor-756 .created-bdy {
        --align-self: left !important;
    }

    html .elementor-756 .created-bdy .jet-listing-dynamic-field__content {
        text-align: left !important;
    }

    html .elementor-756 .added-bdy {
        --align-self: left !important;
    }

    html .elementor-756 .added-bdy .jet-listing-dynamic-field__content {
        text-align: left !important;
    }

    html .elementor-756 .castup-bdy {
        --align-self: left !important;
    }

    html .elementor-756 .castup-bdy .jet-listing-dynamic-field__content {
        text-align: left !important;
    }

    .page-header .entry-title {
        font-size: 1.7rem;
    }

    .page-id-30 .elementor-widget-shortcode .elementor-shortcode,
    .page-id-2005 .elementor-widget-shortcode .elementor-shortcode  {
        text-align: left !important;
    } 

    html .pum-container .elementor-element-67506e6 {
        --widgets-spacing: 10px 10px;
        --widgets-spacing-row: 10px;
        --widgets-spacing-column: 10px;
    }

    /* 1. Silnejší selektor na skrytie záhlavia */
    .nmkt-grid-wrapper .nmkt-grid-header.nmkt-grid-row {
        display: none !important;
    }

    /* 2. Karta - úprava */
    .nmkt-grid-row {
        display: block !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        margin-bottom: 25px !important;
        padding: 15px !important;
        background: #fff !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    }

    /* 3. Bunka - zmena na stĺpec pod sebou */
    .nmkt-grid-cell {
        display: flex !important;
        flex-direction: column !important; /* Popis pôjde nad obsah */
        align-items: flex-start !important; /* Zarovnanie zľava */
        padding: 10px 0 !important;
        border-bottom: 1px solid #eee !important;
        text-align: left !important;
        width: 100% !important;
    }

    .nmkt-grid-cell:last-child {
        border-bottom: none !important;
    }

    /* 4. Popisky nad obsahom */
    .nmkt-grid-cell::before {
        font-weight: bold !important;
        text-transform: uppercase !important;
        font-size: 10px !important;
        color: #999 !important;
        margin-bottom: 4px !important; /* Medzera medzi popisom a dátami */
        content: ""; /* Defaultne prázdne */
    }

    /* Injekcia textov */
    .nmkt-grid-cell:nth-child(1)::before { content: "Názov skladby"; }
    .nmkt-grid-cell:nth-child(2)::before { content: "Dátum nahrania"; }
    .nmkt-grid-cell:nth-child(3)::before { content: "Aktívne"; }
    .nmkt-grid-cell:nth-child(4)::before { content: "Schválené"; }

    html[lang="en-US"] .nmkt-grid-cell:nth-child(1)::before { content: "Composition Title"; }
    html[lang="en-US"] .nmkt-grid-cell:nth-child(2)::before { content: "Added date"; }
    html[lang="en-US"] .nmkt-grid-cell:nth-child(3)::before { content: "Active"; }
    html[lang="en-US"] .nmkt-grid-cell:nth-child(4)::before { content: "Approved"; }

    /* 5. Zarovnanie samotného obsahu (odkazy, ikony) */
    .nmkt-grid-cell > a, 
    .nmkt-grid-cell .dashicons {
        margin-left: 0 !important;
        display: inline-block !important;
    }

}

@media (max-width: 768px) {

    .single-post .elementor-widget-theme-post-featured-image {
        overflow: hidden;
    }

    .event-lecturers-list {
        font-size: 14px;
    }

    .page-id-37 .event-start, .page-id-37 .event-end,
    .page-id-2202 .event-start, .page-id-2202 .event-end,    
    .single-events .event-start, .single-events .event-end,
    .page-id-37 .event-location, .page-id-37 .event-organizer,
    .page-id-2202 .event-location, .page-id-2202 .event-organizer,    
    .single-events .event-location, .single-events .event-organizer,
    .page-id-37 .nmkt-custom-content-full,
    .page-id-2202 .nmkt-custom-content-full,    
    .single-events .nmkt-custom-content-full {
        text-align: left;
    }

    .page-id-37 .event-start, .page-id-37 .event-end,
    .page-id-2202 .event-start, .page-id-2202 .event-end,    
    .single-events .event-start, .single-events .event-end,
    .page-id-37 .event-location, .page-id-37 .event-organizer,
    .page-id-2202 .event-location, .page-id-2202 .event-organizer,    
    .single-events .event-location, .single-events .event-organizer {
        font-size: 14px;
    }

    .single-events .et-title .jet-listing-dynamic-field__content {
        font-size: 24px !important;
    }

    html footer .elementor-nav-menu {
        justify-content: flex-start !important;
    }

    html footer .elementor-nav-menu a.elementor-item {
        font-size: 12px !important;
        padding: 16px 10px !important;
    }

    html footer .elementor-nav-menu .menu-item {
        height: 40px !important;
    }

    html .line-filter {
        justify-content: flex-start !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .line-filter > .elementor-element:nth-child(3) {
        flex-basis: 100%; 
    }

    html .line-filter .elementor-element .jet-search-filter__input,
    html .line-filter .rfd-dropdown .jet-filter-items-dropdown__label,
    html .line-filter .elementor-element.elementor-widget-text-editor {
        font-size: 12px !important;
    }

    html .line-filter .elementor-element.elementor-widget-text-editor {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    /* 1. Musíme povoliť skrolovanie na hlavnom obale modalu */
    html .page-id-35 .dce-modal,
    html .page-id-2207 .dce-modal {
        width: 95% !important;
    }

    html .page-id-35 .dce-popup-container .ffc-horizontal-wrap > div,
    html .page-id-2207 .dce-popup-container .ffc-horizontal-wrap > div {
        border: 0 !important;
    }

    html .page-id-35 .elementor-widget.elementor-widget-jet-smart-filters-remove-filters,
    html .page-id-2207 .elementor-widget.elementor-widget-jet-smart-filters-remove-filters {
        right: auto !important;
        bottom: 0px;
        left: 40px;
    }

    /* 3. Samotný obsah popupu */
    html .page-id-35 .dce-modal .modal-content,
    html .page-id-2207 .dce-modal .modal-content {
        height: 100vh !important;
    }

    html .page-id-35 .dce-modal .modal-body,
    html .page-id-2027 .dce-modal .modal-body {
        height: auto !important;
        overflow: visible !important; /* Skrolovanie už rieši rodič (.dce-modal) */
    }

    /* 4. Trik pre Elementor kontajnery vnútri popupu */
    /* Často majú nastavené height: 100vh, čo blokuje skrol */
    html .page-id-35 .dce-modal .modal-body .elementor-section,
    html .page-id-35 .dce-modal .modal-body .e-con,
    html .page-id-2027 .dce-modal .modal-body .elementor-section,
    html .page-id-2027 .dce-modal .modal-body .e-con {
        height: auto !important;
        min-height: 100px !important;
    }


    html .db-skladieb .leftcol-filters {
        display: none;
    }

    html .elementor-widget-jet-listing-grid .jet-listing-grid {
        margin-left: 15px !important;
        margin-right: 15px !important;
        margin-top: 15px
    }

    html .elementor-756 .elementor-element {
        border-bottom: 0px !important;
    }


    .et-title .jet-listing-dynamic-field__content,
    .et-date .jet-listing-dynamic-field__content {
        font-size: 16px !important;
    } 

    html .elementor-223 .elementor-element.elementor-element-d46dc7b .jet-listing-grid__slider-icon.next-arrow {
        right: 20px !important;
    }

    html .elementor-301 .elementor-element.elementor-element-7067264 {
        --widgets-spacing: 5px 5px;
        --widgets-spacing-row: 5px;
        --widgets-spacing-column: 5px;
    }

    html .regmenu .elementor-nav-menu--main .elementor-nav-menu a {
        font-size: 14px;
    }

    html .regmenu .elementor-nav-menu--main .elementor-nav-menu a {
            padding-left: 20px !important;
            padding-right: 20px !important;
            padding-top: 5px !important; 
            padding-bottom: 5px !important;
    }

    html .regmenu {
        padding-right: 15px;
        padding-left: 15px;
    }

    html .regmenu ul {
        /*text-align: right;*/
        display: flex !important;
    }

    html .regmenu ul li {
        display: inline-block; 
    }

    html .regmenu ul li:nth-of-type(1) {
        order: 2;
    }

    html .regmenu ul li:nth-of-type(2) {
        order: 1;
    }

    html .elementor-widget-theme-site-logo {
        width: 80%
    }

    html .elementor-menu-toggle {
        margin-right: 15px;
    }

    html .elementor-41 .elementor-element.elementor-element-8fe8789:not(.elementor-motion-effects-element-type-background) {
        background-color: #f1cb02 !important;
    }

    html .elementor-41 .elementor-element.elementor-element-f3bd691 div.elementor-menu-toggle {
        color:#000;
    }

    html .elementor-41 .elementor-element.elementor-element-f3bd691 div.elementor-menu-toggle svg {
        fill: #000;
    }

    html .elementor-menu-toggle {
        background: transparent
    }


}

@media (max-width: 480px) { 

    html .elementor-widget-theme-site-logo {
        width: 100%
    }

}