/* Tabell enligt mockup */
.wc-tier-ui { width:100%; margin:20px 0; border-collapse:collapse; font-family:inherit; border:none; }
.wc-tier-ui th, .wc-tier-ui td {
  border: none !important;
  padding: 10px 16px;   /* <- ändrat enligt önskemål */
  text-align: left;
  vertical-align: middle;
}
.wc-tier-ui thead th { border-bottom:2px solid #ccc; font-weight:600; }
.wc-tier-ui .col-quantity{width:24%} .wc-tier-ui .col-original{width:24%}
.wc-tier-ui .col-new{width:24%} .wc-tier-ui .col-discount{width:28%}
.wc-tier-ui tr.selected{background:#f3f3f3}
.wc-tier-ui tr.has-discount .col-original span{ text-decoration:line-through; color:#9c9c9c; }
.wc-tier-ui .badge{ display:inline-block; padding:6px 12px; border-radius:18px; background:#000; color:#fff; font-size:.95em; font-weight:600; }

/* Notisbar */
.wc-tier-notice{ display:flex; align-items:center; gap:10px; margin:12px 0 0; padding:12px 14px; background:#eaf9ee; border-radius:8px; font-size:15px; }
.wc-tier-icon{ display:inline-flex; width:22px; height:22px; flex:0 0 22px; }
.wc-tier-notice strong{ font-weight:700; }

/* Overlay + modal */
.wc-tier-wrap{ position:relative; }
.wc-tier-wrap.locked .wc-tier-overlay{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px;
  background:rgba(255,255,255,.65); text-align:center;
}
.wc-tier-overlay .button{ background:#000; color:#fff; padding:10px 14px; border-radius:6px; }

.wc-tier-modal{ position:fixed; inset:0; display:none; z-index:9999; }
.wc-tier-modal.is-open{ display:block; }
.wc-tier-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.45); }
.wc-tier-modal__dialog{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; border-radius:10px; width:min(560px,95%); padding:22px; box-shadow:0 10px 40px rgba(0,0,0,.2); }
.wc-tier-modal__close{ position:absolute; right:10px; top:8px; border:none; background:transparent; font-size:24px; line-height:1; cursor:pointer; }
.wc-tier-modal__content form p{ margin:0 0 12px; }

/* Dynamiskt "Från"-belopp vid rubriken */
.summary .price .wc-tier-hidden-amount { display: none !important; } /* Dölj temats första amount */
.summary .price .wc-tier-top-amount    { font-weight: 600; }          /* Vårt dynamiska belopp */

/* login/register css */

.wc-tier-modal__dialog {
  max-width: 1000px !important;
  padding: 40px !important;
  width: 100%;
  max-height: 70vh;
  overflow: auto;
}

.wc-tier-modal__dialog .u-column1, .wc-tier-modal__dialog .u-column2.col-2 {
  background: white;
  padding: 30px;
  border: 1px solid #ebebeb;
}

.wc-tier-modal__dialog h2 {
  text-align: center;
  margin-bottom: 30px;
}

.wc-tier-modal__dialog .input-text {
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  background-color: #f8f9fa;
  transition: border-color 0.3s ease;
}

.wc-tier-modal__dialog .form-row.ast-animate-input label{
  margin: 7px 0 12px;
}

.wc-tier-modal__dialog .woocommerce-form-login__submit, .wc-tier-modal__dialog .woocommerce-form-register__submit {
width: 100%;  
}

.wc-tier-modal__dialog .woocommerce-LostPassword.lost_password {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 0;
}

.wc-tier-modal__dialog .woocommerce-form-row {
  position: relative;
}

.wc-tier-modal__dialog .show-password-input {
  cursor: pointer;
    position: absolute;
    right: 16px;
    top: 35%;
    background: none;
    color: #000;
    padding: 0;
}

.wc-tier-modal__dialog .show-password-input::after{
  font-family: WooCommerce;
    speak: never;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e010";
    text-decoration: none;
}

.wc-tier-modal__dialog .woocommerce-form__input-checkbox {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.wc-tier-modal__dialog .woocommerce-form__label-for-checkbox span {
  position: relative;
  top: -3px
}

.wc-tier-modal__close{
    right: 14px;
    font-size: 30px;
    padding: 0;
    color: #000;
    background: none;
}

.wc-tier-modal__close:hover{
  background: none;
  color: #000;
}

@media (max-width: 1048px){
  .wc-tier-modal__dialog {
  width: 95%;
}
}

@media (max-width: 921px){
  .wc-tier-modal__dialog .u-column1.col-1 {
    margin-bottom: 24px;
  }
}

.wc-tier-login-notice{
font-weight: 700;
margin-bottom: 0;
}

/*CSS fix desktop*/
.wc-tier-ui .badge {
    padding: 4px 12px;
}
.wc-tier-ui th, .wc-tier-ui td {
    padding: 8px 16px;
}
.wc-tier-ui thead th {
   border-bottom:1px solid #cccccc40!important;
 }
.wc-tier-notice {
    background: #E5FFE5;
}

/*CSS fix Mobile*/

.wc-tier-ui .col-original {
    width: 35%;
}
.wc-tier-ui .badge {
    padding: 1px 12px;
}
.wc-tier-notice {
    margin-bottom: 20px;
}