/* Mighty Social – ikoner for sociale medier. Følger themets farver. */
.ms-social { margin: 1.5em 0; }
.ms-social--in-footer { margin: 0; padding: 18px 0 6px; }
.ms-social--center { text-align: center; }
.ms-social__title { font-weight: 600; margin: 0 0 .6em; }
.ms-social .ms-social__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.ms-social--center .ms-social__list { justify-content: center; }
.ms-social__list li { margin: 0; padding: 0; }
.ms-social__link { --ms-size: 40px; display: inline-flex; align-items: center; justify-content: center; width: var(--ms-size); height: var(--ms-size); border-radius: 50%; text-decoration: none; transition: transform .15s ease, opacity .15s ease; }
.ms-social__link svg { width: 50%; height: 50%; display: block; }
.ms-social__link:hover { transform: translateY(-2px); opacity: .9; }
.ms-social__link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.ms-social--small .ms-social__link { --ms-size: 32px; }
.ms-social--large .ms-social__link { --ms-size: 52px; }

/* Ensfarvet: svag baggrund i themets primære farve og mørkt ikon, så det er læsbart i alle themes */
.ms-social--mono .ms-social__link { background: color-mix(in srgb, var(--color-primary, #2c7a5f) 16%, transparent); color: var(--color-heading, currentColor); }
.ms-social--mono .ms-social__link:hover { background: var(--color-primary, #2c7a5f); }
/* Egne farver */
.ms-social--color .ms-social__link { background: var(--ms-brand); color: #fff; }
.ms-social--color .ms-social__link--snapchat { color: #000; }

/* I sidefoden (kan være mørk): ikonet arver sidefodens tekstfarve */
.ms-social.ms-social--in-footer.ms-social--mono .ms-social__link { color: inherit; background: color-mix(in srgb, currentColor 14%, transparent); }
.ms-social.ms-social--in-footer.ms-social--mono .ms-social__link:hover { background: color-mix(in srgb, currentColor 28%, transparent); text-decoration: none; }
.ms-social.ms-social--in-footer.ms-social--color .ms-social__link { color: #fff; }
.ms-social.ms-social--in-footer.ms-social--color .ms-social__link--snapchat { color: #000; }
.ms-social--in-footer .ms-social__title { opacity: .8; font-size: 14px; }

/* I kontaktkolonnen i sidefoden */
.ms-social--in-footercontact { margin: 14px 0 0; padding: 0; }
.ms-social.ms-social--in-footercontact.ms-social--mono .ms-social__link { color: inherit; background: color-mix(in srgb, currentColor 14%, transparent); }
.ms-social.ms-social--in-footercontact.ms-social--mono .ms-social__link:hover { background: color-mix(in srgb, currentColor 28%, transparent); }
.ms-social.ms-social--in-footercontact.ms-social--color .ms-social__link { color: #fff; }
.ms-social.ms-social--in-footercontact.ms-social--color .ms-social__link--snapchat { color: #000; }
.ms-social--in-footercontact .ms-social__title { opacity: .8; font-size: 14px; }

/* Øverst på kontaktsiden: pæn række lige under overskriften */
.ms-social--in-contacttop { margin: 14px 0 30px; padding: 0 0 24px; border-bottom: 1px solid var(--color-line, rgba(0,0,0,.1)); }
.ms-social--in-contacttop .ms-social__list { gap: 12px; }
.ms-social--in-contacttop.ms-social--medium .ms-social__link { --ms-size: 44px; }