/**
 * Theme Name:        Kontra Faul Child
 * Theme URI:         https://kontrafaul.mk/
 * Description:       Безбедна развојна основа за новиот дизајн на Контра Фаул, изградена врз Blocksy.
 * Author:            Kontra Faul
 * Author URI:        https://kontrafaul.mk/
 * Template:          blocksy
 * Version:           1.7.3
 * Text Domain:       kontra-faul-child
 * License:           GNU General Public License v2 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */

/*
 * Сите идни визуелни измени ќе се додаваат организирано под овој коментар.
 * Заедничките header и footer се во assets/css/kf-header.css и
 * assets/css/kf-footer.css, а CSS за почетната останува изолиран.
 */

/*
 * Посветли уреднички наслови за подобра читливост на темната подлога.
 * Основниот текст и жолтите акценти остануваат непроменети.
 */
body.single-post .entry-title,
body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3 {
	color: #bac7df;
}

/* Author attribution is intentionally omitted from every public post. */
body.single-post .entry-meta .meta-author,
body.single-post .entry-meta > li[class*="author"],
body.single-post .entry-meta > span[class*="author"] {
	display: none !important;
}

/*
 * Keep editorial graphics fully visible inside post content on every screen.
 * WordPress/Blocksy wide-image rules must not preserve a desktop width on mobile.
 */
body.single-post .entry-content .wp-block-image,
body.single-post .entry-content .wp-block-image.alignwide,
body.single-post .entry-content .wp-block-image.alignfull {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

body.single-post .entry-content .wp-block-image > a {
	display: block;
	width: 100%;
}

body.single-post .entry-content .wp-block-image img,
body.single-post .entry-content > img {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
}

/*
 * The six-column FPL summary is too wide to remain readable as a desktop
 * table on a phone. On small screens every row becomes a labelled card, so
 * no column is clipped and no horizontal swipe is required.
 */
@media (max-width: 760px) {
	body.kf-single-fpl .entry-content .wp-block-table,
	body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile,
	body.single-post .entry-content .wp-block-table:has(table tr > :nth-child(6)) {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		overflow: visible !important;
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))),
	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tbody,
	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tr {
		box-sizing: border-box;
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		transform: none !important;
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) thead {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		clip-path: inset(50%) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tbody tr {
		margin: 0 0 16px;
		border: 1px solid rgba(186, 199, 223, 0.34);
		border-radius: 8px;
		overflow: hidden;
		background: #101a2d;
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tbody td {
		display: grid;
		width: 100% !important;
		min-width: 0 !important;
		grid-template-columns: minmax(88px, 32%) minmax(0, 1fr);
		align-items: start;
		gap: 12px;
		padding: 11px 13px !important;
		border: 0 !important;
		border-bottom: 1px solid rgba(186, 199, 223, 0.18) !important;
		font-size: 14px;
		line-height: 1.42;
		text-align: left !important;
		overflow-wrap: anywhere;
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tbody td:last-child {
		border-bottom: 0 !important;
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tbody td::before {
		color: #ddf522;
		font-size: 10px;
		font-weight: 900;
		letter-spacing: 0.08em;
		line-height: 1.5;
		text-transform: uppercase;
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tbody td:nth-child(1)::before {
		content: "Категорија";
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tbody td:nth-child(2)::before {
		content: "Играч";
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tbody td:nth-child(3)::before {
		content: "Тим";
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tbody td:nth-child(4)::before {
		content: "Цена";
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tbody td:nth-child(5)::before {
		content: "Форма";
	}

	:is(body.kf-single-fpl .entry-content table, body.single-post .entry-content .wp-block-table.kf-fpl-table-mobile table, body.single-post .entry-content table:has(tr > :nth-child(6))) tbody td:nth-child(6)::before {
		content: "Клучна логика";
	}
}