/* Liten "design layer" over Tailwind */
:root {
  --card: rgba(255,255,255,.92);
  --font-scale: 1;
}

html, body {
  overflow-x: hidden;
}

html{
  font-size: calc(100% * var(--font-scale));
  transition: font-size .2s ease;
}

/* toggle */
html.font-scale{
  --font-scale: 1.5;
}

/* Overstyr de vanligste px-klassene du bruker */
html.font-scale .text-\[16px\]{ font-size: calc(16px * var(--font-scale)) !important; }
html.font-scale .sm\:text-\[17px\]{ font-size: calc(17px * var(--font-scale)) !important; }
html.font-scale .md\:text-\[18px\]{ font-size: calc(18px * var(--font-scale)) !important; }
html.font-scale .lg\:text-\[20px\]{ font-size: calc(20px * var(--font-scale)) !important; }

.text-\[16px\],
.sm\:text-\[17px\],
.md\:text-\[18px\],
.lg\:text-\[20px\]{
  transition: font-size .15s ease, line-height .15s ease;
}

/* (valgfritt) juster line-height litt når det skaleres */
html.font-scale .leading-\[1\.7\]{
  line-height: 1.85 !important;
}

#fontToggle{
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 9999;
  font-family: "Playfair Display", ui-serif, Georgia, serif;
  letter-spacing: 0.02em;
  background: transparent;
  border: 1px solid #000;
  color: #000;
}

/* Når admin bar er synlig */
.admin-bar #fontToggle{
  top: calc(1rem + 32px);
}

/* Admin bar er 46px på små skjermer */
@media (max-width: 782px){
  .admin-bar #fontToggle{
    top: calc(1rem + 46px);
  }
}

a { text-underline-offset: 3px; }

.wp-block {
  max-width: none;
}

h1,h2,h3, .wp-block-heading {
  font-family: "Playfair Display", ui-serif, Georgia, serif;
}

:root{
  --content: 64rem; /* 1024px */
  --pad: 1rem;
}

main > .wp-block-group:not(.alignfull){
  max-width: var(--content);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--pad);
  padding-right: var(--pad);
}

/* Hvis group ligger inni alignfull (background case) */
.alignfull > .wp-block-group__inner-container{
  max-width: var(--content);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--pad);
  padding-right: var(--pad);
}

/* Full bredde bakgrunn, men begrens innhold inni */
main > .alignfull {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

main > .alignfull > :where(.wp-block-group__inner-container, .wp-block-cover__inner-container) {
  max-width: var(--content);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--pad);
  padding-right: var(--pad);
}

.full-bleed {
  margin-left: -38px !important;
  margin-right: -38px !important;
  width: calc(100% + 76px) !important;
}
.wp-block-image.floral-cover{
width: 100%;
  overflow: hidden;
  height: clamp(280px, 52vh, 920px);

  display: flex;
  justify-content: center; /* sentrerer bildet */
}


.wp-block-image.floral-cover img{
  width: 100%;
  max-width: 2000px;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

/* Viktig: IKKE overstyr width på mobil */
@media (max-width: 768px){
  main { padding-left: 38px; padding-right: 38px; } /* eller fjern denne linja helt */
}