/*
Theme Name: IMPark Theme
Theme URI: https://www.demiwo.de/
Author: DEMIWO / IMPark
Author URI: https://www.demiwo.de/
Description: Schlankes, eigenständiges IMPark-Theme. Header, Footer, Branding, Inhalte und Funktionen werden vom Plugin „DEMIWO IMPark Nürnberg Connector" geliefert – kein Page-Builder, keine Fremdbibliotheken. Ersetzt das Valetex-Theme.
Version: 1.0.0
Requires at least: 6.0
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: impark-theme
Tags: lightweight, custom-logo, translation-ready, full-width-template
*/

/* =========================================================================
   IMPark Theme – base styles only (namespaced .itheme-* to avoid clashing
   with the plugin's own front-end classes .impark-*).
   Header CSS  -> mu-plugins/impark-header.php + the migrated plugin stylesheet.
   Footer CSS  -> printed by the plugin (Demiwo_Impark_Nuernberg_Frontend).
   Site design -> assets/css/impark-frontend.css (migrated from Customizer).
   Branding    -> injected by the plugin via wp_head.
   This file only provides the page skeleton + readable typography for the
   WordPress-native templates (blog, single, search, archive, 404).
   ========================================================================= */

:root{
  --itheme-navy:#0a1a30;
  --itheme-blue:#0F3460;
  --itheme-accent:#1f6feb;
  --itheme-ink:#1f2733;
  --itheme-muted:#5a6677;
  --itheme-line:#e6eaf1;
  --itheme-maxw:1200px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:#fff;
  color:var(--itheme-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}

/* Page skeleton: keep footer at the bottom on short pages. */
.itheme-shell{display:flex;flex-direction:column;min-height:100vh}
.itheme-main{flex:1 0 auto}

/* Full-width pages (marketing pages manage their own section widths). */
.itheme-flow{width:100%}

/* Narrow, readable container for blog/single/search/archive/404. */
.itheme-container{max-width:var(--itheme-maxw);margin:0 auto;padding:40px 24px 64px}
.itheme-container--narrow{max-width:760px}

/* Content typography (WordPress-native post/page bodies). */
.itheme-article__body{font-size:17px;line-height:1.75}
.itheme-article__body h1,.itheme-article__body h2,.itheme-article__body h3,
.itheme-article__body h4{line-height:1.25;color:var(--itheme-ink);margin:1.6em 0 .5em}
.itheme-article__body h1{font-size:2rem}
.itheme-article__body h2{font-size:1.6rem}
.itheme-article__body h3{font-size:1.3rem}
.itheme-article__body p,.itheme-article__body ul,.itheme-article__body ol{margin:0 0 1.1em}
.itheme-article__body a{color:var(--itheme-blue);text-decoration:underline;text-underline-offset:2px}
.itheme-article__body img{border-radius:10px}
.itheme-article__body blockquote{margin:1.4em 0;padding:.6em 1.2em;border-left:4px solid var(--itheme-accent);background:#f6f8fc;border-radius:0 8px 8px 0;color:var(--itheme-muted)}
.itheme-article__body table{width:100%;border-collapse:collapse;margin:1.2em 0}
.itheme-article__body th,.itheme-article__body td{border:1px solid var(--itheme-line);padding:10px 12px;text-align:left}

/* Article header (blog/single). */
.itheme-article__head{margin-bottom:24px}
.itheme-article__title{font-size:2rem;line-height:1.2;margin:0 0 8px;color:var(--itheme-ink)}
.itheme-article__title a{color:inherit;text-decoration:none}
.itheme-article__title a:hover{color:var(--itheme-blue)}
.itheme-article__meta{color:var(--itheme-muted);font-size:14px}
.itheme-article+.itheme-article{margin-top:40px;padding-top:40px;border-top:1px solid var(--itheme-line)}

/* Pagination. */
.itheme-pagination{margin-top:40px;display:flex;flex-wrap:wrap;gap:8px}
.itheme-pagination .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--itheme-line);border-radius:8px;text-decoration:none;color:var(--itheme-blue)}
.itheme-pagination .page-numbers.current{background:var(--itheme-blue);color:#fff;border-color:var(--itheme-blue)}

/* 404 page. */
.itheme-404{max-width:680px;margin:0 auto;padding:80px 24px 96px;text-align:center}
.itheme-404__code{font-size:96px;font-weight:800;line-height:1;color:var(--itheme-blue);letter-spacing:-.03em}
.itheme-404__title{font-size:1.7rem;margin:8px 0 12px}
.itheme-404__text{color:var(--itheme-muted);font-size:18px;margin:0 auto 28px;max-width:520px}
.itheme-404__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.itheme-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .08s,box-shadow .15s}
.itheme-btn:hover{transform:translateY(-1px)}
.itheme-btn--primary{background:var(--itheme-blue);color:#fff}
.itheme-btn--ghost{background:#fff;color:var(--itheme-blue);border-color:var(--itheme-line)}
.itheme-404__links{margin-top:34px;font-size:15px;color:var(--itheme-muted)}
.itheme-404__links a{margin:0 8px;color:var(--itheme-blue)}

/* WP core alignment classes (so wide/full blocks behave without a builder). */
.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}
.alignfull{max-width:none}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}

/* WordPress core screen-reader class. */
.screen-reader-text{position:absolute !important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;word-wrap:normal}