/*
Theme Name: The Pot Modern
Theme URI: https://thepot.se
Author: The Pot
Description: Minimalistiskt tema för thepot.se med central hantering av resurser per plats.
Version: 1.0.1
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thepot-modern
*/

/* —— Samma namn som i @font-face (functions.php) —— */
:root {
  color-scheme: light dark;
  --bg: #fafafa;
  --fg: #1a1a1a;
  --muted: #5c5c5c;
  --accent: #0d6e6e;
  --border: #e0e0e0;
  --font-stack-munken: "Munken Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font: var(--font-family-sans, var(--font-stack-munken));
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121212;
    --fg: #f2f2f2;
    --muted: #a8a8a8;
    --border: #333;
  }
}

/*
 * Typografi: slår igenom WordPress global-styles-inline-css och block-preset
 * (t.ex. --wp--preset--font-family--*) utan att röra färger eller layout.
 * Monospace undantas så kod/pre inte tvingas till Munken.
 */
html,
html body,
html body .wp-site-blocks,
html body .wp-block-group,
html body main,
html body .hero-section,
html body .hero-section__title,
html body .hero-section__sub,
html body .hero-page__content-inner,
html body .site-header,
html body .site-footer,
html body .site-brand__link,
html body .primary-menu,
html body .primary-menu a,
html body .site-footer__address,
html body .site-footer__contact,
html body .site-footer__contact a,
html body .site-footer__social,
html body .site-footer__social a,
html body .resource-card,
html body .resource-card__title,
html body .resource-card__header,
html body .resource-card__body,
html body .resource-card__footer,
html body .resource-card__intro,
html body .resource-card__cta-btn,
html body .resource-card__price,
html body .resource-card__price-lead,
html body .resource-card__price-note,
html body .resource-card__capacity-badge,
html body .resource-single__content,
html body .capacity-box,
html body .pot-cap-num,
html body .taxonomy-plats__title,
html body .taxonomy-plats__description,
html body .site-title,
html body .site-title a,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .page-title,
html body .entry-title,
html body .entry-title a,
html body .post-list,
html body .post-list a,
html body .meta,
html body .plats-tags,
html body .empty-state,
html body p,
html body li,
html body dt,
html body dd,
html body blockquote,
html body figcaption,
html body label,
html body input,
html body textarea,
html body select,
html body button,
html body .wp-block-heading,
html body .wp-block-post-title,
html body .wp-block-post-title a,
html body .wp-block-site-title,
html body .wp-block-site-title a,
html body .wp-block-navigation,
html body .wp-block-navigation-item__content {
  font-family: "Munken Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

html body pre,
html body code,
html body kbd,
html body samp,
html body .wp-block-code,
html body .wp-block-preformatted {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
}

html {
  margin: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--fg);
  background: var(--bg);
}

a {
  color: var(--accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}

a:hover {
  text-decoration-thickness: 2px;
}

.post-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.post-list li {
  padding: 1rem 0;
  border-bottom: 1px solid var(--border);
}

.post-list li:first-child {
  padding-top: 0;
}

.post-list h2 {
  margin: 0 0 0.35rem;
  font-size: 1.125rem;
  font-weight: 500;
}

.post-list h2 a {
  color: inherit;
}

.meta {
  margin: 0;
  font-size: 0.875rem;
  color: var(--muted);
}

.plats-tags {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.plats-tags span {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  font-size: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 999px;
}

.empty-state {
  margin: 0;
  color: var(--muted);
}