/*
Theme Name: Klinik for Fodterapi Hammel – Scandinavian
Theme URI: https://hammelfodterapi.dk/
Author: OpenAI for Klinik for Fodterapi Hammel
Description: Redigerbart undertema til Twenty Twenty-Five med Scandinavian-design, klinikkens logo, farver og sideskabeloner.
Version: 3.0.1
Template: twentytwentyfive
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: hammel-scandinavian
*/

:root {
  --hf-green: #58725a;
  --hf-green-deep: #304b38;
  --hf-sage: #dfe9dd;
  --hf-mist: #f3f6f1;
  --hf-sand: #f6f1e8;
  --hf-ink: #26302a;
  --hf-muted: #667168;
  --hf-line: #dce4db;
  --hf-shadow: 0 18px 50px rgba(38, 48, 42, .09);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

.hf-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid rgba(48, 75, 56, .10);
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(14px);
}
.admin-bar .hf-site-header { top: 32px; }
.hf-header-inner { min-height: 82px; }
.hf-logo img { display:block; width:auto; height:58px; object-fit:contain; }
.hf-header-phone { white-space: nowrap; }

.hf-hero { overflow: hidden; }
.hf-hero-copy { padding-block: clamp(2.2rem, 6vw, 5.5rem); }
.hf-hero-media { min-height: 560px; }
.hf-hero-media img { width:100%; height:100%; min-height:560px; object-fit:cover; border-radius: 28px; }
.hf-eyebrow { letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }
.hf-lead { max-width: 38rem; }

.hf-card {
  height: 100%;
  border: 1px solid var(--hf-line);
  border-radius: 20px;
  box-shadow: 0 10px 35px rgba(38,48,42,.05);
  transition: transform .18s ease, box-shadow .18s ease;
}
.hf-card:hover { transform: translateY(-3px); box-shadow: var(--hf-shadow); }
.hf-icon {
  display:inline-flex; align-items:center; justify-content:center;
  width:48px; height:48px; border-radius:50%;
  background:var(--hf-sage); color:var(--hf-green-deep);
  font-size:1.25rem; font-weight:700;
}
.hf-soft-panel { border-radius: 28px; overflow:hidden; }
.hf-soft-panel img { width:100%; height:100%; min-height:420px; object-fit:cover; }
.hf-contact-card { border-radius:22px; box-shadow:var(--hf-shadow); }
.hf-site-footer { margin-block-start:0; }
.hf-site-footer a { color:inherit; }
.hf-site-footer .wp-block-navigation-item__content { color:inherit; }

.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--hf-green-deep);
  border-color: var(--hf-green-deep);
}
.wp-block-button .wp-block-button__link { transition: transform .15s ease, opacity .15s ease; }
.wp-block-button .wp-block-button__link:hover { transform: translateY(-1px); opacity:.92; }

@media (max-width: 900px) {
  .hf-header-phone { display:none; }
  .hf-hero-media, .hf-hero-media img { min-height:420px; }
}
@media (max-width: 781px) {
  .admin-bar .hf-site-header { top:46px; }
  .hf-header-inner { min-height:68px; }
  .hf-logo img { height:42px; max-width:230px; }
  .hf-header-cta { display:none; }
  .hf-hero-copy { padding-top:1.8rem; }
  .hf-hero-media, .hf-hero-media img { min-height:330px; border-radius:20px; }
  .hf-soft-panel { border-radius:20px; }
}
@media (max-width: 420px) {
  .hf-logo img { height:36px; max-width:190px; }
}