/**
 * ======================================================================
 *  CUSTOM TABLE STYLES — STYLESHEET
 * ======================================================================
 *
 *  >>> THIS IS THE ONLY CSS FILE YOU EDIT. <<<
 *
 *  This single file is loaded BOTH inside the TinyMCE editor (live
 *  preview) and on the frontend, so what editors see is exactly what
 *  visitors get.
 *
 *  Each class below matches a 'class' value in:
 *      config/cts-styles-config.php
 *
 *  TO ADD A NEW STYLE:
 *  1. Add the entry in config/cts-styles-config.php
 *  2. Add a block for that class at the marker near the bottom
 *     of this file ("ADD YOUR NEW STYLES BELOW")
 *
 *  All selectors target table.cts-* directly, so nothing here can
 *  conflict with theme or plugin styles.
 * ======================================================================
 */

/* ------------------------------------------------------------------ */
/* Shared base for every CTS-styled table                              */
/* ------------------------------------------------------------------ */
table[class*="cts-table-"] {
	width: 100%;
	border-collapse: collapse;
	margin: 1.25em 0;
	font-size: inherit;
	line-height: 1.5;
}

table[class*="cts-table-"] th,
table[class*="cts-table-"] td {
	text-align: left;
	vertical-align: top;
}

/* ================================================================== */
/* BLUE TABLE HEADER  (class: cts-table-blue)  header #15426d          */
/* ================================================================== */
table.cts-table-blue th {
	background: #15426d;
	color: #ffffff;
	padding: 12px 14px;
	border: 1px solid #15426d;
	font-weight: 700;
}

table.cts-table-blue td {
	padding: 12px 14px;
	border: 1px solid #d9e1ec;
	background: #ffffff;
}

table.cts-table-blue tr:nth-child(even) td {
	background: #f4f7fb;
}

table.cts-table-blue tr:hover td {
	background: #e9eff7;
}

/* ================================================================== */
/* LIGHT BLUE TABLE HEADER  (class: cts-table-lightblue)               */
/* header #e2effc with dark blue text for readability                  */
/* ================================================================== */
table.cts-table-lightblue th {
	background: #e2effc;
	color: #15426d;
	padding: 12px 14px;
	border: 1px solid #c5ddf5;
	font-weight: 700;
}

table.cts-table-lightblue td {
	padding: 12px 14px;
	border: 1px solid #e0eaf5;
	background: #ffffff;
}

table.cts-table-lightblue tr:nth-child(even) td {
	background: #f5f9fe;
}

table.cts-table-lightblue tr:hover td {
	background: #ebf3fc;
}

/* ================================================================== */
/* RED TABLE HEADER  (class: cts-table-red)  header #c1272b            */
/* ================================================================== */
table.cts-table-red th {
	background: #c1272b;
	color: #ffffff;
	padding: 12px 14px;
	border: 1px solid #c1272b;
	font-weight: 700;
}

table.cts-table-red td {
	padding: 12px 14px;
	border: 1px solid #ecd5d6;
	background: #ffffff;
}

table.cts-table-red tr:nth-child(even) td {
	background: #fbf3f3;
}

table.cts-table-red tr:hover td {
	background: #f7e9e9;
}

/* ------------------------------------------------------------------ */
/* LEGACY ALIAS: tables saved with the old cts-table-style-1 class     */
/* keep rendering as the Blue style. (Old green style removed.)        */
/* ------------------------------------------------------------------ */
table.cts-table-style-1 th {
	background: #15426d;
	color: #ffffff;
	padding: 12px 14px;
	border: 1px solid #15426d;
	font-weight: 700;
}

table.cts-table-style-1 td {
	padding: 12px 14px;
	border: 1px solid #d9e1ec;
	background: #ffffff;
}

table.cts-table-style-1 tr:nth-child(even) td {
	background: #f4f7fb;
}

/* ================================================================== */
/* PARAGRAPH — HIGHLIGHT BOX  (class: cts-p-highlight)                 */
/* ================================================================== */
p.cts-p-highlight {
	background: #fff8e1;
	border-left: 4px solid #f0a92e;
	padding: 14px 18px;
	border-radius: 4px;
	margin: 1.25em 0;
}

/* ================================================================== */
/* IMAGE — ROUNDED + SHADOW  (class: cts-img-rounded)                  */
/* ================================================================== */
img.cts-img-rounded {
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

/* ================================================================== */
/* >>> ADD YOUR NEW STYLES BELOW THIS LINE <<<                         */
/*                                                                     */
/* Example — uncomment and pair with the matching entry in             */
/* config/cts-styles-config.php:                                       */
/*                                                                     */
/* table.cts-table-style-3 th {                                        */
/*     background: #7a1f1f;                                            */
/*     color: #ffffff;                                                 */
/*     padding: 12px 14px;                                             */
/* }                                                                   */
/* table.cts-table-style-3 td {                                        */
/*     padding: 12px 14px;                                             */
/*     border-bottom: 1px solid #e5d5d5;                               */
/* }                                                                   */
/* ================================================================== */

/* ------------------------------------------------------------------ */
/* Responsive: horizontal scroll on small screens. Applies only to     */
/* CTS tables, never touches other tables on the site.                 */
/* ------------------------------------------------------------------ */
@media (max-width: 600px) {
	table[class*="cts-table-"] {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}