/*
	taalikaa.css :	Stylish table styles  	*/

/*	Simple table styles are in various style sheets like Anuchchhed.css */

table {
	width: 100%;
	border-collapse: collapse;
	padding: 0 0;
	margin: 0 0;
}

th, td {
	padding-top: 10px;
	padding-bottom: 12px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

th {
	background-color: #f2f2f2;
	color: #333;
}

tr:hover {
	background-color: #99ccff;
/*	color: white; */
}

th:first-child, td:first-child {
	padding-left: 14px;
/*	border-left: 1px solid #ddd; */
}


th:last-child, td:last-child {
	padding-left: 14px;
	padding-right: 11px;
/*	border-right: 1px solid #ddd; */
}


/*
	Keeping text inside <p> within <td> is useful when:
	1. You expect multiple paragraphs inside a single table cell, since <p> preserves semantic structure and gives natural spacing.
	2. You want consistent styling between text in tables and text elsewhere (headings, body paragraphs, etc.).
	3. You need fine control over spacing – margins can be reset or adjusted (e.g., only bottom margin) to keep rows neat.

	For simple tabular data (numbers, labels, short text), direct text inside <td> is lighter and cleaner.
*/

/*  whether this should be kept in Anuchchhed.css and wof-akhil-he.css
    and not here i.e. in taalikaa.css
*/

td p {
  margin: 0 0 0.6em 0; /* bottom margin = 0.6 × font size */
}

td p:last-child {
  margin-bottom: 0;
}


/*	can this be copied to khaakaa.css as well! 
	so that this class can be used with columns of layouts?
*/

.30pratishat-se-150pixel {
        min-width: 30%;
        max-width: 150px;
}