/* KASSE STYLING */

/* Checkout Process */
#btn-submit-order {
  margin-top: 15px;
}
#btn-get-customer-data,
#btn-submit-order {
  background-color: #03497e;
  border-color: #03497e;
  border-radius: 0;
}
#btn-get-customer-data:focus,
#btn-submit-order:focus {
  box-shadow: 0 0 0 0.2rem #03497e55;
}
#checkoutView {
  padding: 0 !important;
}
#checkoutView input.error,
#checkoutView select.error {
  background-color: #fff6e5;
}
#checkoutView .margin-container {
  margin: 0;
}
#checkoutView ._orderStep {
  border-radius: 20px;
  background: #03497e;
}
#checkoutView .form-group:last-child {
  display: flex;
  flex-direction: column;
  margin: 15px 0;
}
#checkoutView .nice-select {
  line-height: 30px;
}
.emptyBasketImg {
  display: none;
}
hr.hr-checkout {
  border-color: #333;
  margin: 20px 15px;
}
#checkoutActionContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#checkoutActionContainer > a {
  padding: 30px;
  cursor: pointer;
}

/* Checkout Process End */

/* Tabel og layout */
#checkoutView .margin-container,
#checkoutView .margin-container > .row,
#checkoutView table {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  table-layout: fixed;
  border-collapse: collapse;
  word-wrap: break-word;
}

/* Table headers og celler */
#checkoutView th,
#checkoutView td {
  font-size: 13px;
  padding: 6px 8px;
  word-break: break-word;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Produktnavne og varenr. */
#checkoutView .headlineContainer,
#checkoutView .productNumberContainer {
  max-width: 100%;
  word-break: break-word;
  white-space: normal;
}

/* Flexbokse til antal */
#checkoutView .quantity-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1px;
  max-width: 100%;
}
#checkoutView .quantity-box input {
  max-width: 40px;
  text-align: center;
  font-size: 13px;
}

/* Miniatureikoner */
#checkoutView .itemMiniatureIcon {
  max-width: 50px;
  height: auto;
}

/* Produktnote og input */
#checkoutView .productNote {
  display: block;
  width: 100%;
}
#checkoutView input.saveProCommentInput {
  width: 100%;
  max-width: 100%;
}

/* Fjern margin/padding fra .row */
#checkoutView .row,
#checkoutView .col {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Sikr at tr fylder korrekt */
#checkoutView table.table tbody#checkoutLines tr {
  width: 100%;
}

/* Mobilvenlig tilpasning */
@media screen and (max-width: 767px) {
  #checkoutView table {
    font-size: 11px;
  }
    #checkoutView h2 {
    font-size: 11px;
  }

  #checkoutView th,
  #checkoutView td {
    font-size: 11px;
    padding: 4px 6px;
  }

  #checkoutView .quantity-box input {
    max-width: 30px;
    font-size: 11px;
  }
  
  .checkbox+.checkbox, #checkoutHeaders tr th {
    border-bottom: none;
    width: 70px;
}
#checkoutHeaders{
    width:100%;
} 
#checkoutHeaders tr{
    width:100%;
}

 .checkbox+.checkbox, #checkoutHeaders tr .headlineHeader {
    border-bottom: none;
    min-width: 120px;
 }
.productMiniature {
    display: none;
}
    
    #checkoutLines{
        width:100%;
    }
}
    
    #DMOB_CONTAIN {
  padding: 2rem 1rem;
  background-color: #f9f9f9;
  font-family: 'Segoe UI', sans-serif;
  color: #333;
}

#DMOB_TakForOrdreDIV {
  background: #fff;
  border-radius: 10px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  max-width: 1000px;
  margin: 0 auto;
}

#DMOB_TakForOrdreDIV img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin-bottom: 2rem;
}

#DMOB_TakForOrdreDIV h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: #222;
}

#DMOB_MailInfo3 {
  font-size: 1rem;
  line-height: 1.7;
  color: #555;
}

.hr-checkout {
  border: 0;
  height: 1px;
  background: #ddd;
  margin: 2rem 0;
}

#checkoutActionContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2rem;
}

#checkoutActionContainer a img {
  max-width: 280px;
  width: 100%;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

#checkoutActionContainer a:hover img {
  transform: scale(1.03);
}

#DMOB_kortPraktiskOplysning {
  margin-top: 2.5rem;
  text-align: center;
}

#DMOD_HandelsBetingelser a {
  color: #0077cc;
  text-decoration: none;
  font-weight: 600;
}

#DMOD_HandelsBetingelser a:hover {
  text-decoration: underline;
}

/* Responsiv tilpasning */
@media (max-width: 768px) {
  #DMOB_TakForOrdreDIV {
    padding: 1.5rem 1rem;
  }

  #DMOB_TakForOrdreDIV h2 {
    font-size: 1.25rem;
  }

  #checkoutActionContainer {
    flex-direction: column;
    align-items: center;
  }

  #checkoutActionContainer a img {
    max-width: 90%;
  }
}