/*!
Theme Name: cytheme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Theme MEDIORA – ghép từ bản HTML (Bootstrap 5.3). CSS .site-header / .hero nằm trong header.php, CSS các section ở assets/css/styles.css.
Version: 1.0.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cytheme
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

cytheme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
*/

/* --------------------------------------------------------------
   Giao diện chính: header.php (header + hero) và assets/css/styles.css.
   File này chỉ giữ class bắt buộc của WordPress + layout trang con.
-------------------------------------------------------------- */

/* Accessibility */
.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;
}
.screen-reader-text:focus {
	background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important; clip-path: none; color: #21759b; display: block;
	font-size: 0.875rem; font-weight: 700; height: auto; width: auto; left: 5px; top: 5px;
	line-height: normal; padding: 15px 23px 14px; text-decoration: none; z-index: 100000;
}
#primary[tabindex="-1"]:focus { outline: 0; }

/* Alignments & media */
.alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em; }
.alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; }
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption .wp-caption-text, .wp-element-caption { margin: 0.8em 0; font-size: 14px; opacity: .75; }
.gallery { display: grid; grid-gap: 1.5em; margin-bottom: 1.5em; }
.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.gallery-columns-3 { grid-template-columns: repeat(3, 1fr); }
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
.sticky, .bypostauthor { display: block; }
embed, iframe, object { max-width: 100%; }

/* --------------------------------------------------------------
   Trang con (page, single, archive, search, 404)
-------------------------------------------------------------- */
body:not(.home) #page { display: flex; flex-wrap: wrap; justify-content: center; }
body:not(.home) #page > .site-header,
body:not(.home) #page > .site-footer,
body:not(.home) #page > .skip-link,
body:not(.home) #page > .mobile-menu { flex: 0 0 100%; }
body:not(.home) .site-main { flex: 1 1 0; min-width: 0; max-width: 1000px; padding: 56px 20px 72px; }
body:not(.home) .widget-area { flex: 0 0 320px; padding: 56px 20px 72px; }
@media (max-width: 991.98px) { body:not(.home) .widget-area { flex-basis: 100%; padding-top: 0; } }

.site-main .entry-title, .site-main .page-title {
	font-family: var(--font-head); font-weight: 700; text-transform: uppercase; color: var(--m-brown);
}
.site-main article + article { margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(112,74,47,.15); }
.entry-content { line-height: 1.75; }
.entry-content a, .entry-meta a, .entry-footer a, .nav-links a { color: var(--m-brown); }
.entry-meta, .entry-footer { font-size: 14px; opacity: .75; }
.nav-links { display: flex; justify-content: space-between; gap: 16px; margin-top: 40px; }
.widget { margin-bottom: 32px; }
.widget-title { font-family: var(--font-head); text-transform: uppercase; color: var(--m-brown); }
.widget ul { padding-left: 0; list-style: none; }
.widget li { padding: 6px 0; border-bottom: 1px solid rgba(112,74,47,.1); }
.search-form { display: flex; gap: 8px; }
.search-form .search-field { flex: 1; padding: 8px 12px; border: 1px solid var(--m-gold); }
.search-form .search-submit { padding: 8px 16px; border: 0; background: var(--m-brown); color: #fff; }