/*
Theme Name: Fiii Gorjului
Theme URI: https://fiiigorjului.ro/
Author: Fluxo AI
Description: Tema Ligii Culturale „Fiii Gorjului”. Scrisă de mână, fără page builder și fără pluginuri obligatorii. Meniurile se editează din Aspect → Meniuri, datele de contact din Aspect → Personalizare → Datele Ligii.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fiii-gorjului
*/

/* Designul propriu-zis stă în assets/css/site.css, copiat din sursa site-ului.
   Aici sunt doar regulile de care are nevoie WordPress în plus. */

/* Bara de administrare apare deasupra paginii când e cineva logat. Antetul lipit
   sus trebuie să coboare sub ea, altfel îl acoperă. */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}
@media (max-width: 600px) {
  .admin-bar .site-header { top: 0; }
}

.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;
}

/* Paginile scrise direct în editor, fără secțiunile site-ului. */
.continut-editor { max-width: 68ch; }
.continut-editor > *:first-child { margin-top: 0; }
.continut-editor img { height: auto; border-radius: var(--r-md); }

.alignleft { float: left; margin: .4em 1.5em 1em 0; }
.alignright { float: right; margin: .4em 0 1em 1.5em; }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption, .wp-block-image figcaption { font-size: .875rem; color: var(--ink-muted); }
.wp-block-embed iframe, .article__body iframe { max-width: 100%; }
.article__body img { height: auto; }

/* Paginarea din arhivele de categorie. */
.pagination { margin-top: 40px; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; padding: 0 14px;
  border: 1px solid var(--line); border-radius: var(--r-sm);
  background: var(--surface); color: var(--brand-deep); text-decoration: none; font-weight: 600;
}
.pagination .page-numbers.current { background: var(--brand-deep); border-color: var(--brand-deep); color: #fff; }
.pagination a.page-numbers:hover { border-color: var(--brand); background: var(--brand-soft); }