/* Start custom CSS for shortcode, class: .elementor-element-aa0a9af *//* 1. A teljes táblázat wrapperének kiterjesztése 100%-ra */
.egyedi-tablazat,
.egyedi-tablazat .ninja_tables_wrapper,
.egyedi-tablazat .ninja_tables_wrapper table.ninja_table_pro,
.egyedi-tablazat .dataTables_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Fejléc stílusa (Fekete háttér, fehér szöveg, alul piros kiemeléssel) */
.egyedi-tablazat table.ninja_table_pro > thead > tr > th,
.egyedi-tablazat table.dataTable thead th {
    background-color: #111111 !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 14px 18px !important;
    border-bottom: 3px solid #E60000 !important;
    border-top: none !important;
}

/* 3. A keresődoboz középre igazítása és teljes szélességűvé tétele */
.egyedi-tablazat .dataTables_filter,
.egyedi-tablazat .nt_search_input_wrap {
    float: none !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto 20px auto !important;
}

/* 4. A kereső beviteli mező (input) formázása */
.egyedi-tablazat .dataTables_filter input,
.egyedi-tablazat input.nt_search_input {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    border: 1px solid #DDDDDD !important;
    border-radius: 8px !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    outline: none !important;
    box-sizing: border-box !important;
}

/* Keresőmező kijelölve (fókuszban) */
.egyedi-tablazat .dataTables_filter input:focus,
.egyedi-tablazat input.nt_search_input:focus {
    border-color: #E60000 !important;
}

/* 5. Sorok formázása (Páros/Páratlan és egérfölévitel) */
.egyedi-tablazat table.ninja_table_pro > tbody > tr:nth-child(even) {
    background-color: #F9F9F9 !important;
}

.egyedi-tablazat table.ninja_table_pro > tbody > tr:nth-child(odd) {
    background-color: #FFFFFF !important;
}

.egyedi-tablazat table.ninja_table_pro > tbody > tr:hover {
    background-color: rgba(230, 0, 0, 0.05) !important;
}

.egyedi-tablazat table.ninja_table_pro > tbody > tr > td {
    padding: 12px 18px !important;
    font-size: 15px !important;
    color: #333333 !important;
    border-bottom: 1px solid #EEEEEE !important;
}/* End custom CSS */