/*
Theme Name: eglutensiz
Theme URI: https://eglutensiz.org
Author: eglutensiz
Author URI: https://eglutensiz.org
Description: Modern, accessible, mobile-first healthcare-organization theme for eglutensiz.org. Scandinavian-inspired, WCAG AA, trust-focused. Preserves existing content, URLs, and SEO structure — redesigns only the experience layer.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
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: eglutensiz
Tags: accessibility-ready, custom-logo, custom-menu, featured-images, translation-ready, two-columns, right-sidebar
*/

/*
  The visual design system lives in assets/css/theme.css (tokens + components),
  loaded via functions.php alongside Tailwind utilities. This file carries the
  required WordPress theme header and a few WP-specific overrides only.
*/

/* WordPress core alignment & caption classes */
.alignleft  { float: left;  margin: 0 1.5rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.aligncenter{ display: block; margin-inline: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text, .gallery-caption { font-size: 14px; color: var(--muted); }
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; word-wrap: normal !important;
}
.sticky, .bypostauthor { display: block; }
.prose img { border-radius: 12px; height: auto; }
.prose figure { margin: 24px 0; }
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

/* Pagination */
.pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; justify-content: center; }
.pagination .page-numbers {
  display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px;
  border: 1.5px solid var(--border); border-radius: 999px; color: var(--ink); font-weight: 600; font-size: 15px;
}
.pagination .page-numbers:hover { border-color: var(--brand-700); text-decoration: none; }
.pagination .page-numbers.current { background: var(--brand-700); border-color: var(--brand-700); color: #fff; }