/*
Theme Name: Disco Teepee
Theme URI: https://discoteepee.com
Author: Green Maru
Description: The Disco Teepee blog, matched to the site. Loads the site's own stylesheet from /assets/css/site.css so the blog and the rest of the site can never drift apart.
Version: 1.3
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: disco-teepee
*/

/* The real stylesheet is /assets/css/site.css, enqueued in functions.php.
   What follows is only the handful of rules WordPress markup needs that the
   static site never had to produce. */

.wp-caption { margin: 0 0 1.5em; }
.wp-caption-text, figcaption {
  font-size: 13.5px; color: var(--muted); margin-top: 8px; text-align: center;
}
.alignleft  { float: left;  margin: .4em 1.6em 1em 0; }
.alignright { float: right; margin: .4em 0 1em 1.6em; }
.aligncenter{ display: block; margin-left: auto; margin-right: auto; }
.alignwide, .alignfull { max-width: 100%; height: auto; }
.wp-block-image img { max-width: 100%; height: auto; border-radius: var(--r-md); }
.sticky .pcard { border-color: var(--pink); }
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

/* WordPress galleries, which several of her older posts use. */
.gallery { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); margin: 2em 0; }
.gallery img { width: 100%; height: auto; border-radius: var(--r-md); display: block; }
.gallery br { display: none; }

/* Comments, kept plain. */
.comments { margin-top: clamp(34px, 4vw, 56px); padding-top: clamp(26px, 3vw, 38px); border-top: 1px solid var(--line); }
.comments ol { list-style: none; padding: 0; }
.comments li { border: 1px solid var(--line); border-radius: var(--r-md); padding: 16px 18px; margin-bottom: 14px; }
.comments .comment-meta { font-size: 12.5px; color: var(--muted); margin-bottom: 8px; }
.comment-form input[type="text"], .comment-form input[type="email"],
.comment-form input[type="url"], .comment-form textarea {
  width: 100%; background: var(--navy); color: var(--cream);
  border: 1px solid var(--line-strong); border-radius: var(--r-md); padding: 12px 14px; font: inherit;
}
.comment-form label { display: block; margin: 12px 0 6px; font-size: 14px; color: var(--muted); }

/* Pagination. */
.pager { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: clamp(30px, 3.4vw, 46px); }
.pager .page-numbers {
  min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
  padding: 0 14px; border: 1px solid var(--line); border-radius: 100px;
  color: var(--cream); text-decoration: none; font-weight: 600; font-size: 14px;
}
.pager .page-numbers:hover { border-color: var(--pink); color: var(--pink); }
.pager .page-numbers.current { background: var(--grad-btn); border-color: transparent; }