/*
Theme Name: Powerlift
Theme URI: https://powerlift.qodeinteractive.com
Description: Fitness and Gym Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Text Domain: powerlift
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 2.3.1
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

/* ==========================================================================
   Sekcja karnetów i składek klienta
   ========================================================================== */

.mostudio-klient-panel {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #e0e0e0;
}

.mostudio-klient-panel h2 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #1a1a1a;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Karty składki i kaucji */
.mostudio-info-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin-bottom: 40px;
}

.mostudio-info-card {
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mostudio-info-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.mostudio-info-card .card-label {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #666;
	margin-bottom: 8px;
}

.mostudio-info-card .card-value {
	font-size: 20px;
	font-weight: 700;
	color: #1a1a1a;
}

.mostudio-info-card .card-date {
	font-size: 13px;
	color: #888;
	margin-top: 8px;
}

.mostudio-info-card.status-oplacone {
	border-left: 4px solid #28a745;
}

.mostudio-info-card.status-nieoplacone {
	border-left: 4px solid #dc3545;
}

/* Tabela karnetów */
.karnety-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.karnety-table thead {
	background: linear-gradient(135deg, #2c3e50 0%, #1a252f 100%);
}

.karnety-table thead th {
	padding: 16px 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	border: none;
}

.karnety-table tbody tr {
	transition: background-color 0.2s ease;
}

.karnety-table tbody tr:nth-child(even) {
	background-color: #f8f9fa;
}

.karnety-table tbody tr:hover {
	background-color: #e8f4f8;
}

.karnety-table tbody td,
.karnety-table tbody th {
	padding: 16px 20px;
	vertical-align: middle;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	color: #333;
}

.karnety-table tbody th {
	font-weight: 600;
	color: #1a1a1a;
}

.karnety-table tbody tr:last-child td,
.karnety-table tbody tr:last-child th {
	border-bottom: none;
}

/* Kolumna wejść */
.karnety-table .wejscia-lista {
	font-size: 12px;
	line-height: 1.8;
	color: #666;
}

/* Badge dla typu karnetu */
.karnet-badge {
	display: inline-block;
	padding: 6px 12px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: #fff;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Brak karnetów */
.mostudio-brak-karnetow {
	text-align: center;
	padding: 40px 20px;
	background: #f8f9fa;
	border-radius: 12px;
	color: #666;
}

/* Responsywność */
@media (max-width: 768px) {
	.mostudio-info-cards {
		grid-template-columns: 1fr;
	}
	
	.karnety-table {
		display: block;
		overflow-x: auto;
	}
	
	.karnety-table thead th,
	.karnety-table tbody td,
	.karnety-table tbody th {
		padding: 12px 14px;
		font-size: 13px;
	}
}

.mkdf-content .tt_timetable .event .event_container.tt_tooltip:hover .hours, .mkdf-content .tt_timetable .event.tt_tooltip:hover .hours, .mkdf-content .tt_timetable .hours, .mkdf-content .tt_tooltip .tt_tooltip_content, .mkdf-content table.tt_timetable td.tt_hours_column, .mkdf-content table.tt_timetable th {
  color: #FFFFFF;
}