/**
 * NOTICE OF LICENSE
 *
 * This file is licenced under the Software License Agreement.
 * With the purchase or the installation of the software in your application
 * you accept the licence agreement.
 *
 * You must not modify, adapt or create derivative works of this source code
 *
 *  @author    foolab.app
 *  @copyright 2010-2026 foolab.app
 *  @license   LICENSE.txt
 */
#mod-insuredshipping{
    --isx-surface: var(--bs-white, #fff);
    --isx-border: var(--bs-gray-200, #e9ecef);
    --isx-text: var(--bs-gray-800, #343a40);
    --isx-muted: var(--bs-gray-600, #6c757d);
    --isx-price: var(--bs-gray-900, #212529);
    --isx-accent: var(--bs-success, #198754);
    margin-top: 1rem;
    padding: 1rem 1rem 0.875rem;
    position:relative;
    overflow: hidden;
    color: var(--isx-text);
    background:
      linear-gradient(180deg, rgba(25, 135, 84, 0.04) 0%, rgba(25, 135, 84, 0.01) 100%),
      var(--isx-surface);
    border: 1px solid var(--isx-border);
    border-radius: 8px;
    box-shadow: 0 0.375rem 1rem rgba(33, 37, 41, 0.06);
    transition: box-shadow .2s ease, border-color .2s ease, opacity .2s ease;
}

#mod-insuredshipping:hover{
    border-color: color-mix(in srgb, var(--isx-accent) 24%, var(--isx-border));
    box-shadow: 0 0.75rem 1.5rem rgba(33, 37, 41, 0.08);
}
/* Supercheckout Module compatibility */
#module-supercheckout-supercheckout .insured-onfly{
    display: table-row;
    position: relative;
    height: 30px;
    width: 100%;
}
#module-supercheckout-supercheckout #insurance_total{
    position: absolute;
    width: 100%;
    vertical-align: top;
}
#module-supercheckout-supercheckout #insurance_total .title{
    display:inline-block;
    width: 60%;
    text-align: right;
    color: #696969!important;
    border-bottom: 1px solid #c5c5c5!important;
    font-size: 12px;
    padding: 5px 0!important;
}
#module-supercheckout-supercheckout #insurance_total .value{
    display:inline-block;
    width: 40%;
    text-align: right;
    color: #7B7B7B!important;
    border-bottom: 1px solid #c5c5c5!important;
    font-size: 12px;
    padding: 5px 0!important;
}
/* Supercheckout Module compatibility */

/* Spinner 3Balls Scale */
.sp-3balls, .sp-3balls:before, .sp-3balls:after {
    border-radius: 50%;
    background-color: #000;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    display: inline-block;
}
.sp-3balls{
    position: relative;
    background-color: rgba(0,0,0,1);
    opacity: 1;
    -webkit-animation: spScaleAlpha 1s infinite linear;
    animation: spScaleAlpha 1s infinite linear;
}
.sp-3balls:before, .sp-3balls:after {
    content: '';
    position: relative;
    opacity: 0.25;
}
.sp-3balls:before {
    left: 30px;
    top: 0px;
    -webkit-animation: spScaleAlphaBefore 1s infinite linear;
    animation: spScaleAlphaBefore 1s infinite linear;
}
.sp-3balls:after {
    left: -30px;
    top: -23px;
    -webkit-animation: spScaleAlphaAfter 1s infinite linear;
    animation: spScaleAlphaAfter 1s infinite linear;
}
@-webkit-keyframes spScaleAlpha {
    0% { opacity: 1; }
    33% { opacity: 0.25; }
    66% { opacity: 0.25; }
    100% { opacity: 1; }
}
@keyframes spScaleAlpha {
    0% { opacity: 1; }
    33% {  opacity: 0.25; }
    66% { opacity: 0.25; }
    100% {  opacity: 1; }
}
@-webkit-keyframes spScaleAlphaBefore {
    0% { opacity: 0.25; }
    33% { opacity: 1; }
    66% { opacity: 0.25; }
}
@keyframes spScaleAlphaBefore {
    0% { opacity: 0.25; }
    33% { opacity: 1; }
    66% { opacity: 0.25; }
}
@-webkit-keyframes spScaleAlphaAfter {
    33% { opacity: 0.25; }
    66% { opacity: 1; }
    100% { opacity: 0.25; }
}
@keyframes spScaleAlphaAfter {
    33% { opacity: 0.25; }
    66% { opacity: 1; }
    100% { opacity: 0.25; }
}
#mod-insuredshipping .sp-3balls{
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);

}
#mod-insuredshipping.loading:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    background:rgba(255,255,255,0.72);
    backdrop-filter: blur(2px);
    width:100%;
    height:100%;
    border-radius: inherit;
}
#mod-insuredshipping.loading .sp-3balls{
    display:block;
}

#mod-insuredshipping {
    outline: 0;
}
#mod-insuredshipping .checkbox {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 20px;
    padding-top: 0.2rem;
}
#mod-insuredshipping h6{
    margin: 0;
    font-weight: 600;
    font-size: 1rem!important;
    line-height: 1.35;
    color: var(--isx-text);
}
#mod-insuredshipping .hidden {
    display:none;
}
#mod-insuredshipping .small {
    padding-left: 0;
    margin-top: 0.35rem;
    color: var(--isx-muted);
    font-size: 0.9375rem;
    line-height: 1.5;
}
#mod-insuredshipping .text-center {
    text-align: center;
}
#mod-insuredshipping .text-right {
    text-align: right;
}
#mod-insuredshipping label{
    text-align: left;
    display: block;
    width: 100%;
    margin: 0;
    cursor: pointer;
}
.ava-handler {
  width: 100%;
  padding: 0;
}
#mod-insuredshipping .checkbox, #mod-insuredshipping .box {
  float: left;
}
.clearfix {
  clear:both;
  /*display: table;*/
  display: block;
}
.clearfix:after, .clearfix:before {
  clear:both;
  content:"";
  display: block;
}
.no-padding {
  padding:0!important;
}
.insured-shape{
  display:block;
  width:100%;
  max-width: 40px;
  position: static;
  margin-inline: auto;
  filter: drop-shadow(0 0.25rem 0.4rem rgba(25, 135, 84, 0.15));
}

#mod-insuredshipping .row{
  align-items: center;
}

#mod-insuredshipping .insurance{
  min-width: 2.5rem;
}

#mod-insuredshipping input[type="checkbox"]{
  width: 1.1rem;
  height: 1.1rem;
  margin: 0.15rem 0 0;
  accent-color: var(--isx-accent);
}

#mod-insuredshipping .box{
  width: calc(100% - 5rem);
}

#mod-insuredshipping #insurance-price-handle{
  font-weight: 600;
  color: var(--isx-price);
}

#mod-insuredshipping #insured-price{
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2;
  color: var(--isx-price);
}

#mod-insuredshipping #insurance-price-handle .price + *{
  display: inline-block;
  margin-top: 0.1rem;
  color: var(--isx-muted);
  font-size: 0.8125rem;
}

#mod-insuredshipping .noava-handler{
  width: 100%;
  padding: 0.25rem 0;
}

#mod-insuredshipping .noava-handler h5{
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--isx-muted);
}

#mod-insuredshipping a{
  color: inherit;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--isx-accent) 45%, transparent);
  text-underline-offset: 0.14em;
}

#mod-insuredshipping a:hover{
  color: var(--isx-accent);
}

@media (max-width: 575.98px) {
  #mod-insuredshipping{
    padding: 0.9rem 0.9rem 0.8rem;
  }

  #mod-insuredshipping .insurance{
    width: 2.25rem;
    min-width: 2.25rem;
  }

  #mod-insuredshipping .box{
    width: calc(100% - 2.25rem);
  }

  #mod-insuredshipping .small{
    font-size: 0.875rem;
  }

  #mod-insuredshipping #insurance-price-handle{
    margin-top: 0.25rem;
    text-align: left;
  }
}