/* --- Alkuperäinen: järjestys --- */
div.panel:nth-child(3) {
  order: 1;
}

div.panel:nth-child(4) {
  order: 3;
}

div.panel:nth-child(5) {
  order: 4;
}

div.panel:nth-child(6) {
  order: 5;
}

div.panel:nth-child(7) {
  order: 6;
}

div.panel:nth-child(8) {
  order: 7;
}

div.panel:nth-child(9) {
  order: 8;
}

div.panel:nth-child(10) {
  order: 9;
}

/* --- Alkuperäinen: responsiiviset asettelut --- */
@media (min-width: 768px) {
  #checkout-inner-wrapper {
    display: flex;
    flex-direction: column;
  }

  #checkout-inner-wrapper .checkout-type-change {
    order: 2;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 0;
  }

  .checkout-type-change label {
    width: 50%;
  }

  .checkout-type-change label:first-child {
    float: left;
    padding-right: 5px;
  }

  .checkout-type-change label:last-child {
    padding-left: 5px;
  }

  .checkout-type-change .radio-1.btn,
  .checkout-type-change .radio-2.btn {
    background: linear-gradient(180deg, #f5f5f5, #e8e8e8);
    color: #000;
    border-color: #ddd;
    width: 100% !important;
    padding: 10px;
    font-size: 20px;
    border-radius: 4px 4px 0 0;
  }

  .checkout-type-change .payment-info-label {
    display: flex;
    width: auto;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    height: 84px;
    padding: 10px !important;
  }

  .checkout-type-change .payment-info-extra {
    margin-top: .5rem;
    margin-left: 1rem;
  }
}

@media (max-width: 767px) {
  #checkout-inner-wrapper {
    display: flex;
    flex-direction: column;
  }

  #checkout-inner-wrapper .checkout-type-change {
    order: 2;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 0;
  }

  .checkout-type-change label {
    width: 100%;
  }

  .checkout-type-change label:first-child {
    float: left;
  }

  .checkout-type-change .radio-1.btn,
  .checkout-type-change .radio-2.btn {
    background: linear-gradient(180deg, #f5f5f5, #e8e8e8);
    color: #000;
    border: 1px solid #ddd;
    width: 100% !important;
    padding: 10px;
    font-size: 20px;
    border-radius: 4px 4px 0 0;
  }

  .checkout-type-change .payment-info-label {
    display: flex;
    width: auto;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    padding: 10px;
  }

  .checkout-type-change .payment-info-extra {
    margin-top: .5rem;
    margin-left: 1rem;
  }
}

/* --- Alkuperäinen: header ja checkout-korostukset (EI MUUTETA) --- */
#header-top-navigation {
  background: #004053;
}

#header-top-navigation-left .glyphicon.glyphicon-chevron-left {
  display: none;
}

#checkout-order-info .panel-heading {
  background: linear-gradient(180deg, #f5f5f5, #e8e8e8);
  color: #000;
  border-bottom: #ddd;
}

#checkout-order-info .panel-primary {
  border-color: #ddd;
}

#header-top-navigation .navbar-nav>li>a:hover,
#header-top-navigation .navbar-brand:hover {
  background: #d93b0d;
}

.checkout-modules-table .checkout-module.active .module-arrow {
  border-color: #337ab7 transparent transparent transparent;
  display: block;
}

.checkout-modules-table .checkout-module.active {
  border: 1px solid #337ab7;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}

#header-top-navigation-left ul.navbar-nav li.dropdown:nth-child(4) ul.dropdown-menu,
#header-top-navigation-left ul.navbar-nav li.dropdown:nth-child(4) .caret {
  display: none;
}

/* ===================================================== */
/* =   UUSI: Oranssi värimaailma VAIN checkoutin sisällä  = */
/* ===================================================== */

/* 1) LINKIT → vain tekstiväri, ei taustaa */
#checkout-inner-wrapper a,
#checkout-inner-wrapper a.show-campaing-code-area,
.sf-cookie-bottom-bar {
  color: #d93b0d !important;
  background: none !important;
  border: none !important;
  text-shadow: none !important;
  cursor: pointer;
}

#checkout-inner-wrapper a:hover,
#checkout-inner-wrapper a:focus,
#checkout-inner-wrapper a.show-campaing-code-area:hover,
#checkout-inner-wrapper a.show-campaing-code-area:focus,
.sf-cookie-bottom-bar:hover,
.sf-cookie-bottom-bar:focus {
  color: #a32a07 !important;
}

/* Älä koske tuotesivulinkkeihin */
#checkout-inner-wrapper a[href*="/p/"] {
  color: inherit !important;
}

/* 2) PAINIKKEET → oranssi tausta + valkoinen teksti */
#checkout-inner-wrapper button,
#checkout-inner-wrapper input[type="submit"],
#checkout-inner-wrapper input[type="button"],
#checkout-inner-wrapper .btn {
  background-image: none !important;
  filter: none !important;
  background-color: #d93b0d !important;
  border-color: #d93b0d !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#checkout-inner-wrapper button:hover,
#checkout-inner-wrapper button:focus,
#checkout-inner-wrapper input[type="submit"]:hover,
#checkout-inner-wrapper input[type="submit"]:focus,
#checkout-inner-wrapper input[type="button"]:hover,
#checkout-inner-wrapper input[type="button"]:focus,
#checkout-inner-wrapper .btn:hover,
#checkout-inner-wrapper .btn:focus {
  background-color: #a32a07 !important;
  border-color: #a32a07 !important;
  color: #fff !important;
}

/* 2a) “Päivitä ostoskori” (jos btn-info tms. yrittää sinistää) */
#checkout-inner-wrapper input.btn.btn-info[type="submit"][name="nhbutton4"] {
  background-image: none !important;
  filter: none !important;
  background-color: #d93b0d !important;
  border-color: #d93b0d !important;
  color: #fff !important;
}

#checkout-inner-wrapper input.btn.btn-info[type="submit"][name="nhbutton4"]:hover,
#checkout-inner-wrapper input.btn.btn-info[type="submit"][name="nhbutton4"]:focus {
  background-color: #a32a07 !important;
  border-color: #a32a07 !important;
  color: #fff !important;
}

/* 2b) “Aktivoi koodi” (btn-default/btn-success → oranssiksi) */
#checkout-inner-wrapper input[name="activate_campaign_code"] {
  background-image: none !important;
  filter: none !important;
  background-color: #d93b0d !important;
  border-color: #d93b0d !important;
  color: #fff !important;
}

#checkout-inner-wrapper input[name="activate_campaign_code"]:hover,
#checkout-inner-wrapper input[name="activate_campaign_code"]:focus {
  background-color: #a32a07 !important;
  border-color: #a32a07 !important;
  color: #fff !important;
}

/* 3) KAMPANJAKOODI–KENTTÄ → oranssi focus (ei sinistä) */
#checkout-inner-wrapper .campaign_code_field:focus {
  border-color: #d93b0d !important;
  box-shadow: 0 0 0 3px rgba(217, 59, 13, .2) !important;
  outline: 0 !important;
}

/* 4) + / – napit checkoutissa → poista Bootstrapin harmaat gradientit */
#checkout-inner-wrapper .cart-quantity-selector .btn,
#checkout-inner-wrapper .cart-quantity-selector .btn.btn-default {
  background-image: none !important;
  filter: none !important;
  background-color: #d93b0d !important;
  border-color: #d93b0d !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#checkout-inner-wrapper .cart-quantity-selector .btn:hover,
#checkout-inner-wrapper .cart-quantity-selector .btn:focus {
  background-color: #a32a07 !important;
  border-color: #a32a07 !important;
  color: #fff !important;
}

#checkout-inner-wrapper .cart-quantity-selector .btn:disabled,
#checkout-inner-wrapper .cart-quantity-selector .btn.btn-default:disabled {
  background-color: #ccc !important;
  border-color: #ccc !important;
  color: #666 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

/* keskiosa ja “kpl” */
#checkout-inner-wrapper .cart-quantity-selector .form-control {
  background: #fff !important;
  color: #333 !important;
  border-color: #ddd !important;
  text-align: center;
}

#checkout-inner-wrapper .cart-quantity-selector .input-group-addon {
  background: #cfd4d7 !important;
  color: #fff !important;
  border-color: #cfd4d7 !important;
}

/* 5) Roskakori-nappi */
#checkout-inner-wrapper .cart-product-delete .btn {
  background-image: none !important;
  filter: none !important;
  background-color: #d93b0d !important;
  border: 1px solid #d93b0d !important;
  color: #fff !important;
  padding: 6px 8px !important;
  border-radius: 4px !important;
  line-height: 1 !important;
}

#checkout-inner-wrapper .cart-product-delete .btn:hover,
#checkout-inner-wrapper .cart-product-delete .btn:focus {
  background-color: #a32a07 !important;
  border-color: #a32a07 !important;
  color: #fff !important;
}

#checkout-inner-wrapper .cart-product-delete .glyphicon-trash {
  font-size: 14px;
  line-height: 1;
  vertical-align: middle;
}

/* 6) Checkout-moduuli: korostus → oranssi */
.checkout-modules-table .checkout-module.active .module-arrow {
  border-color: #d93b0d transparent transparent transparent !important;
  display: block;
}

.checkout-modules-table .checkout-module.active {
  border: 1px solid #d93b0d !important;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}

/* 7) “Tilaustuote” → #f38600 */
.multistorage-stock-type.order-product,
.multistorage-stock-type.order-product .multistorage-stock-label,
.multistorage-stock-type.order-product .multistorage-stock-text {
  color: #f38600 !important;
  border-color: #f38600 !important;
}

/* 7) “Tilaustuote” → #f38600 */
.multistorage-stock-type.order-product,
.multistorage-stock-type.order-product .multistorage-stock-label,
.multistorage-stock-type.order-product .multistorage-stock-text {
  color: #f38600 !important;
  border-color: #f38600 !important;
}

/* itse pallo (yleensä span.multistorage-stock-label käyttää background) */
.multistorage-stock-type.order-product .multistorage-stock-label {
  background-color: #f38600 !important;
}

/* 8) Kampanjakoodi desktopilla: nappi + kenttä */
.checkout_campaign_code .campaign_code_field {
  border-color: #ddd !important;
}

.checkout_campaign_code .campaign_code_field:focus {
  border-color: #d93b0d !important;
  box-shadow: 0 0 0 3px rgba(217, 59, 13, .2) !important;
  outline: 0 !important;
}

.checkout_campaign_code input[name="activate_campaign_code"] {
  background-color: #d93b0d !important;
  border-color: #d93b0d !important;
  color: #fff !important;
  background-image: none !important;
  filter: none !important;
}

.checkout_campaign_code input[name="activate_campaign_code"]:hover,
.checkout_campaign_code input[name="activate_campaign_code"]:focus {
  background-color: #a32a07 !important;
  border-color: #a32a07 !important;
  color: #fff !important;
}

/* 9) Klikkaa tästä -linkki (kampanjakoodi) */
.checkout_campaign_code a.show-campaing-code-area {
  color: #d93b0d !important;
  background: none !important;
  border: none !important;
  text-shadow: none !important;
}

.checkout_campaign_code a.show-campaing-code-area:hover,
.checkout_campaign_code a.show-campaing-code-area:focus {
  color: #a32a07 !important;
}

/* Tehdastilaus - punainen pallo ja teksti */
.multistorage-stock-type.out-of-stock-can-order,
.multistorage-stock-type.out-of-stock-can-order .multistorage-stock-label,
.multistorage-stock-type.out-of-stock-can-order .multistorage-stock-text {
  color: #d32f2f !important;
  border-color: #d32f2f !important;
}

/* itse pallo */
.multistorage-stock-type.out-of-stock-can-order .multistorage-stock-label {
  background-color: #d32f2f !important;
}

/* Piilota koko "Tilatessa arvioitu toimitusaika" -osio */
.cart-comments {
  display: none !important;
  visibility: hidden !important;
}

/* (Valinnainen) jos joskus haluat piilottaa vain kentän erikseen */
textarea[name="comment_field_3"] {
  display: none !important;
}

/* Piilota riviviite kaikilta tuotteilta */
.cart-product-row .row-reference {
  display: none !important;
  visibility: hidden !important;
}

.multistorage-product-processing-time {
  visibility: hidden;
}

.multistorage-product-processing-time[data-edd-done="1"] {
  visibility: visible;
}