/*
Theme Name: Niederrhein Guide
Theme URI: https://niederrheinguide.de/
Author: Niederrhein Guide
Description: Regionalmagazin für den Niederrhein. Clean-modernes Magazin-Layout mit Titelthema, Rubriken, Beitragsraster, Sponsorenverwaltung und selbst gehosteten Schriften. Kein Tracking, keine externen Ressourcen.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
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: niederrhein-guide
Tags: blog, magazine, news, custom-menu, featured-images, translation-ready
*/

/* Die eigentlichen Styles liegen in assets/css/style.css und werden
   über functions.php eingebunden. Diese Datei enthält nur den Theme-Header
   sowie WordPress-spezifische Ergänzungen. */

/* --- WordPress-Standardklassen --- */
.alignleft{ float:left; margin:.4em 1.6em 1em 0; }
.alignright{ float:right; margin:.4em 0 1em 1.6em; }
.aligncenter{ display:block; margin-inline:auto; }
.alignwide{ width:min(100%, 1000px); margin-inline:auto; }
.alignfull{ width:100%; }
.wp-caption{ max-width:100%; }
.wp-caption-text,.wp-element-caption{ font-size:12.5px; color:var(--ink-3); margin-top:10px; }
.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;
}
.sticky .card__tag{ background:var(--accent); color:#fff; }
.wp-block-image img{ border-radius:var(--radius); }
.prose .wp-block-quote{ margin:2.4em 0; padding:0 0 0 26px; border-left:3px solid var(--accent);
  font-family:var(--display); font-size:clamp(22px,2.4vw,29px); line-height:1.34; font-style:italic; color:var(--ink); }
.prose .wp-block-pullquote{ border-block:1px solid var(--line); padding:24px 0; text-align:center; }

/* --- Admin-Bar --- */
body.admin-bar .nav{ top:32px; }
@media screen and (max-width:782px){ body.admin-bar .nav{ top:46px; } }

/* --- Paginierung --- */
.pagination{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; padding-block:48px 8px; }
.pagination .page-numbers{
  min-width:42px; padding:10px 14px; text-align:center; border:1px solid var(--line);
  border-radius:100px; font-size:13px; font-weight:600; letter-spacing:.06em;
  transition:all .22s var(--ease);
}
.pagination .page-numbers:hover{ border-color:var(--ink); }
.pagination .page-numbers.current{ background:var(--ink); border-color:var(--ink); color:var(--paper); }

/* --- Kommentare --- */
.comments{ margin-top:clamp(40px,5vw,64px); }
.comments h2{ font-size:clamp(22px,2.2vw,28px); }
.comment-list{ list-style:none; margin:0; padding:0; }
.comment-list li{ padding-block:22px; border-bottom:1px solid var(--line); }
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{
  width:100%; padding:13px 15px; border:1px solid var(--line); border-radius:var(--radius);
  font:inherit; background:transparent;
}
.comment-form .submit{
  display:inline-flex; padding:13px 26px; border:1px solid var(--ink); background:var(--ink);
  color:var(--paper); font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  border-radius:var(--radius); cursor:pointer;
}