/* functions/info_full.php (style block 1) */
/*:root{
      --bg: transparent;
      --panel: #0b0d18;
      --panel2:#121427;
      --text: #f3f4f6;
      --muted:#cbd5e1;
      --outline:#ffffff14;
      --accent:#60a5fa;
      --radius: 14px;
      --gap: 12px;
    }*/

    *{ box-sizing:border-box; }
    html,body{
      height:100%;
      margin:0;
      background: var(--bg);
      color: var(--text);
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    /* fyld hele iframe */
    .wrap{
      height:100%;
      display:flex;
      flex-direction:column;
      padding: 10px;
      gap: var(--gap);
      overflow:hidden;
    }

    /* sticky header */
    .topbar{
      position: sticky;
      top: 0;
      z-index: 10;
      background: var(--panel);
      border: 1px solid var(--outline);
      border-radius: var(--radius);
      padding: 10px 12px;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 10px;
    }

    .title{
      font-weight: 950;
      font-size: 18px;
      line-height: 1.1;
      margin:0;
    }
    .sub{
      margin-top: 4px;
      font-size: 12px;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: .08em;
    }

    .content{
      flex: 1 1 auto;
      min-height: 0;
      display:grid;
      grid-template-columns: 1fr 320px;
      gap: var(--gap);
      overflow:hidden;
    }

    .card{
      border: 1px solid var(--outline);
      border-radius: var(--radius);
      background: var(--panel);
      overflow:hidden;
      display:flex;
      flex-direction:column;
      min-height: 0;
    }

    .card .inner{
      padding: 14px;
      overflow:auto;           /* scroll inde i iframe */
      min-height: 0;
    }

    /* tekst inde i info */
    .info-body{
      font-size: 16px;
      line-height: 1.35;
      color: var(--text);
    }
    .info-body p{ margin: 0 0 10px 0; }
    .info-body a{ color: var(--accent); font-weight: 900; text-decoration:none; }
    .info-body a:hover{ text-decoration: underline; }

    /* sidekolonne */
    .side-title{
      font-size: 12px;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: .08em;
      margin: 0 0 10px 0;
      font-weight: 900;
    }

    .side-list{
      list-style:none;
      padding:0;
      margin:0;
      display:grid;
      gap: 10px;
    }
    .side-list a{
      display:block;
      border: 1px solid #ffffff1a;
      background: #ffffff0a;
      border-radius: 12px;
      padding: 10px 12px;
      color: var(--text);
      text-decoration:none;
      font-weight: 900;
    }
    .side-list a:hover{ background:#ffffff12; }
    .side-list a small{
      display:block;
      margin-top: 3px;
      color: var(--muted);
      font-weight: 700;
    }

    /* hvis iframe bliver small → stack */
    @media (max-width: 980px){
      .content{ grid-template-columns: 1fr; }
    }
	@media (min-width: 700px){
	  .info-list{
		grid-template-columns: 1fr 1fr;
	  }
	}
	@media (min-width: 1100px){
	  .info-list{
		grid-template-columns: 1fr;
	  }
	}
	/* Skjul "Andre informationer" på mobil/tablet */
	@media (max-width: 1024px){
	  .content > aside.card{
		display: none;
	  }

	  /* sørg for at hovedkortet fylder hele bredden */
	  .content{
		grid-template-columns: 1fr;
	  }
	}