/*
Theme Name: Kooch E Koo
Theme URI: https://kooch-e-koo.com/
Author: Kooch E Koo
Author URI: https://kooch-e-koo.com/
Template: minimal-muse
Description: Child theme of Minimal Muse, built for kooch-e-koo.com. Adds a centred footer copyright line that carries the live year and site name, and a classic blog homepage that shows each post in full - featured image, title, meta, then the whole article. The single post page, header, footer widgets, menus, sidebar, buttons and links are all left exactly as the parent renders them.
Version: 1.0.0
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kooch-e-koo
Tags: blog, two-columns, right-sidebar, custom-menu, custom-logo, featured-images, footer-widgets, sticky-post, translation-ready
*/

/* ==========================================================================
 * Minimal Muse's own style.css is loaded first, from functions.php.
 * Everything below is additive - no parent rule is removed, only extended.
 *
 * 1. Classic homepage entry
 * 2. Featured image
 * 3. Footer copyright
 * ========================================================================== */


/* --------------------------------------------------------------------------
 * 1. Classic homepage entry
 *
 * The parent already prints the whole post through the_content(); the only
 * change on the homepage is the order - image, then title, then the meta row
 * that used to sit above everything. These rules give those pieces the spacing
 * they need in their new positions.
 * -------------------------------------------------------------------------- */

.kooch-e-koo-classic .entry-header {
	margin-top: 20px;
	margin-bottom: 6px;
}

.kooch-e-koo-classic .sec2-meta {
	margin-bottom: 18px;
}

.kooch-e-koo-classic .entry-content {
	margin-top: 0;
}

.kooch-e-koo-classic .entry-content > p:last-child {
	margin-bottom: 0;
}

/* Keep wide media inside the column. */
.kooch-e-koo-classic .entry-content img,
.kooch-e-koo-classic .entry-content iframe,
.kooch-e-koo-classic .entry-content video,
.kooch-e-koo-classic .entry-content table,
.kooch-e-koo-classic .entry-content pre {
	max-width: 100%;
}

.kooch-e-koo-classic .entry-content img {
	height: auto;
}


/* --------------------------------------------------------------------------
 * 2. Featured image
 *
 * Full width of the column, natural height, never cropped and never stretched:
 * no fixed height, no aspect-ratio and no object-fit anywhere. The parent's
 * hover tilt on .post-thumbnail img is left alone.
 * -------------------------------------------------------------------------- */

.kooch-e-koo-classic .post-thumbnail {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	overflow: hidden;
}

.kooch-e-koo-classic .post-thumbnail a {
	display: block;
}

.kooch-e-koo-classic .post-thumbnail img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: none;
	object-fit: unset;
	aspect-ratio: auto;
}


/* --------------------------------------------------------------------------
 * 3. Footer copyright
 *
 * The parent's bottom bar is a flex row with the copyright pushed to the left
 * and the Privacy Policy / Terms / Cookie Policy / Disclaimer links pushed to
 * the right. This stacks the two and centres them, so the copyright reads as
 * one centred line with those links centred beneath it - none of them removed.
 *
 * The three footer widget areas, the logo column and the social links above
 * the bottom bar are untouched.
 * -------------------------------------------------------------------------- */

.modern-footer-bottom .modern-footer-bottom-inner {
	flex-direction: column;
	justify-content: center;
	text-align: center;
	gap: 8px;
	padding-top: 18px;
	padding-bottom: 18px;
}

.modern-footer-bottom .modern-footer-copyright {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1.6;
}

.modern-footer-bottom .modern-footer-copyright .kooch-e-koo-copyright {
	display: inline-block;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}

.modern-footer-bottom .modern-footer-legal {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

@media screen and (max-width: 600px) {

	.modern-footer-bottom .modern-footer-copyright .kooch-e-koo-copyright {
		font-size: 0.95em;
	}
}