/* ROOT VARIABLES -------------------------------------------------- */
:root {
    --telmore-color-primary: #009fe3 !important;
    --telmore-color-primary-dark: #000000 !important;
    --telmore-color-accent-badge-border: #ffcae3 !important;
    --telmore-color-accent-badge-text: #6e0850 !important;
  
    --telmore-color-bg-light: #fafafa !important;
    --telmore-color-bg-extra-light: transparent !important;
  
    --telmore-color-table-header-bg: #f7cce4 !important;
    --telmore-color-table-header-text: #0c2680 !important;
  
    --telmore-color-text-main: #000000 !important;
    --telmore-color-text-muted: #444444 !important;
  
    --telmore-color-border-soft: #e1e1e1 !important;
    --telmore-color-row-hover: #f5f5f5 !important;
  
    --telmore-font-family-base: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
    --telmore-font-size-base: 16px !important;
    --telmore-line-height-base: 1.5 !important;
  
    --telmore-font-size-hero-title-mobile: 2.5rem !important;
    --telmore-font-size-hero-title-desktop: 3.5rem !important;
  
    --telmore-font-size-hero-subtitle-mobile: 1.25rem !important;
    --telmore-font-size-hero-subtitle-desktop: 1.5rem !important;
  
    --telmore-font-size-section-heading: 2rem !important;
    --telmore-font-size-body: 1rem !important;
    --telmore-font-size-package-title: 1.125rem !important;
    --telmore-font-size-package-subtitle: 0.95rem !important;
    --telmore-font-size-badge: 0.75rem !important;
    --telmore-font-size-footnote: 0.75rem !important;
    --telmore-font-size-table: 0.95rem !important;
    --telmore-font-size-terms: 0.85rem !important;
    --telmore-font-size-button: 0.95rem !important;
  
    --telmore-space-2xs: 0.25rem !important;
    --telmore-space-xs: 0.5rem !important;
    --telmore-space-sm: 0.75rem !important;
    --telmore-space-md: 1.5rem !important;
    --telmore-space-lg: 2.25rem !important;
    --telmore-space-xl: 2.5rem !important;
  
    --telmore-container-max-width: 1080px !important;
    --telmore-container-padding-x: 1.25rem !important;
  
    --telmore-radius-pill: 999px !important;
    --telmore-radius-card: 16px !important;
  
    --telmore-btn-min-width: 200px !important;
    --telmore-btn-padding-y: 0.8rem !important;
    --telmore-btn-padding-x: 1.75rem !important;
  }
  
  /* BASE -------------------------------------------------- */
  .telmore-landing {
    font-family: var(--telmore-font-family-base) !important;
    font-size: var(--telmore-font-size-base) !important;
    line-height: var(--telmore-line-height-base) !important;
    color: var(--telmore-color-text-main) !important;
  }
  
  .telmore-landing a {
    color: var(--telmore-color-primary) !important;
  }
  
  .telmore-landing a:hover {
    text-decoration: none !important;
  }
  
  /* LAYOUT -------------------------------------------------- */
  .telmore-section {
    padding: var(--telmore-space-sm) !important;
  }
  
  .telmore-section--light {
    background-color: var(--telmore-color-bg-light) !important;
  }
  
  .telmore-section--extra-light {
    background-color: var(--telmore-color-bg-extra-light) !important;
  }
  
  /* Hero centrering */
  .telmore-section--hero {
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .telmore-container {
    max-width: var(--telmore-container-max-width) !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  
  .telmore-text-center {
    text-align: center !important;
  }
  
  .telmore-mb-sm { margin-bottom: var(--telmore-space-sm) !important; }
  .telmore-mb-md { margin-bottom: var(--telmore-space-md) !important; }
  .telmore-mb-lg { margin-bottom: var(--telmore-space-lg) !important; }
  
  /* TYPOGRAFI -------------------------------------------------- */
  .telmore-hero-title {
    font-size: var(--telmore-font-size-hero-title-mobile) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin-bottom: var(--telmore-space-sm) !important;
  }
  
  .telmore-hero-subtitle {
    font-size: var(--telmore-font-size-hero-subtitle-mobile) !important;
    font-weight: 500 !important;
    margin-bottom: var(--telmore-space-sm) !important;
    line-height: 1.3 !important;
  }
  
  .telmore-hero-text {
    max-width: 640px !important;
    margin: 0 auto var(--telmore-space-md) !important;
    font-weight: 300 !important;
  }
  
  .telmore-section-heading {
    font-size: var(--telmore-font-size-section-heading) !important;
    font-weight: 700 !important;
    margin-bottom: var(--telmore-space-md) !important;
  }
  
  /* BUTTONS -------------------------------------------------- */
  .telmore-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: var(--telmore-btn-padding-y) var(--telmore-btn-padding-x) !important;
    min-width: var(--telmore-btn-min-width) !important;
    background: transparent !important;
    border-radius: var(--telmore-radius-pill) !important;
    font-size: var(--telmore-font-size-button) !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
    transition: 0.2s ease !important;
  }
  
  .telmore-btn--primary-dark {
    background-color: var(--telmore-color-primary-dark) !important;
    border-color: var(--telmore-color-primary-dark) !important;
    color: #fff !important;
  }
  
  .telmore-btn--primary-dark:hover {
    background-color: transparent !important;
    color: var(--telmore-color-primary-dark) !important;
  }
  
  /* USP GRID -------------------------------------------------- */
  .telmore-usps-grid {
    display: grid !important;
    gap: var(--telmore-space-md) !important;
    grid-template-columns: repeat(2, 1fr) !important;
    justify-items: center !important;
  }
  
  .telmore-usp-item {
    text-align: center !important;
  }
  
  .telmore-usp-image {
    max-width: 150px !important;
    width: 100% !important;
    height: auto !important;
  }
  
  /* PAKKER -------------------------------------------------- */
  .telmore-packages-grid {
    display: grid !important;
    gap: var(--telmore-space-md) !important;
  }
  
  .telmore-package-card {
    background-color: #efefef !important;
    border-radius: var(--telmore-radius-card) !important;
    padding: var(--telmore-space-md) !important;
    text-align: center !important;
  }
  
  .telmore-package-image {
  /*  max-width: 260px !important; */
    width: 100% !important;
    margin-bottom: var(--telmore-space-sm) !important;
  }
  
  .telmore-badge {
    display: inline-block !important;
    padding: var(--telmore-space-2xs) var(--telmore-space-sm) !important;
    border-radius: var(--telmore-radius-pill) !important;
    font-size: var(--telmore-font-size-badge) !important;
  }
  
  .telmore-badge--popular {
    border: 2px solid var(--telmore-color-accent-badge-border) !important;
    color: var(--telmore-color-accent-badge-text) !important;
  }
  
  .telmore-package-footnote {
    font-size: var(--telmore-font-size-footnote) !important;
    color: var(--telmore-color-text-muted) !important;
    margin-top: var(--telmore-space-sm) !important;
  }
  
  /* TABEL -------------------------------------------------- */
  .telmore-table-wrapper {
    width: 100% !important;
    overflow-x: auto !important;
  }
  
  .telmore-table {
    width: 100% !important;
    border-collapse: collapse !important;
    min-width: 640px !important;
  }
  
  .telmore-table th,
  .telmore-table td {
    padding: 0.75rem 1rem !important;
    border-bottom: 1px solid var(--telmore-color-border-soft) !important;
    font-size: var(--telmore-font-size-table) !important;
  }
  
  .telmore-table th {
    background-color: var(--telmore-color-table-header-bg) !important;
    color: var(--telmore-color-table-header-text) !important;
  }
  
  .telmore-table tr:hover {
    background-color: var(--telmore-color-row-hover) !important;
  }
  
  /* BETINGELSER – centreret -------------------------------------------------- */
  .telmore-section--terms-centered {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  .telmore-section--terms-centered .telmore-container {
    max-width: 720px !important;
  }
  
  .telmore-terms-text {
    font-size: var(--telmore-font-size-terms) !important;
    color: var(--telmore-color-text-muted) !important;
  }
  
  /* RESPONSIVE -------------------------------------------------- */
  @media (min-width: 600px) {
    .telmore-packages-grid {
      grid-template-columns: repeat(2, 1fr) !important;
    }
  
    .telmore-usps-grid {
      grid-template-columns: repeat(2, 1fr) !important;
    }
  }
  
  @media (min-width: 900px) {
    .telmore-hero-title {
      font-size: var(--telmore-font-size-hero-title-desktop) !important;
    }
  
    .telmore-hero-subtitle {
      font-size: var(--telmore-font-size-hero-subtitle-desktop) !important;
    }
  
    .telmore-packages-grid {
      grid-template-columns: repeat(3, 1fr) !important;
    }
  
    .telmore-usps-grid {
      grid-template-columns: repeat(4, 1fr) !important;
    }
  }