/*
Theme Name: MYETNews
Theme URI: https://example.com/myetnews
Author: MYETNews Team
Author URI: https://myemailtools.com
Description: MYETNews is a minimal, elegant, and modern classic WordPress news theme inspired by clean editorial design. Built with semantic HTML5, WCAG-conscious accessibility, fast-loading hand-written CSS, and full support for the WordPress Customizer, widgets, and menus. No JavaScript frameworks, no external libraries.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: myetnews
Tags: news, blog, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, theme-options, accessibility-ready, custom-colors, custom-background, custom-header, sticky-post, footer-widgets, full-width-template
*/

/* =========================================================
   TABLE OF CONTENTS
   1.0  CSS Custom Properties (Design Tokens)
   2.0  Reset & Base
   3.0  Typography
   4.0  Layout & Containers
   5.0  Accessibility Helpers
   6.0  Forms
   7.0  Header
   8.0  Navigation
   9.0  Buttons & Links
   10.0 Post / Article Cards (Category Archive)
   11.0 Single Post
   12.0 Author Card & Bio
   13.0 Comments
   14.0 Sidebar & Widgets
   15.0 Footer
   16.0 Pagination
   17.0 Alignments & WP Core
   18.0 Responsive Media Queries
   ========================================================= */

/* =========================================================
   1.0 CSS Custom Properties
   ========================================================= */
:root{
	--myetnews-color-black:#0a0a0a;
	--myetnews-color-white:#ffffff;
	--myetnews-color-gray-900:#111111;
	--myetnews-color-gray-700:#3a3a3a;
	--myetnews-color-gray-500:#6e6e6e;
	--myetnews-color-gray-300:#a9a9a9;
	--myetnews-color-gray-100:#e7e7e7;
	--myetnews-color-gray-50:#f5f5f5;
	--myetnews-color-accent:#0071e3;
	--myetnews-font-display:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
	--myetnews-font-body:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
	--myetnews-max-width:1200px;
	--myetnews-gutter:24px;
	--myetnews-radius:6px;
	--myetnews-border:1px solid var(--myetnews-color-gray-100);
	--myetnews-transition:120ms ease;
}

/* =========================================================
   2.0 Reset & Base
   ========================================================= */
*,
*::before,
*::after{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }

body{
	margin:0;
	background:var(--myetnews-color-white);
	color:var(--myetnews-color-black);
	font-family:var(--myetnews-font-body);
	font-size:17px;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
}

img{ max-width:100%; height:auto; display:block; }

figure{ margin:0; }

a{
	color:inherit;
	text-decoration:none;
	transition:color var(--myetnews-transition);
}

ul,ol{ margin:0; padding:0; list-style:none; }

table{ width:100%; border-collapse:collapse; }

/* =========================================================
   3.0 Typography
   ========================================================= */
h1,h2,h3,h4,h5,h6{
	font-family:var(--myetnews-font-display);
	font-weight:600;
	line-height:1.15;
	letter-spacing:-0.01em;
	margin:0 0 .5em;
	color:var(--myetnews-color-black);
}

h1{ font-size:clamp(2rem,4vw,3.25rem); font-weight:700; letter-spacing:-0.02em; }
h2{ font-size:clamp(1.5rem,2.6vw,2.25rem); }
h3{ font-size:1.4rem; }
h4{ font-size:1.15rem; }

p{ margin:0 0 1.2em; }

.myetnews-entry-content a{
	text-decoration:underline;
	text-underline-offset:3px;
	text-decoration-color:var(--myetnews-color-gray-300);
}
.myetnews-entry-content a:hover{ text-decoration-color:var(--myetnews-color-black); }

blockquote{
	margin:1.5em 0;
	padding:.2em 0 .2em 1.2em;
	border-left:3px solid var(--myetnews-color-black);
	font-style:italic;
	color:var(--myetnews-color-gray-700);
}

code,pre{
	font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	background:var(--myetnews-color-gray-50);
}
pre{ padding:1em; overflow:auto; border-radius:var(--myetnews-radius); }

hr{ border:none; border-top:var(--myetnews-border); margin:2.5em 0; }

/* =========================================================
   4.0 Layout & Containers
   ========================================================= */
.myetnews-container{
	max-width:var(--myetnews-max-width);
	margin-inline:auto;
	padding-inline:var(--myetnews-gutter);
}

.myetnews-site{
	display:flex;
	flex-direction:column;
	min-height:100vh;
}

.myetnews-content{
	flex:1 0 auto;
	padding-block:2.5rem;
}

.myetnews-layout{
	display:grid;
	grid-template-columns:1fr;
	gap:3rem;
}
.myetnews-layout.has-sidebar{
	grid-template-columns:minmax(0,1fr) 320px;
	align-items:start;
}

/* =========================================================
   5.0 Accessibility Helpers
   ========================================================= */
.myetnews-skip-link{
	position:absolute;
	left:-9999px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:100000;
	background:var(--myetnews-color-black);
	color:var(--myetnews-color-white);
	padding:.8em 1.2em;
	border-radius:0 0 var(--myetnews-radius) 0;
}
.myetnews-skip-link:focus{
	left:0;
	top:0;
	width:auto;
	height:auto;
}

.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;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible{
	outline:2px solid var(--myetnews-color-accent);
	outline-offset:3px;
}

@media (prefers-reduced-motion:reduce){
	*{ animation-duration:0.001ms!important; animation-iteration-count:1!important; transition-duration:0.001ms!important; scroll-behavior:auto!important; }
}

/* =========================================================
   6.0 Forms
   ========================================================= */
input[type=text],
input[type=email],
input[type=url],
input[type=search],
input[type=password],
textarea,
select{
	width:100%;
	font-family:inherit;
	font-size:1rem;
	padding:.7em .9em;
	border:1px solid var(--myetnews-color-gray-300);
	border-radius:var(--myetnews-radius);
	background:var(--myetnews-color-white);
	color:var(--myetnews-color-black);
}
label{ display:block; font-weight:600; margin-bottom:.4em; font-size:.95rem; }

/* =========================================================
   7.0 Header
   ========================================================= */
.myetnews-header{
	border-bottom:var(--myetnews-border);
	background:var(--myetnews-color-white);
}
.myetnews-header.is-sticky{ position:sticky; top:0; z-index:50; }

.myetnews-header-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1.5rem;
	padding-block: 0.4rem;
}

.myetnews-branding{ display:flex; align-items:center; }
.myetnews-site-title{ font-size:1.4rem; font-weight:700; margin:0; letter-spacing:-0.01em; }
.myetnews-site-title a{ text-decoration:none; }
.myetnews-branding img{ max-height:44px; width:auto; }

/* =========================================================
   8.0 Navigation
   ========================================================= */
.myetnews-primary-navigation{ display:flex; align-items:center; }

.myetnews-menu-toggle{
	display:none;
	background:none;
	border:1px solid var(--myetnews-color-gray-100);
	border-radius:var(--myetnews-radius);
	padding:.5em .7em;
	cursor:pointer;
}
.myetnews-menu-toggle .myetnews-icon-bar{
	display:block;
	width:20px;
	height:2px;
	background:var(--myetnews-color-black);
	margin:4px 0;
}

.myetnews-nav-menu{
	display:flex;
	gap:1.75rem;
}
.myetnews-nav-menu li{ position:relative; }
.myetnews-nav-menu a{
	display:inline-block;
	padding:.4em 0;
	font-size:.95rem;
	font-weight:500;
}
.myetnews-nav-menu a:hover,
.myetnews-nav-menu a:focus{ color:var(--myetnews-color-accent); }

.myetnews-nav-menu ul.sub-menu{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	min-width:200px;
	background:var(--myetnews-color-white);
	border:var(--myetnews-border);
	border-radius:var(--myetnews-radius);
	padding:.5em 0;
	box-shadow:0 4px 16px rgba(0,0,0,.06);
}
.myetnews-nav-menu li:hover > ul.sub-menu,
.myetnews-nav-menu li:focus-within > ul.sub-menu{ display:block; }
.myetnews-nav-menu ul.sub-menu a{ display:block; padding:.6em 1.1em; }

/* =========================================================
   9.0 Buttons & Links
   ========================================================= */
.myetnews-button,
button,
input[type=submit]{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:.4em;
	background:var(--myetnews-color-black);
	color:var(--myetnews-color-white);
	border:1px solid var(--myetnews-color-black);
	border-radius:999px;
	padding:.65em 1.4em;
	font-size:.9rem;
	font-weight:600;
	cursor:pointer;
	transition:background var(--myetnews-transition),color var(--myetnews-transition);
}
.myetnews-button:hover,
button:hover,
input[type=submit]:hover{
	background:var(--myetnews-color-white);
	color:var(--myetnews-color-black);
}

/* =========================================================
   10.0 Post / Article Cards (Category Archive)
   ========================================================= */
.myetnews-archive-header{
	padding-block:2rem 1.5rem;
	border-bottom:var(--myetnews-border);
	margin-bottom:2rem;
}
.myetnews-archive-title{ margin-bottom:.4rem; }
.myetnews-archive-description{
	color:var(--myetnews-color-gray-700);
	font-size:1.05rem;
	max-width:70ch;
}

.myetnews-post-list{ display:flex; flex-direction:column; }

.myetnews-post-card{
	display:grid;
	grid-template-columns:280px 1fr;
	gap:2rem;
	padding-block:2rem;
	border-bottom:var(--myetnews-border);
	align-items:start;
}
.myetnews-post-card:first-child{ padding-top:0; }

.myetnews-post-card-media{
	display:block;
	overflow:hidden;
	border-radius:var(--myetnews-radius);
	background:var(--myetnews-color-gray-50);
	aspect-ratio:4/3;
}
.myetnews-post-card-media img{ width:100%; height:100%; object-fit:cover; }

.myetnews-post-card-title{ margin-bottom:.5rem; }
.myetnews-post-card-title a:hover{ color:var(--myetnews-color-accent); }

.myetnews-post-card-excerpt{ color:var(--myetnews-color-gray-700); margin-bottom:.6rem; }

.myetnews-post-card-updated{
	font-size:.85rem;
	color:var(--myetnews-color-gray-500);
	text-transform:uppercase;
	letter-spacing:.04em;
}

/* =========================================================
   11.0 Single Post
   ========================================================= */
.myetnews-single-header{ padding-block:1rem 1.5rem; max-width:80ch; }
.myetnews-single-title{ margin-bottom:.6rem; }

.myetnews-entry-meta{
	display:flex;
	flex-wrap:wrap;
	gap:.5rem 1rem;
	font-size:.9rem;
	color:var(--myetnews-color-gray-500);
	margin-bottom:1.2rem;
}
.myetnews-entry-meta a{ color:var(--myetnews-color-gray-700); text-decoration:underline; text-underline-offset:3px; }

.myetnews-single-thumbnail{
	margin:1.5rem 0 2rem;
	border-radius:var(--myetnews-radius);
	overflow:hidden;
}

.myetnews-entry-content{ max-width:75ch; font-size:1.08rem; }
.myetnews-entry-content > *:first-child{ margin-top:0; }

.myetnews-entry-taxonomy{
	max-width:75ch;
	margin-top:2rem;
	padding-top:1.5rem;
	border-top:var(--myetnews-border);
	display:flex;
	flex-wrap:wrap;
	gap:.6rem 1rem;
	font-size:.9rem;
}
.myetnews-entry-taxonomy .myetnews-tag-list a{
	display:inline-block;
	padding:.3em .8em;
	border:1px solid var(--myetnews-color-gray-100);
	border-radius:999px;
	font-size:.85rem;
}

/* post lists */
.myetnews-entry-content ul, .myetnews-entry-content ol { margin-bottom: 1.5rem; padding-left: 1.5rem; list-style:square;}
.myetnews-entry-content li {  line-height: 1.6;  margin-bottom: 0.5rem;  color: #333333;}
.myetnews-entry-content li::marker {  color: #000000;   font-weight: bold;}

/* =========================================================
   12.0 Author Card & Bio
   ========================================================= */
.myetnews-author-card{
	max-width:75ch;
	margin-top:2.5rem;
	padding:1.75rem;
	border:var(--myetnews-border);
	border-radius:var(--myetnews-radius);
	display:flex;
	gap:1.25rem;
}
.myetnews-author-avatar img{
	border-radius:50%;
	max-width:64px;
	max-height:64px;
	object-fit:cover;
}
.myetnews-author-name{ font-size:1.05rem; margin-bottom:.3rem; }
.myetnews-author-name a{ text-decoration:none; }
.myetnews-author-bio{ color:var(--myetnews-color-gray-700); font-size:.95rem; margin-bottom:0; }

.myetnews-author-links {margin: 0; list-style: none; display: flex; padding-right: 10px;}
.myetnews-author-links li {padding-right: 10px; margin-top: 10px; color: blue;}

.myetnews-latest-posts{ max-width:75ch; margin-top:2.5rem; }
.myetnews-latest-posts h2{ font-size:1.2rem; margin-bottom:1rem; }
.myetnews-latest-posts ul{ display:flex; flex-direction:column; gap:.9rem; }
.myetnews-latest-posts li{ border-bottom:var(--myetnews-border); padding-bottom:.9rem; }
.myetnews-latest-posts a{ font-weight:600; }
.myetnews-latest-posts time{ display:block; font-size:.82rem; color:var(--myetnews-color-gray-500); margin-top:.2rem; }
.myetnews-author-bio a {border-bottom: 1px dotted;}
a.contact-author {border: solid 1px gray; padding: 5px; margin-top: 10px; border-radius: 5px;   color: var(--myetnews-color-gray-700);}
/* =========================================================
   13.0 Comments
   ========================================================= */
.myetnews-comments{ max-width:75ch; margin-top:3rem; }
.myetnews-comments-title{ margin-bottom:1.2rem; }
.myetnews-comment-list{ display:flex; flex-direction:column; gap:1.5rem; }
.myetnews-comment-list .children{ margin-top:1.5rem; margin-left:2rem; display:flex; flex-direction:column; gap:1.5rem; }
.comment-body{ border-bottom:var(--myetnews-border); padding-bottom:1.5rem; }
.comment-author{ display:flex; align-items:center; gap:.7rem; margin-bottom:.4rem; }
.comment-author img{ border-radius:50%; }
.comment-author .fn{ font-weight:600; font-style:normal; }
.comment-metadata{ font-size:.82rem; color:var(--myetnews-color-gray-500); margin-bottom:.6rem; }
.comment-metadata a{ color:inherit; }
.comment-content p:last-child{ margin-bottom:0; }
.reply a{
	font-size:.85rem;
	font-weight:600;
	text-decoration:underline;
}
.comment-form p{ margin-bottom:1rem; }
#respond{ margin-top:2rem; }
.myetnews-comment-nav{ display:flex; justify-content:space-between; margin-bottom:1.5rem; font-size:.9rem; }

/* =========================================================
   14.0 Sidebar & Widgets
   ========================================================= */
.myetnews-sidebar .widget{
	margin-bottom:2.5rem;
	padding-bottom:2rem;
	border-bottom:var(--myetnews-border);
}
.myetnews-sidebar .widget:last-child{ border-bottom:none; }
.myetnews-sidebar .widget-title{ font-size:1.05rem; margin-bottom:1rem; }
.myetnews-sidebar ul li{ padding-block:.4rem; border-bottom:1px solid var(--myetnews-color-gray-50); }
.myetnews-sidebar ul {list-style: square !important; margin-left: 10px;}
.myetnews-sidebar li::marker {font-size: 21px; margin-left: 10px; color: var(--myetnews-color-gray-500);}
/* =========================================================
   15.0 Footer
   ========================================================= */
.myetnews-footer{
	border-top:var(--myetnews-border);
	background:var(--myetnews-color-white);
	margin-top:3rem;
}
.myetnews-footer-columns{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:2.5rem;
	padding-block:3rem;
}
.myetnews-footer-columns h2{ font-size:.85rem; text-transform:uppercase; letter-spacing:.06em; margin-bottom:1rem; color:var(--myetnews-color-gray-500); }
.myetnews-footer-columns li{ margin-bottom:.6rem; }
.myetnews-footer-columns a:hover{ color:var(--myetnews-color-accent); }

.myetnews-footer-description{
	border-top:var(--myetnews-border);
	padding-block:2rem;
	color:var(--myetnews-color-gray-700);
	max-width:80ch;
}

.myetnews-footer-bottom{
	border-top:var(--myetnews-border);
	padding-block:1.5rem;
	font-size:.85rem;
	color:var(--myetnews-color-gray-500);
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:.5rem;
}

/* =========================================================
   16.0 Pagination
   ========================================================= */
.myetnews-pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:.5rem;
	margin-top:2.5rem;
	flex-wrap:wrap;
}
.myetnews-pagination a,
.myetnews-pagination span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:2.4em;
	height:2.4em;
	padding:0 .5em;
	border:1px solid var(--myetnews-color-gray-100);
	border-radius:var(--myetnews-radius);
	font-size:.9rem;
}
.myetnews-pagination .current{ background:var(--myetnews-color-black); color:var(--myetnews-color-white); border-color:var(--myetnews-color-black); }
.myetnews-pagination a:hover{ border-color:var(--myetnews-color-black); }

/* =========================================================
   17.0 Alignments & WP Core
   ========================================================= */
.alignleft{ float:left; margin:.4em 1.5em 1em 0; }
.alignright{ float:right; margin:.4em 0 1em 1.5em; }
.aligncenter{ display:block; margin-left:auto; margin-right:auto; }
.alignwide{ max-width:calc(75ch + 4rem); }
.alignfull{ width:100%; max-width:100%; }

.wp-caption,
.wp-block-image figcaption,
.myetnews-entry-content figcaption{
	font-size:.85rem;
	color:var(--myetnews-color-gray-500);
	margin-top:.5em;
}

.gallery{ display:grid; grid-template-columns:repeat(var(--columns,3),1fr); gap:.6rem; }

.myetnews-search-form{ display:flex; gap:.6rem; }
.myetnews-search-form label{ flex:1; margin:0; }

.myetnews-empty-state{ padding:3rem 0; }

/* =========================================================
   18.0 Responsive Media Queries
   ========================================================= */
@media (max-width:960px){
	.myetnews-layout.has-sidebar{ grid-template-columns:1fr; }
	.myetnews-footer-columns{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:782px){
	.myetnews-menu-toggle{ display:inline-block; }
	.myetnews-primary-navigation{ position:relative; }
	.myetnews-nav-menu{
		display:none;
		position:absolute;
		right:0;
		top:100%;
		flex-direction:column;
		background:var(--myetnews-color-white);
		border:var(--myetnews-border);
		border-radius:var(--myetnews-radius);
		padding:.5rem 0;
		min-width:220px;
		box-shadow:0 8px 24px rgba(0,0,0,.08);
	}
	.myetnews-nav-menu.is-open{ display:flex; }
	.myetnews-nav-menu li{ width:100%; }
	.myetnews-nav-menu a{ display:block; padding:.7em 1.2em; }
	.myetnews-nav-menu ul.sub-menu{ position:static; border:none; box-shadow:none; padding-left:1rem; }

	.myetnews-post-card{ grid-template-columns:1fr; }

	.myetnews-footer-columns{ grid-template-columns:1fr; }
	.myetnews-author-card{ flex-direction:column; }
}

@media (max-width:480px){
	body{ font-size:16px; }
}