/*
 * logstorparkhotel_test — indholdselementer (bootstrap_package + egne Content Blocks).
 * Fase 1: kun indholdsbredde og sektionsrytme. Elementernes design kommer i fase 2–3.
 */

/* BP indlejrer .frame-group-container og .frame-container med hver sin max-width/padding,
   hvilket gav venstrestillede sektioner på desktop (gulspejder_test). Her får kun den inderste
   container designets centrerede bredde og margen. */
.frame { --frame-spacing: 40px; }
.frame .frame-group-container { max-width: none; padding-left: 0; padding-right: 0; }
.frame .frame-group-inner .frame-container-default {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--lp-container);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--lp-gutter);
    padding-right: var(--lp-gutter);
}
@media (min-width: 1024px) {
    .frame { --frame-spacing: 88px; }
}
/* Elementer i top-kolonnen (hero, sidehero) har ingen luft omkring sig */
.lp-top .frame { --frame-spacing: 0; }

/* ---- Tekst og billeder (bootstrap_package text/textmedia/image — bl.a. det flyttede indhold) ----
   Uden frame-baggrund giver BP 16 ingen padding, så sektionsrytmen sættes her. */
.frame.frame-type-text,
.frame.frame-type-textmedia,
.frame.frame-type-image { --frame-spacing: 0px; padding: 32px 0; }
.lp-content > .frame:first-child { padding-top: 64px; }
.lp-content > .frame:last-child { padding-bottom: 88px; }
.frame-type-text .frame-header h2,
.frame-type-textmedia .frame-header h2 { font-size: clamp(26px, 3vw, 36px); }
.frame-type-text .lp-sectionhead,
.frame-type-textmedia .lp-sectionhead { margin-bottom: 16px; }
.frame-type-text .frame-inner > :not(.frame-header),
.frame-type-textmedia .textmedia-text { max-width: 760px; color: var(--lp-body); }
.frame-type-textmedia h3,
.frame-type-text h3 { margin: 1.4em 0 .4em; font-size: 21px; }
.frame-type-textmedia .lp-btn,
.frame-type-text .lp-btn { margin-top: 4px; text-decoration: none; }
.frame-type-textmedia .lp-btn--outline,
.frame-type-text .lp-btn--outline { color: var(--lp-fjord); }
.frame-type-textmedia .lp-btn--primary,
.frame-type-text .lp-btn--primary { color: #fff; }
.frame-type-textmedia img,
.frame-type-image img { border-radius: var(--lp-radius-card); height: auto; }
.frame-type-textmedia .gallery-row,
.frame-type-image .gallery-row { gap: 16px 0; }