/*!
Theme Name: Classima Blog
Theme URI: https://easyfishcare.com
Author: Solutionica
Author URI: https://solutionica.com
Description: Blog theme for easyfishcare.com converted from the Classima HTML template (RadiusTheme). Blog listing based on the blog2 layout, single posts based on single-blog.
Version: 1.0.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: classima-blog
*/

/* Theme-specific overrides on top of assets/css/app.css */

/* Preloader: replace the template's pink GIF with a brand-green CSS spinner */
#preloader {
	background-image: none;
}
#preloader::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	border: 4px solid rgba(34, 181, 115, 0.2);
	border-top-color: #22b573;
	border-radius: 50%;
	animation: classima-spin 0.8s linear infinite;
}
@keyframes classima-spin {
	to { transform: rotate(360deg); }
}

/* Page banner: brand gradient (logo navy -> green) instead of stock photo */
.inner-page-banner {
	background: linear-gradient(120deg, #17323d 0%, #1b5e4b 55%, #22b573 100%);
}
.inner-page-banner:after { background-color: rgba(0, 0, 0, 0.15); }

/* Front-page banner: centered title + intro subtitle */
.inner-page-banner.front-banner { text-align: center; }
.inner-page-banner.front-banner .breadcrumbs-area h1 { margin-bottom: 1rem; }
.inner-page-banner .banner-subtitle {
	position: relative;
	z-index: 1;
	max-width: 760px;
	margin: 0 auto;
	color: #ffffff;
	font-size: 1.05rem;
	line-height: 1.7;
}

/* Header logo: constrain height regardless of source image dimensions */
.logo-area .custom-logo,
.logo-area .custom-logo-link img {
	max-height: 46px;
	width: auto;
}

/* Mobile menu bar logo: fit it inside the ~50px fixed bar */
.mean-container .mean-bar .mobile-menu-nav-back .logo-mobile img {
	max-height: 34px;
	width: auto;
}
.mean-container .mean-bar .mobile-menu-nav-back .logo-mobile {
	display: inline-flex;
	align-items: center;
	font-size: 20px;
	font-weight: 800;
	color: #17323d;
}

/* "Latest Posts" section heading (Classima heading-layout1) */
.classima-latest-heading { margin-top: 1.25rem; }
.classima-latest-heading .heading-title { color: #17323d; }

/* Featured (latest) post hero */
.featured-post-layout {
	background: #ffffff;
	border-radius: 6px;
	padding: 30px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.featured-post-layout .featured-post-content .item-title {
	font-size: 1.9rem;
	line-height: 1.25;
	margin-bottom: 0.75rem;
}
.featured-post-layout .featured-post-content .item-title a { color: #17323d; }
.featured-post-layout .featured-post-content .item-title a:hover { color: #22b573; }
.featured-post-layout .featured-post-content .blog-entry-meta { margin-bottom: 1rem; }
.featured-post-layout .featured-post-content p { margin-bottom: 1.25rem; }
.featured-post-layout .item-btn {
	display: inline-block;
	background: #22b573;
	color: #ffffff;
	padding: 10px 26px;
	border-radius: 4px;
	font-weight: 600;
}
.featured-post-layout .item-btn:hover { background: #1b915c; color: #ffffff; }
.featured-post-layout .featured-post-img { position: relative; }
.featured-post-layout .featured-post-img img {
	width: 100%;
	height: 340px;
	object-fit: cover;
	border-radius: 6px;
}
.featured-post-layout .featured-cat {
	position: absolute;
	left: 16px;
	bottom: 16px;
}
.featured-post-layout .featured-cat a {
	background: #22b573;
	color: #ffffff;
	padding: 5px 14px;
	border-radius: 3px;
	font-size: 0.85rem;
	font-weight: 600;
}
@media (max-width: 767px) {
	.featured-post-layout .featured-post-content { margin-bottom: 20px; }
	.featured-post-layout .featured-post-img img { height: 240px; }
}

/* WordPress core alignment classes */
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin: 0 auto 1em; }
img.size-full, .wp-block-image img, .single-blog-content img { max-width: 100%; height: auto; }

/* Listing card thumbnails: consistent crop */
.blog-box-layout2 .item-img img { width: 100%; height: 220px; object-fit: cover; }

/* Sticky footer spacing when content is short */
.wrapper { min-height: 100vh; display: flex; flex-direction: column; }
.wrapper > footer { margin-top: auto; }

/* Comment form: WP renders labeled fields */
.comments-form .form-box label { display: none; }
.comments-form .comment-reply-title { display: none; }

/* Pagination: ellipsis between windowed page numbers */
.pagination-layout1 .page-number .page-dots { margin: 0 6px; color: #999; }

/* WP accessibility class (not in Classima's app.css) */
.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden;
	padding: 0; position: absolute !important; word-wrap: normal !important;
}