/*
Theme Name: POBO Technologies
Theme URI: https://pobotechnologies.com/
Author: POBO Technologies
Author URI: https://pobotechnologies.com/
Description: Production-ready custom WordPress theme for POBO Technologies — a leading software, web, mobile app, IoT and digital marketing company. Converted from the original static Techwind-based site. Self-contained (no required plugins), Elementor-compatible, fully responsive, SEO and performance optimised.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.7
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: pobo-technologies
Tags: business, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template, blog
*/

/*
 * NOTE: The heavy visual styling lives in /assets/css/ (Bootstrap + the original
 * Techwind style.min.css). This file only needs the WordPress-required header
 * plus a handful of helpers for WP-generated markup (alignments, captions,
 * comments, screen-reader text). Editing the design? See assets/css/.
 */

/* ---------- WordPress core required classes ---------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; margin-bottom: 1.5rem; }
.wp-caption img { display: block; margin: 0 auto; }
.wp-caption .wp-caption-text,
.wp-caption-text { font-size: 0.875rem; color: #8492a6; padding: 0.5rem 0; text-align: center; }
.sticky { display: block; }
.gallery-caption {}
.bypostauthor {}
.wp-block-image img { height: auto; max-width: 100%; }
.alignwide { max-width: 1100px; }
.alignfull { max-width: 100%; }

/* ---------- Accessibility: screen-reader text ---------- */
.screen-reader-text {
	border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
	height: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #eee; clip: auto !important; clip-path: none;
	color: #444; display: block; font-size: 1em; height: auto;
	left: 5px; line-height: normal; padding: 15px 23px 14px;
	text-decoration: none; top: 5px; width: auto; z-index: 100000;
}
.skip-link { left: -9999px; position: absolute; z-index: 999999; }

/* ---------- Pagination ---------- */
.pobo-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 12px; margin: 2px;
	border-radius: 6px; border: 1px solid rgba(0,0,0,.08);
	background: #fff; color: #161c2d; text-decoration: none;
}
.pobo-pagination .page-numbers.current,
.pobo-pagination .page-numbers:hover { background: var(--pobo-primary,#2f55d4); color: #fff; }

/* ---------- Comments ---------- */
.comment-list { list-style: none; padding-left: 0; }
.comment-list .children { list-style: none; padding-left: 30px; }
.comment-body { padding: 1rem 0; border-bottom: 1px solid rgba(0,0,0,.05); }

/* ---------- Lazyload fade-in ---------- */
img.lazyloaded { animation: poboFade .4s ease-in; }
@keyframes poboFade { from { opacity: 0; } to { opacity: 1; } }

/* ---------- Editor / Elementor full-width helper ---------- */
.pobo-page-content img { max-width: 100%; height: auto; }