/*
Theme Name: Doctors108 Blog
Theme URI: https://doctors108.com
Author: Doctors108
Description: Full-featured WordPress blog theme converted from the Finder HTML template (blog-layout-v4 + blog-single-v1), built for doctors108.com's article/blog section. Includes sidebar, search, comments, related posts, and category/tag/date/author archives.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: d108blog
License: This theme's PHP/WordPress integration is original work. Underlying HTML/CSS/JS design assets are from the "Finder" template by Coderthemes \u2014 confirm your Finder license (e.g. ThemeForest Regular License) covers this WordPress conversion/use before deploying.
*/

/* -----------------------------------------------------------
   Core WordPress content classes.
   theme.min.css (enqueued via functions.php) provides all visual
   design; this file only adds the standard WP alignment/gallery/
   accessibility classes that WordPress core expects every theme
   to define, plus a couple of small template-specific tweaks.
------------------------------------------------------------ */

.alignleft { float: left; margin: 0.4em 1.5em 1em 0; }
.alignright { float: right; margin: 0.4em 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide { max-width: none; }
.alignfull { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }

.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.85rem; color: var(--fn-body-color-secondary, #6c7f82); margin-top: 0.5rem; }
.wp-block-image figcaption { font-size: 0.85rem; }

.gallery { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 1.5rem 0; }
.gallery-item { flex: 1 1 200px; max-width: 32%; }
.gallery-item img { width: 100%; height: auto; border-radius: 0.5rem; }

.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: #fff; clip: auto !important; clip-path: none; color: #132A2E;
  display: block; font-size: 1rem; height: auto; left: 5px; line-height: normal;
  padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;
}

.sticky { position: relative; }
.sticky .badge-sticky {
  display: inline-block; font-size: 0.7rem; text-transform: uppercase;
  letter-spacing: 0.03em; padding: 0.2em 0.6em; border-radius: 0.3rem;
  background: var(--fn-amber, #E8A33D); color: #1c1c1c; margin-bottom: 0.5rem;
}

/* Post content: keep headings/links legible when pulled from the editor */
.entry-content img { max-width: 100%; height: auto; border-radius: 0.5rem; }
.entry-content > *:first-child { margin-top: 0; }

/* Comment reply-to indentation (native WP nested comments) */
.comment-list .children { list-style: none; margin: 1rem 0 0 2rem; padding: 0; }
@media (max-width: 575px) {
  .comment-list .children { margin-left: 0.75rem; }
}

/* Skip link (accessibility) */
.skip-link {
  position: fixed; top: -100px; left: 0; z-index: 100000;
}
.skip-link:focus { top: 0; }

/* -----------------------------------------------------------
   Custom logo (Appearance > Customize > Site Identity)
   Fixes blurry logos: without a fixed CSS display size, the
   browser renders the logo at its raw file pixel dimensions,
   which looks blurry on Retina/HiDPI screens (2x-3x density).
   Upload your logo file at 2-3x this display size (or as SVG)
   for it to render sharp on every screen. See README for exact
   export sizes.
------------------------------------------------------------ */
.navbar-brand .custom-logo {
  height: 34px;
  width: auto;
  max-width: 200px;
}
@media (min-width: 992px) {
  .navbar-brand .custom-logo { height: 38px; max-width: 220px; }
}