/*
Theme Name: AllSmiles
Theme URI: https://allsmiles.qodeinteractive.com
Description: Dentist Theme
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Text Domain: allsmiles
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ==========================================================================
   Blog List - Horizontal (Side-by-Side) Layout
   ========================================================================== */

/* Horizontal inner container: thumbnail left, content right */
.qodef-blog.qodef--list .qodef-e-inner--horizontal {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 30px;
}

/* Thumbnail side column - landscape orientation */
.qodef-blog.qodef--list .qodef-e-media-side {
	flex: 0 0 380px;
	max-width: 380px;
	overflow: hidden;
}

/* Make the media container and image fill the side column */
.qodef-blog.qodef--list .qodef-e-media-side .qodef-e-media {
	height: 100%;
}

.qodef-blog.qodef--list .qodef-e-media-side .qodef-e-media-image {
	height: 100%;
}

.qodef-blog.qodef--list .qodef-e-media-side .qodef-e-media-image a {
	display: block;
	height: 100%;
}

.qodef-blog.qodef--list .qodef-e-media-side .qodef-e-media-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	aspect-ratio: 16 / 10;
}

/* Excerpt text color */
.qodef-blog.qodef--list .qodef-e-excerpt {
	color: #000000;
}

/* Content side takes remaining space */
.qodef-blog.qodef--list .qodef-e-inner--horizontal > .qodef-e-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Responsive: stack vertically on small screens */
@media only screen and (max-width: 768px) {
	.qodef-blog.qodef--list .qodef-e-inner--horizontal {
		flex-direction: column;
		gap: 20px;
	}

	.qodef-blog.qodef--list .qodef-e-media-side {
		flex: 0 0 auto;
		max-width: 100%;
	}

	.qodef-blog.qodef--list .qodef-e-media-side .qodef-e-media-image img {
		height: auto;
		max-height: 300px;
	}
}