/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
/* ==========================================================================
   Responsive CSS για το ".seminar-dates-table" (πίνακας ημερομηνιών σεμιναρίου)
   Προστέθηκε ΕΚΤΟΣ plugin -- βάλτε το στο theme σας (Customizer > Additional
   CSS, ή στο style.css του child theme, ή σε δικό σας stylesheet).
   ========================================================================== */

.seminar-dates-table-wrap {
	width: 100%;
	overflow-x: auto; /* fallback: αν κάτι δεν χωράει, κάνει scroll αντί να σπάσει layout */
	margin: 1em 0;
	-webkit-overflow-scrolling: touch;
}

.seminar-dates-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
}

.seminar-dates-table th,
.seminar-dates-table td {
	padding: 10px 14px;
	border: 1px solid #e0e0e0;
	text-align: left;
	vertical-align: middle;
}

.seminar-dates-table thead th {
	background: #f5f5f5;
	font-weight: 600;
	white-space: nowrap;
}

.seminar-dates-table tbody tr:nth-child(even) {
	background: #fafafa;
}

/* ---- Κάτω από 600px: μετατροπή σε "κάρτες" (stacked layout) ---- */
@media (max-width: 600px) {

	.seminar-dates-table thead {
		display: none; /* κρύβουμε τις επικεφαλίδες, θα εμφανιστούν μέσω data-label */
	}

	.seminar-dates-table,
	.seminar-dates-table tbody,
	.seminar-dates-table tr,
	.seminar-dates-table td {
		display: block;
		width: 100%;
	}

	.seminar-dates-table tr {
		margin-bottom: 14px;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
		overflow: hidden;
	}

	.seminar-dates-table tr:last-child {
		margin-bottom: 0;
	}

	.seminar-dates-table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border: none;
		border-bottom: 1px solid #eee;
		padding: 10px 14px;
	}

	.seminar-dates-table td:last-child {
		border-bottom: none;
	}

	/* Το data-label attribute υπάρχει ήδη σε κάθε <td> από το plugin
	   (π.χ. data-label="Ημερομηνία") -- το CSS απλά το εμφανίζει ως ετικέτα. */
	.seminar-dates-table td::before {
		content: attr(data-label);
		font-weight: 600;
		margin-right: 12px;
		color: #555;
	}
}