/* === GLOBAL THEME BASE (färger injiceras via wp_add_inline_style) === */
:root {
  /* fallback – skrivs över av inline-variabler från Customizer */
  --text-color: #ffffff;
  --link-color: #00bcd4;
  --link-hover-color: #ffffff;
  --active-link-color: #ffcc00;

  --ph-card-bg: #111111;
  --ph-card-text: #eaeaea;

  /* kan vara praktisk för sticky-nav */
  --navbar-height: 80px;
}

/* Bas-typografi/färger */
body { color: var(--text-color); }

/* Länkar globalt */
a {
  color: var(--link-color);
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--link-hover-color);
  text-decoration: underline;
}

/* Media-elements generellt – rör INTE iframe här */
img, video {
  max-width: 100%;
  height: auto;
  border: 0;
}

/* Om du vill göra iframes responsiva, gör det bara i innehållet – utan height:auto */
.entry-content iframe,
.page-content iframe {
  max-width: 100%;
  border: 0;
}
/* Låt leverantörer som Instagram styra höjden själva */
.instagram-media iframe { width: 100% !important; height: 100% !important; }

/* För smooth anchor-jump under fixed navbar */
.wp-block-heading,
.wp-block-group[id],
[id] {
  scroll-margin-top: calc(var(--navbar-height) + 16px);
}

/* AOS – generella transitions (håll biblioteksladdningen i enqueue.php) */
[data-aos] {
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos].aos-animate {
  opacity: 1;
}