/*
Theme Name: Malermester PN - Vi er flyttet v2
Theme URI: https://malerfirmaet-pn.dk
Author: MalerFirmaet Peter Nielsen
Author URI: https://malerfirmaet-pn.dk
Description: Simpelt "vi har skiftet navn og adresse" tema til den gamle Malermester Peter Nielsen hjemmeside. Viser en besked om at firmaet nu hedder MalerFirmaet Peter Nielsen og henviser til det nye website malerfirmaet-pn.dk.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: malermester-pn-flyttet-v2
*/

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

:root {
  --color-bg: #f5f5f5;
  --color-dark: #111111;
  --color-text: #333333;
  --color-muted: #666666;
  --color-accent: #2a7fa8;
  --color-accent-dark: #1d6080;
  --color-border: #dddddd;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  color: var(--color-text);
  background: var(--color-bg);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

.moved-card {
  max-width: 560px;
  width: 100%;
  background: #ffffff;
  border: 1px solid var(--color-border);
  padding: 3rem 2.5rem;
  text-align: center;
}

.moved-logo {
  max-width: 260px;
  width: 100%;
  height: auto;
  margin: 0 auto 2rem;
  display: block;
}

.moved-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--color-dark);
  margin-bottom: 1rem;
}

.moved-text {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--color-muted);
  margin-bottom: 0.75rem;
}

.moved-text strong {
  color: var(--color-text);
}

.moved-btn {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.9rem 2rem;
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: background 0.2s ease;
}

.moved-btn:hover { background: var(--color-accent-dark); }

.moved-contact {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-border);
  font-size: 0.9rem;
  color: var(--color-muted);
}

.moved-contact a {
  color: var(--color-muted);
  text-decoration: none;
}

.moved-contact a:hover { color: var(--color-accent); }