/*
Theme Name: PRP
Theme URI: https://precisionresearchpeptides.com/
Author: Precision Research Peptides
Description: The approved Precision Research Peptides storefront design, wired to WooCommerce. White ground, baby blue and neon blue trim, 2px radius, no dark mode.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: prp
Tags: e-commerce, custom-logo, custom-menu, featured-images, translation-ready
WC requires at least: 8.0
WC tested up to: 11.0
*/

/* The design system lives in assets/css/prototype.css (loaded first).
   This file carries only what WordPress itself renders: editor content,
   accessibility utilities, comments and pagination. */

/* ---------------- accessibility ---------------- */
.screen-reader-text{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.skip-link:focus{
  position:fixed;left:1rem;top:1rem;z-index:9999;width:auto;height:auto;
  clip:auto;margin:0;padding:.8rem 1.2rem;background:var(--ink);color:#fff;
  font-weight:600;border-radius:var(--r);box-shadow:var(--e2);
}

/* ---------------- editor content ---------------- */
.entry{max-width:72ch;margin-inline:auto}
.entry-head{padding:clamp(2.4rem,6vw,4.5rem) 0 1.6rem;border-bottom:1px solid var(--rule);margin-bottom:2.2rem}
.entry-content{font-family:var(--serif);font-size:1.05rem;line-height:1.75;color:var(--ink-2)}
.entry-content > * + *{margin-top:1.15em}
.entry-content h2{font-family:var(--sans);font-weight:650;letter-spacing:-.028em;font-size:1.6rem;line-height:1.2;color:var(--ink);margin-top:2.2em}
.entry-content h3{font-family:var(--sans);font-weight:620;letter-spacing:-.018em;font-size:1.18rem;color:var(--ink);margin-top:1.8em}
.entry-content h4{font-family:var(--sans);font-weight:620;font-size:1rem;color:var(--ink);margin-top:1.6em}
.entry-content a{color:var(--accent);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
.entry-content a:hover{color:var(--accent-2)}
.entry-content strong{color:var(--ink);font-weight:650}
.entry-content ul,.entry-content ol{padding-left:1.35rem}
.entry-content li + li{margin-top:.45em}
.entry-content blockquote{
  margin-inline:0;padding:1rem 1.4rem;border-left:2px solid var(--accent);
  background:var(--wash);color:var(--ink);font-style:normal;
}
.entry-content code{font-family:var(--mono);font-size:.86em;background:var(--wash-2);padding:.15em .4em;border-radius:var(--r)}
.entry-content pre{font-family:var(--mono);font-size:.84rem;background:var(--ink);color:#DCE7F7;padding:1.1rem 1.3rem;border-radius:var(--r);overflow-x:auto}
.entry-content pre code{background:none;padding:0;color:inherit}
.entry-content img,.entry-content iframe{max-width:100%;height:auto;border-radius:var(--r)}
.entry-content hr{border:0;border-top:1px solid var(--rule);margin-block:2.4em}
.entry-content table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:.92rem}
.entry-content th,.entry-content td{padding:.7rem .8rem;border-bottom:1px solid var(--rule);text-align:left}
.entry-content th{font-weight:650;color:var(--ink);background:var(--wash)}

/* block alignments */
.alignleft{float:left;margin:.3em 1.6em 1.2em 0}
.alignright{float:right;margin:.3em 0 1.2em 1.6em}
.aligncenter{display:block;margin-inline:auto;text-align:center}
.alignwide{max-width:min(1100px,92vw);margin-inline:auto}
.alignfull{max-width:none;width:100vw;margin-left:calc(50% - 50vw)}
.wp-caption-text,figcaption{font-family:var(--sans);font-size:.8rem;color:var(--ink-3);margin-top:.5rem}
.sticky .entry-title::after{content:" \2605";color:var(--accent)}

/* ---------------- listings ---------------- */
.post-list{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding-block:2.4rem}
.post-card{border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);padding:1.3rem;transition:border-color .16s,box-shadow .16s,transform .16s var(--ease-out)}
.post-card:hover{border-color:var(--rule-2);box-shadow:var(--e1);transform:translateY(-2px)}
.post-card h2{font-size:1.1rem;font-weight:620;letter-spacing:-.018em;margin:0 0 .5rem}
.post-card .meta{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.post-card p{font-family:var(--serif);color:var(--ink-2);margin:.6rem 0 0}

/* ---------------- pagination ---------------- */
.prp-pagination{display:flex;justify-content:center;gap:.35rem;padding-block:2.4rem;flex-wrap:wrap}
.prp-pagination .page-numbers{
  min-width:40px;height:40px;display:inline-grid;place-items:center;padding-inline:.7rem;
  border:1px solid var(--rule);border-radius:var(--r);font-size:.88rem;font-weight:600;
  color:var(--ink-2);transition:border-color .15s,color .15s,background .15s;
}
.prp-pagination .page-numbers:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.prp-pagination .page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff}
.prp-pagination .dots{border-color:transparent}

/* ---------------- comments ---------------- */
.comments-area{max-width:72ch;margin-inline:auto;padding-block:2.6rem;border-top:1px solid var(--rule)}
.comment-list{list-style:none;padding:0;margin:0}
.comment-list li{padding:1.1rem 0;border-bottom:1px solid var(--rule)}
.comment-list .children{list-style:none;padding-left:1.6rem;border-left:1px solid var(--rule)}
.comment-meta{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.4rem}
.comment-form label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.3rem}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{
  width:100%;padding:.8rem .9rem;border:1px solid var(--rule);border-radius:var(--r);
  font:inherit;color:var(--ink);background:var(--surface);
}
.comment-form input:focus,.comment-form textarea:focus{outline:2px solid var(--neon);outline-offset:1px;border-color:transparent}

/* ---------------- misc WP chrome ---------------- */
.prp-page-head{padding:clamp(2.6rem,6vw,4.6rem) 0 1.4rem}
.prp-empty{padding:3.5rem 0;color:var(--ink-2);font-family:var(--serif);font-size:1.05rem}
.prp-rou-notice{
  margin-top:1.4rem;padding:.85rem 1.1rem;border:1px solid var(--rule);border-left:2px solid var(--accent);
  background:var(--wash);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-2);
}
.admin-bar header#hdr{top:32px}
@media screen and (max-width:782px){.admin-bar header#hdr{top:46px}}