/*
 * «Ekstra CSS» fra Utseende → Tilpass under temaet Jupiter, kopiert ordrett 07.10.2026 (2.16.0).
 *
 * WordPress lagrer «Ekstra CSS» per tema, så reglene forsvinner når et annet tema er aktivt. Fila
 * lastes derfor bare under det egne temaet «lagerboks», sist blant stilarkene i <head>, som i dag.
 * Under Jupiter skriver WordPress fortsatt reglene selv. Endringer gjøres her, ikke i Tilpass.
 *
 * Mye er rester (gamle skjemaer og den gamle forsiden) og kan ryddes når Jupiter er borte.
 */

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}

a {font-size:12px; margin-bottom: 19px; text-decoration:underline; display:block}
img { max-width: 100%; height:auto}
.container { margin: 0 auto;}
.cotact { padding:30px 0px; border-bottom: 1px solid #666; clear:both; float:left; width:100%; margin-bottom:10px;}

.cotact .left { width: 50%; float:left; padding-left:30px; padding-right: 53px; }
.cotact .left img { margin-bottom:13px; display:block; margin-top: 3.5em;}
.cotact .left p {font-size:15px;}

.cotact .right { width: 50%; float:right;}
.cotact .right h3 { font-size:22px; font-weight:600; text-align:left; margin-bottom:11px; margin-top:0}
.border { border:1px solid #666; padding:20px 15px; float:left; width: 100%}

input[type="text"] { font-size:14px; color:#000}
input[type="date"] { font-size:14px; color:#000}
input[type="date"]:nth-child(2n+1) { float:left; clear:both;}
input[type="date"]:nth-child(2n) { float:right;}
.label { font-size:15px; font-weight:600; }

#myform {
    text-align: center;
    padding: 5px;
    border: 1px dotted #ccc;
    margin: 2%;
}
.top { margin:0 0 15px !important}
.qty {
    text-align: center;
}
.increment {width: 82%; float:none !important; border: none !important; padding:0 !important; font-size: 22px !important; margin-bottom:0px !important; line-height:40px;}
input.qtyplus, input.qtyminus {
	background: #000 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    height: 42px;
    line-height: 0;
    padding: 8px 4px;
    vertical-align: middle;
    width: 41px;
}


 .example{
  margin-bottom : 1.5em;
}

.radio-margin {margin: 0.25em 3em 0.25em -2.25em !important; position: relative; top: 1.2em;}
.radio-width {width: 35px !important;}

.wpcsubmit { text-align:left !important;}

table th { text-align:left; }

/* === Lagerboks tilbudskort === */
.lgbx-tilbud-card {
  background: #ffffff;
  border-radius: 8px;
  padding: 32px 24px;
  text-align: center;
  margin-bottom: 16px;
  height: 100%;
  min-height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #e5e7eb;
}
.lgbx-tilbud-badge {
  display: inline-block;
  background: #009edb;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
  letter-spacing: 0.5px;
}
.lgbx-tilbud-card h3 {
  color: #1a1a1a;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 12px;
  line-height: 1.3;
}
.lgbx-tilbud-card p {
  color: #4a4a4a;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}
.lgbx-langtid-row {
  color: #4a4a4a;
  font-size: 15px;
  margin: 4px 0;
}
.lgbx-langtid-row strong {
  color: #1a1a1a;
  font-weight: 600;
}

/* === Lagerboks "Slik fungerer" mobil-karusell === */
.lgbx-slik-mobile {
  display: none;
}

@media (max-width: 767px) {
  .lgbx-slik-mobile {
    display: block;
    position: relative;
    padding: 0 8px;
  }

  .lgbx-slik-track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 16px;
    padding: 8px 0;
  }

  .lgbx-slik-track::-webkit-scrollbar {
    display: none;
  }

  .lgbx-slik-slide {
    flex: 0 0 100%;
    scroll-snap-align: center;
    text-align: center;
    padding: 0 8px;
  }

  .lgbx-slik-slide .lgbx-step-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 16px;
  }

  .lgbx-slik-slide .lgbx-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #e5b700;
    color: #fff;
    border-radius: 50%;
    font-weight: 600;
    font-size: 16px;
  }

  .lgbx-slik-slide .lgbx-step-title {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    text-transform: uppercase;
  }

  .lgbx-slik-slide img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 12px;
  }

  .lgbx-slik-slide p {
    font-size: 15px;
    color: #333;
    line-height: 1.5;
    margin: 0;
  }

  .lgbx-slik-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
  }

  .lgbx-slik-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccc;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .lgbx-slik-dot.active {
    background: #009edb;
    width: 24px;
    border-radius: 4px;
  }

  .lgbx-slik-arrow {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #009edb;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }

  .lgbx-slik-arrow-left { left: 4px; }
  .lgbx-slik-arrow-right { right: 4px; }

  .lgbx-slik-arrow:disabled {
    opacity: 0.3;
    cursor: default;
  }

  /* Skjul desktop-kolonnene på mobil */
  .lgbx-slik-desktop {
    display: none !important;
  }
}
.lgbx-tilbud-card-wide {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}