/* =====================
       Danmark Online Casino
       Tema: Mørk blågrå
       Ingen border-radius overalt
       Nye klassestrukturer
    ====================== */
    :root {
      /* Farver: mørke toner, blå/grå accenter */
      --surface-0: #0c1220;   /* Baggrund */
      --surface-1: #121a2b;   /* Panel mørk */
      --surface-2: #162037;   /* Panel lidt lysere */
      --ink-0: #e6eef8;       /* Lys tekst */
      --ink-1: #b9c5d6;       /* Dæmpet tekst */
      --line: #22314f;        /* Linjer */
      --brand: #6aa2ff;       /* Primær accent (kold blå) */
      --brand-strong: #2b68d6;/* Hover accent */
      --accent: #8fb3ff;      /* Sekundær accent */
      --warning: #ffd166;     /* Fremhævelse */
      --success: #78e3b3;     /* Fremhævelse */

      --wrap: 1180px;
      --shadow: 0 8px 24px rgba(0,0,0,.45);

      --font-body: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
      --font-head: 'Montserrat', Arial, Helvetica, sans-serif;
    }

    * { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; }
    body {
      background: var(--surface-0);
      color: var(--ink-1);
      font-family: var(--font-body);
      line-height: 1.65;
      font-size: 16px;
    }

    img { max-width: 100%; display: block; }
    a { color: var(--brand); text-decoration: none; font-weight: 600; }
    a:hover { color: var(--accent); text-decoration: underline; }

    h1, h2, h3, h4 { font-family: var(--font-head); color: #5d89ea; margin: 0 0 12px;  }
    h1 { font-weight: 800; letter-spacing: .5px; }

    .u-wrap { max-width: var(--wrap); margin-inline: auto; padding-inline: 20px; }
    .u-visually-hidden { position: absolute!important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
header{
    padding: 20px;
}
    /* Topnav */
    .nav-shell { position: sticky; top: 0; z-index: 40; background: linear-gradient(180deg, #0f172a, #0c1220); border-bottom: 1px solid var(--line); }
    .nav-inner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; height: 64px; }
    .brandmark { display: flex; grid-auto-flow: column; align-items: center; gap: 12px; justify-content: center; }
    .brand-logo { width: 44px; height: 44px; display: grid; place-items: center;   }
    .brand-text { font-family: var(--font-head); font-weight: 800; font-size: 18px; color: var(--ink-0); text-transform: uppercase; }
    .nav-cta { display: inline-grid; grid-auto-flow: column; gap: 10px; align-items: center; }
    .chip-info { padding: 8px 12px; background: var(--surface-2); color: var(--ink-1); border: 1px solid var(--line); }
    .btn-primary, .btn-ghost { display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; border: 1px solid var(--brand); background: var(--brand); color: #0b1220; font-weight: 800; text-transform: uppercase; letter-spacing: .4px; box-shadow: var(--shadow); }
    .btn-primary:hover { background: var(--brand-strong); border-color: var(--brand-strong); color: #eaf2ff; text-decoration: none; }
    .btn-ghost { background: transparent; color: var(--brand); }
    .btn-ghost:hover { background: #0d1730; text-decoration: none; }

    /* Hero */
    .hero-shell { position: relative; overflow: clip; background: radial-gradient(100% 80% at 80% 10%, rgba(106,162,255,.20), transparent 60%), radial-gradient(90% 70% at 20% 80%, rgba(43,104,214,.25), transparent 60%), linear-gradient(180deg, #0e1628, #0b111e); border-bottom: 1px solid var(--line); }
    .hero-inner { padding: 70px 0 40px; text-align: center; }
    .hero-title { font-size: clamp(34px, 4.6vw, 56px); line-height: 1.08; margin-bottom: 14px; }
    .hero-lead { max-width: 900px; margin: 0 auto 24px; font-size: 18px; color: var(--ink-1); }
    .hero-badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
    .tag { padding: 10px 14px; background: #0f1a31; color: var(--ink-0); border: 1px solid var(--line); font-weight: 700; }

    /* Section wrapper */
    .sec { margin: 26px 0; }

    /* Panels */
    .pnl { background: var(--surface-1); border: 1px solid var(--line); box-shadow: var(--shadow); }
    .pnl-hd { padding: 22px 22px; border-bottom: 1px solid var(--line); background: #0f172a; }
    .pnl-tt { font-size: clamp(20px, 2.6vw, 30px); }
    .pnl-bd { padding: 20px 22px; }

    /* Casino list cards - redesigned, no border-radius */
    .catalog-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }
    .casino-card { grid-column: span 6; display: grid; grid-template-rows: auto auto 1fr auto; background: var(--surface-2); border: 1px solid var(--line); }
    .casino-card header { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 16px; border-bottom: 1px solid var(--line); background: #0f182d; }
    .casino-logo { width: 72px; height: 36px; background: #0c1426; border: 1px solid var(--line); display: grid; place-items: center; color: var(--accent); font-weight: 800; }
    .casino-name { font-size: 22px; color: var(--ink-0); }
    .casino-score { padding: 8px 10px; background: #0c1426; border: 1px solid var(--line); color: var(--warning); font-weight: 800; }
    .casino-bd { padding: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .kv-rows { display: grid; gap: 10px; }
    .kv-rows div { border-bottom: 1px dashed var(--line); padding-bottom: 8px; }
    .kv-rows div:last-child { border-bottom: none; }
    .kv-rows strong { color: var(--ink-0); display: block; margin-bottom: 4px; }
    .kv-rows span { color: var(--ink-1); }
    .casino-cta { padding: 16px; border-top: 1px solid var(--line); display: grid; gap: 10px; background: #0f172a; }
    .btn-go { display: inline-flex; justify-content: center; align-items: center; gap: 8px; padding: 12px 16px; background: var(--brand); color: #0b1220; border: 1px solid var(--brand); font-weight: 800; text-transform: uppercase; }
    .btn-go:hover { background: var(--brand-strong); border-color: var(--brand-strong); color: #eaf2ff; text-decoration: none; }
    .btn-alt { display: inline-flex; justify-content: center; align-items: center; gap: 8px; padding: 12px 16px; color: var(--accent); border: 1px solid var(--line); background: transparent; font-weight: 700; }
    .btn-alt:hover { background: #0d1730; text-decoration: none; }

    /* Comparison table */
    .tbl-wrap { overflow-x: auto; }
    table.tbl { width: 100%; min-width: 780px; border-collapse: collapse; }
    .tbl thead th { background: #0e1628; color: var(--ink-0); padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: left; font-size: 13px; letter-spacing: .3px; text-transform: uppercase; }
    .tbl tbody td { padding: 14px 16px; border-bottom: 1px solid var(--line); color: var(--ink-1); }
    .tbl tbody tr:last-child td { border-bottom: none; }
    .tbl .act { padding: 8px 12px; background: var(--brand); color: #0b1220; border: 1px solid var(--brand); font-weight: 800; text-transform: uppercase; }
    .tbl .act:hover { background: var(--brand-strong); border-color: var(--brand-strong); color: #eaf2ff; text-decoration: none; }

    /* Info blocks */
    .article h3 { margin-top: 12px; font-size: 20px; }
    .article p { margin: 0 0 10px; }
    .dash { height: 1px; background: var(--line); margin: 26px 0; }

    /* Responsible area */
    .rg { text-align: center; }
    .rg h3 { font-size: 32px; }
    .rg p { max-width: 780px; margin: 0 auto 16px; }
    .rg .rg-links { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
    .rg .rg-pill { padding: 12px 16px; background: #0f172a; border: 1px solid var(--line); color: var(--ink-0); text-transform: uppercase; font-weight: 800; }

    /* Footer */
    .site-foot { border-top: 1px solid var(--line); background: #0b111e; color: var(--ink-1); margin-top: 34px; }
    .foot-inner { padding: 30px 0; text-align: center; }
    .trusts { display: flex;  gap: 10px; justify-content: center; margin-bottom: 18px; }
    .trust { height: 36px; display: grid; place-items: center; padding: 0 12px; background: #0f172a; border: 1px solid var(--line); color: var(--ink-1); }
    .foot-nav { display: flex; flex-wrap: wrap; gap: 18px 28px; justify-content: center; margin-bottom: 12px; }
.trust img{
    width: 100%;
}
img:not(:first-child) {
  
}
.trust{
  
    width: 20%;
    height: auto;
    display: flex;
    align-items: center;
    padding: 10px;
}
    /* Responsive */
    @media (max-width: 1024px) {
      .casino-card { grid-column: span 12; }
    }
    @media (max-width: 760px) {
      .nav-inner { grid-template-columns: 1fr; height: auto; padding: 10px 0; }
      .nav-cta { justify-content: start; }
      .hero-inner { padding: 50px 0 30px; }
      .casino-bd { grid-template-columns: 1fr; }
      .catalog-grid { grid-template-columns: repeat(6, 1fr); }
      .casino-card { grid-column: 1 / -1; }
    }
    @media (max-width: 460px) {
      /* Mindst én kort synlig: 1-kolonne layout */
      .catalog-grid { grid-template-columns: 1fr; }
      .casino-card { grid-column: 1; }
      .casino-cta .btn-go, .casino-cta .btn-alt { width: 100%; }
    }
    @media (prefers-reduced-motion: reduce) {
      * { animation-duration: .01ms!important; transition-duration: .01ms!important; scroll-behavior: auto!important; }
    }
    .cfdd{
        display: flex;
        /* flex-wrap: wrap; */
        align-items:center ;

    }
    .cfdd img{
        width: 50%;
    }
    .cfdd .u-wrap{
width: 50%;
padding: 10px;
    }
    .llimg{
        width: 100%;
        /* height: 120px; */
        object-fit: cover;
        height: 220px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        
    }
    .trusts span{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .trusts span img{
        width: 50%;
    }
    .llimg img{
        width: 65%;
        height: auto;
    }
    .bbbggg{
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex; flex-wrap: wrap;
        justify-content: space-between;
    }
    .bbbggg .bbg1{
            background: var(--surface-1);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    width: 32%;
    margin-bottom: 20px;
    }
    footer{
            padding-inline: 20px;
    }
    ul{
      padding-left: 0px;
    }
    ul li{
      background: var(--surface-1);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    width: 100%;
    margin-bottom: 20px;
    list-style: none;
    padding: 20px;
        box-shadow: 0 2px 10px 0 rgb(92 142 240 / .3);
    }
    @media screen and (max-width:1024px){
      .llimg{
    height: auto;
}
    }
    @media screen and (max-width:800px) {
        .cfdd .u-wrap{
            width: 100%;
        }
        .cfdd{
            flex-wrap: wrap;
        }
        .cfdd img {
           display: none;
        }
          .bbbggg .bbg1{
            width: 100%;
          }
          .trusts{
  
 
flex-wrap: wrap;
}
.trust{
    width: 33%;
}
.llimg{
    height: auto;
}
    }


.cookie {
  display: none; /* 👈 скрыто до проверки JS */
  position: sticky;
  bottom: 0;
  inset-inline: 0;
  background: #0f172a;
  border-top: 1px solid var(--line);
  padding: 10px;
  z-index: 9999;
}
.cookie__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
}
.cookie__actions {
  display: flex;
  gap: 8px;
}
.cookie .btn {
  padding: 16px;
  outline: none;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 10px;
  background: #0f172a;
  color: #fff;
  cursor: pointer;
}
.cookie .btn:hover{
    transform: scale(0.95);
}
.mn{
  background: var(--surface-1);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    width: 100%;
    list-style: none;
    padding: 12px;
    box-shadow: 0 2px 10px 0 rgb(92 142 240 / .3);
}