/*
Theme Name: EDUILM
Theme URI: https://eduilm.com
Description: EDUILM — an educational blogging theme with a violet glass-morphism design, light and dark modes, featured and trending rails, category browsing, an author-focused article layout with a sticky table of contents, reading progress, callouts, FAQs and built-in SEO. Write posts the normal WordPress way; the theme handles the rest.
Author: EDUILM
Author URI: https://eduilm.com
Version: 1.0.0
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: eduilm
Tags: blog, education, news, two-columns, right-sidebar, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, dark-mode
*/

/*
  The real styles live in assets/css/eduilm.css, enqueued from functions.php.
  This file only needs the theme header above for WordPress to accept the theme,
  plus a few WordPress-specific classes the static build never needed.
*/

/* WordPress core alignment + caption classes */
.alignleft { float: left; margin: 0.5rem 1.5rem 1rem 0; }
.alignright { float: right; margin: 0.5rem 0 1rem 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide { max-width: 60rem; margin-inline: auto; }
.alignfull { width: 100%; }
.wp-caption { max-width: 100%; }
.wp-caption-text { margin-top: 0.5rem; text-align: center; font-size: 0.8125rem; color: rgb(var(--muted)); }
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.sticky-badge { display: inline-block; }
.bypostauthor > .comment-body {}

/* Admin bar spacing so the fixed header never hides under it */
body.admin-bar .header-shell { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .header-shell { top: 46px; }
}

/* Comments */
.comment-list { list-style: none; padding: 0; }
.comment-list .children { list-style: none; margin-left: 1.5rem; }
.comment-body { padding: 1rem 0; border-bottom: 1px solid rgb(var(--hairline)); }
.comment-author { display: flex; align-items: center; gap: 0.625rem; font-weight: 600; font-size: 0.875rem; }
.comment-author img { border-radius: 999px; }
.comment-meta { font-size: 0.75rem; color: rgb(var(--muted)); margin-top: 0.25rem; }
.comment-content { margin-top: 0.75rem; font-size: 0.9375rem; line-height: 1.7; }
.comment-content p { margin-block: 0.75rem; }
.comment-respond { margin-top: 2rem; }
.comment-form p { margin-bottom: 1rem; }
.comment-form label { display: block; margin-bottom: 0.375rem; font-size: 0.8125rem; font-weight: 500; }