/* =====================================================
   TARIFFS TABLE STYLES
   Simplified table structure for better alignment
   ===================================================== */

/* Main table styling */
.standard_tariffs table {
	line-height: 1.75;
}

/* Vertical alignment for all cells */
.standard_tariffs tr.middle th,
.standard_tariffs tr.middle td,
.standard_tariffs td.middle {
	vertical-align: middle !important;
}

/* Header columns styling */
.standard_tariffs th.TNT_01,
.standard_tariffs th.TNT_02,
.standard_tariffs th.TNT_03,
.standard_tariffs th.TNT_04,
.standard_tariffs th.TNT_05,
.standard_tariffs th.TNT_06 {
	text-align: center;
	padding: 12px 14px !important;
}

/* Column widths */
.standard_tariffs th.TNT_01 {
	width: 8%;
}
.standard_tariffs th.TNT_02 {
	width: 14%;
}
.standard_tariffs th.TNT_03 {
	width: 10%;
}
.standard_tariffs th.TNT_04,
.standard_tariffs th.TNT_05,
.standard_tariffs th.TNT_06 {
	width: 24%;
}

/* Class header styling (for Class 1, Class 2, etc.) */
.standard_tariffs .class_header {
	vertical-align: top !important;
	font-weight: bold;
	border-right: 1px solid #b9b9b9;
	padding: 12px 14px !important;
}

/* Nested table styling */
.standard_tariffs td.inside-table,
.standard_tariffs .inside_table td {
	border-top: 0px solid !important;
}

.standard_tariffs table.table.inside_table {
	margin-bottom: 0px;
	width: 100%;
}

.standard_tariffs td.no_padding {
	padding: 0px !important;
}

/* Column list styling with borders */
.standard_tariffs .col_list { 
	border-right: 1px solid #b9b9b9; 
	vertical-align: top !important;
}

/* Ensure proper row heights and alignment for Class 1 and 2 */
.standard_tariffs .class_01 td, 
.standard_tariffs .class_02 td {
	padding: 8px 12px !important;
	vertical-align: middle !important;
	height: 50px; /* Fixed height for consistent alignment */
	line-height: 1.3;
}

/* Specific styling for Class 1 rows to handle different text lengths */
.standard_tariffs .class_01 tr:first-child td {
	height: 60px; /* Taller for "Motorcycles, Motor Tricycles & Motor Quadbikes" */
}

.standard_tariffs .class_01 tr:nth-child(2) td {
	height: 60px; /* Taller for "Light Motor Vehicles, Minibus and Utility Vehicles" */
}

.standard_tariffs .class_01 tr:nth-child(3) td {
	height: 45px; /* Shorter for "Minibus Taxis" */
}

/* Specific styling for Class 2 rows to handle different text lengths */
.standard_tariffs .class_02 tr:first-child td {
	height: 50px; /* Standard height for "Small delivery vehicles" */
}

.standard_tariffs .class_02 tr:nth-child(2) td {
	height: 60px; /* Taller for "Midibuses, Buses and Heavy Motor Vehicles with 2 axles" */
}

/* Additional alignment control for description and price cells */
.standard_tariffs .class_01 td:nth-child(2),
.standard_tariffs .class_01 td:nth-child(3),
.standard_tariffs .class_02 td:nth-child(2),
.standard_tariffs .class_02 td:nth-child(3) {
	text-align: center;
	display: table-cell;
	vertical-align: middle !important;
}

/* Special styling for Class 3 and 4 (single row classes) */
.standard_tariffs .class_03 td,
.standard_tariffs .class_04 td {
	padding: 12px 14px !important;
	vertical-align: middle !important;
}

/* Responsive table wrapper */
.standard_tariffs .table-responsive {
	overflow-x: auto;
	border: 1px solid #ddd;
}

/* Table striping and borders */
.standard_tariffs .table-bordered {
	border: 1px solid #ddd;
}

.standard_tariffs .table-bordered > thead > tr > th,
.standard_tariffs .table-bordered > tbody > tr > th,
.standard_tariffs .table-bordered > tfoot > tr > th,
.standard_tariffs .table-bordered > thead > tr > td,
.standard_tariffs .table-bordered > tbody > tr > td,
.standard_tariffs .table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}

/* Hover effects */
.standard_tariffs .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}

.standard_tariffs .table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}
