/**
 * Entel Szoszedet Frontend Stylesheet
 *
 * Styles for the [entel_szoszedet_glossary] shortcode output.
 * Stílusok az [entel_szoszedet_glossary] rövidkód kimenetéhez.
 * Aims for basic compatibility, may need theme-specific overrides.
 * Alapvető kompatibilitásra törekszik, téma-specifikus felülírásokra lehet szükség.
 *
 * @since 1.0.0
 */

/* --- Main Wrapper --- */
.entel-szoszedet-frontend-wrap {
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #e0e0e0;
    background-color: #f9f9f9;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.entel-szoszedet-frontend-wrap h2,
.entel-szoszedet-frontend-wrap h3 {
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/* --- Notices --- */
.entel-szoszedet-notice {
    margin: 10px 0;
    padding: 10px 15px;
    border-left-width: 4px;
    border-left-style: solid;
}
.entel-szoszedet-notice p {
    margin: 0;
    padding: 0;
}
.entel-szoszedet-notice.notice-success {
    border-left-color: #4CAF50;
    background-color: #edf7ed;
}
.entel-szoszedet-notice.notice-error {
    border-left-color: #f44336;
    background-color: #fdecea;
}
.entel-szoszedet-notice.notice-warning {
    border-left-color: #ff9800;
     background-color: #fff4e5;
}
.entel-szoszedet-notice.notice-info {
    border-left-color: #2196F3;
     background-color: #e8f4fd;
}


/* --- Top Actions Area (Add Form, Import/Export) --- */
.entel-glossary-actions {
    margin-bottom: 25px;
    /* Optional: Use Flexbox for side-by-side layout */
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* gap: 20px; */
}

/* --- Add Term Form --- */
.entel-add-term-form-wrap {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px dashed #ccc;
    background: #fff;
}
.entel-add-term-form-wrap .form-row {
    margin-bottom: 10px;
}
.entel-add-term-form-wrap label {
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}
.entel-add-term-form-wrap input[type="text"],
.entel-add-term-form-wrap textarea {
    width: 100%;
    max-width: 400px; /* Limit width on frontend */
    padding: 8px;
    border: 1px solid #ccc;
    box-sizing: border-box; /* Include padding in width */
}
.entel-add-term-form-wrap textarea {
    min-height: 60px;
}
.entel-add-term-form-wrap .description {
    font-size: 0.9em;
    color: #666;
    margin-top: 3px;
}
.entel-add-term-form-wrap button {
    margin-top: 5px;
}


/* --- Import / Export --- */
.entel-import-export-wrap {
    margin-top: 20px;
    padding: 15px;
    border: 1px dashed #ccc;
     background: #fff;
}
.entel-export-section,
.entel-import-section {
    margin-bottom: 15px;
}
.entel-import-section label {
    display: block;
    margin-bottom: 5px;
}
.entel-import-section input[type="file"] {
    margin-bottom: 5px;
}
.entel-import-section .description {
     font-size: 0.9em;
    color: #666;
    margin-top: 3px;
}
#import-progress-message {
    margin-top: 10px;
}
#import-progress-message ul {
    margin-top: 5px;
}


/* --- List Table Styling --- */
/* Reset/style WP_List_Table elements for frontend */
.entel-glossary-list-wrap .wp-list-table {
    border: 1px solid #e5e5e5;
    box-shadow: none;
}
.entel-glossary-list-wrap .wp-list-table th,
.entel-glossary-list-wrap .wp-list-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}
.entel-glossary-list-wrap .wp-list-table thead th {
    background-color: #f5f5f5;
    font-weight: bold;
}
.entel-glossary-list-wrap .wp-list-table tbody tr:nth-child(odd) {
    /* background-color: #f9f9f9; */ /* Optional striping */
}
.entel-glossary-list-wrap .wp-list-table tbody tr:hover {
    background-color: #f0f0f0;
}

/* Row actions styling */
.entel-glossary-list-wrap .wp-list-table .row-actions {
    font-size: 0.9em;
    color: #999;
    padding-top: 2px;
    visibility: hidden; /* Show on hover */
}
.entel-glossary-list-wrap .wp-list-table tr:hover .row-actions {
    visibility: visible;
}
.entel-glossary-list-wrap .wp-list-table .row-actions a {
    color: #0073aa;
    text-decoration: none;
    padding: 0 3px;
}
.entel-glossary-list-wrap .wp-list-table .row-actions a:hover {
    text-decoration: underline;
}
.entel-glossary-list-wrap .wp-list-table .row-actions .delete a {
    color: #a00;
}

/* Tablenav styling (bulk actions, pagination) */
.entel-glossary-list-wrap .tablenav {
    margin: 10px 0;
    height: auto; /* Override fixed height */
    padding: 5px 0;
}
.entel-glossary-list-wrap .tablenav .actions {
    padding: 0;
}
.entel-glossary-list-wrap .tablenav select {
    padding: 4px;
    margin-right: 5px;
    vertical-align: middle;
}
.entel-glossary-list-wrap .tablenav .button {
     vertical-align: middle;
}

/* Search box styling */
.entel-glossary-list-wrap .search-box {
    float: right;
    margin-bottom: 10px;
}
.entel-glossary-list-wrap .search-box label {
    display: none; /* Hide label, use placeholder */
}
.entel-glossary-list-wrap .search-box input[type="search"] {
    padding: 5px 8px;
    min-width: 200px;
}

/* Pagination styling */
.entel-glossary-list-wrap .tablenav-pages {
    float: right; /* Align pagination right */
    text-align: right;
}
.entel-glossary-list-wrap .tablenav-pages .pagination-links {
    display: inline-block;
}
.entel-glossary-list-wrap .tablenav-pages .pagination-links .tablenav-pages-navspan {
    color: #999;
}
.entel-glossary-list-wrap .tablenav-pages .pagination-links a,
.entel-glossary-list-wrap .tablenav-pages .pagination-links span.current {
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin-left: 3px;
    background-color: #fff;
}
.entel-glossary-list-wrap .tablenav-pages .pagination-links span.current {
    font-weight: bold;
    background-color: #eee;
}
.entel-glossary-list-wrap .tablenav-pages .pagination-links a:hover {
    background-color: #f0f0f0;
}

/* Similar terms list styling */
.term-similar-list {
    font-size: 0.9em;
    color: #555;
    display: block; /* Put on new line if needed */
    margin-top: 3px;
}

/* --- Common Elements --- */
.entel-szoszedet-frontend-wrap .spinner {
    visibility: hidden; /* Hide by default */
    display: inline-block;
    width: 20px;
	height: 20px;
	margin: 0 5px -4px; /* Align vertically */
	background: url( '<?php echo admin_url( '/images/spinner.gif' ); ?>' ) no-repeat; /* Use WP spinner */
	background-size: 20px 20px;
    opacity: .7;
}
.entel-szoszedet-frontend-wrap .spinner.is-active {
    visibility: visible;
}

/* Responsive basic adjustments */
@media screen and (max-width: 600px) {
     .entel-add-term-form-wrap input[type="text"],
     .entel-add-term-form-wrap textarea {
        max-width: 100%;
    }
    .entel-glossary-list-wrap .tablenav .actions {
        margin-bottom: 10px; /* Add space below bulk actions on small screens */
    }
    .entel-glossary-list-wrap .search-box,
    .entel-glossary-list-wrap .tablenav-pages {
        float: none;
        text-align: left;
        margin-bottom: 10px;
    }
     .entel-glossary-list-wrap .tablenav-pages .displaying-num {
         display: block;
         margin-bottom: 5px;
     }
}