.woocommerce #shipping-calc {
  width: 100%;
  float: left;
  margin: 30px 0;
}

.woocommerce #shipping-calc p {
  font-size: 15px;
  color: #717171;
  margin: 0 0 18px;
  border-bottom: 1px solid rgba(0,0,0,.05);
  padding-bottom: 11px;
}

.woocommerce #shipping-calc #wscp-postcode.text {
  width: calc(78% - 180px);
  height: 40px;
  margin-right: 5px;
  padding: .6180469716em;
  background-color: #f2f2f2;
  color: #43454b;
  display: inline-block;
  outline: 0;
  border: 0;
  float: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
  border-radius: 0;
  -webkit-border-radius: 0;
  vertical-align: middle;
}

.woocommerce #shipping-calc #wscp-button {
  padding: .6180469716em .3em;
  height: 40px;
  float: none;
  text-decoration: none;
  font-weight: 600;
  text-shadow: none;
  display: inline-block;
  outline: 0;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: button;
  cursor: pointer;
  border-color: #eeeeee;
  line-height: 100%;
  border: 0;
  font-size: 100%;
  margin: 0;
  vertical-align: middle;
  width: 22%;
  z-index: 0;
}

.woocommerce #shipping-calc #wscp-button.loading{
  background-image: url(../images/shipping-load.gif);
  background-color: transparent !important;
  background-position: center;
  background-size: 100%;
  color: transparent !important;
  opacity: 1;
  cursor: default;
}

.woocommerce #shipping-calc .wscp-cerca-cap-link{
  vertical-align: middle;
  display: inline-block;
  font-size: 13px;
  margin-left: 10px;
  text-decoration: underline;
  background: none;
  border: 0;
  padding: 0;
  color: #429a45;
  cursor: pointer;
}

.woocommerce #shipping-calc .wscp-cerca-cap-link:hover{
  text-decoration: none;
}

/* Modale "Cerca il tuo CAP" — 1.3.14 wouuu: finestra centrata su computer, pannello dal basso su telefono.
   Colore = palette del tema (--global-palette1), di riserva il verde del plugin. */

html body #shipping-calc .wscp-cap-modal{--wscp-acc:var(--global-palette1,#429a45);display:none;position:fixed;z-index:100000;inset:0;width:100%;height:100%}
html body #shipping-calc .wscp-cap-modal.is-open{display:block}
html body #shipping-calc .wscp-cap-modal-overlay{position:absolute;inset:0;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:wscp-fade .25s ease both}
html body #shipping-calc .wscp-cap-modal-box{position:relative;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0;
  background:#fff;width:92%;max-width:520px;margin:9vh auto 0;max-height:80vh;height:auto!important;box-sizing:border-box;
  border-radius:20px;padding:26px 24px 22px;box-shadow:0 30px 80px -20px rgba(15,23,42,.45);animation:wscp-su .35s cubic-bezier(.2,.9,.25,1) both}
html body #shipping-calc .wscp-cap-modal-box > *{flex:none!important}
html body #shipping-calc .wscp-cap-modal-box h3{display:flex!important;align-items:center;gap:12px;margin:0 46px 6px 0!important;padding:0!important;font-size:21px!important;line-height:1.25!important;font-weight:800!important;color:#0f172a!important;text-transform:none!important;letter-spacing:-.01em!important}
html body #shipping-calc .wscp-cap-modal-box h3::before{content:"";flex:none;width:40px;height:40px;border-radius:12px;
  background:var(--wscp-acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center/22px no-repeat;
  box-shadow:0 8px 18px -8px var(--wscp-acc)}
html body #shipping-calc .wscp-cap-modal-hint{margin:0 0 16px 52px!important;padding:0!important;border:0!important;font-size:14px!important;line-height:1.45!important;font-weight:400!important;color:#64748b!important;text-transform:none!important;letter-spacing:0!important}
html body #shipping-calc .wscp-cap-modal-close{position:absolute;top:18px;right:18px;width:40px;height:40px;display:flex!important;align-items:center;justify-content:center;
  border:0!important;border-radius:50%!important;background:#f1f5f9!important;color:#334155!important;font-size:24px!important;line-height:1!important;padding:0!important;cursor:pointer;transition:background .2s,transform .2s}
html body #shipping-calc .wscp-cap-modal-close:hover{background:#e2e8f0!important;transform:rotate(90deg)}
html body #shipping-calc .wscp-cap-search{width:100%!important;height:54px!important;margin:0!important;padding:0 16px 0 48px!important;box-sizing:border-box;
  font-size:16px!important;color:#0f172a!important;border:2px solid #e2e8f0!important;border-radius:14px!important;outline:0;box-shadow:none!important;
  background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 16px center/20px no-repeat!important;
  transition:border-color .2s,box-shadow .2s,background-color .2s}
html body #shipping-calc .wscp-cap-search:focus{border-color:var(--wscp-acc)!important;background-color:#fff!important;box-shadow:0 0 0 4px rgba(66,154,69,.15)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--wscp-acc) 18%,transparent)!important}
html body #shipping-calc .wscp-cap-results{flex:1 1 auto!important;min-height:0;margin:14px -6px 0;padding:0 6px 4px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
html body #shipping-calc .wscp-cap-results:empty{display:none}
html body #shipping-calc .wscp-cap-item{padding:14px 16px;margin:0 0 10px;border:1px solid #eef2f7;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04);animation:wscp-fade .25s ease both}
html body #shipping-calc .wscp-cap-item:last-child{margin-bottom:0}
html body #shipping-calc .wscp-cap-item-nome{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15.5px;font-weight:800;color:#0f172a;margin:0 0 10px}
html body #shipping-calc .wscp-cap-item-nome small{font-size:11px;font-weight:800;letter-spacing:.04em;color:#475569;background:#f1f5f9;border-radius:99px;padding:3px 8px}
html body #shipping-calc .wscp-cap-item-list{display:flex;flex-wrap:wrap;gap:8px}
html body #shipping-calc .wscp-cap-chip{min-height:36px;padding:0 16px!important;border-radius:99px!important;border:1.5px solid var(--wscp-acc)!important;background:#fff!important;color:var(--wscp-acc)!important;
  font-size:14px!important;font-weight:800!important;letter-spacing:.02em;cursor:pointer;transition:background .15s,color .15s,transform .15s}
html body #shipping-calc .wscp-cap-chip:hover,html body #shipping-calc .wscp-cap-chip:focus-visible{background:var(--wscp-acc)!important;color:#fff!important;transform:translateY(-1px)}
html body #shipping-calc .wscp-cap-no-results{margin:6px 0 0;padding:18px;border:1.5px dashed #e2e8f0;border-radius:14px;text-align:center;font-size:14px;color:#64748b}
@keyframes wscp-fade{from{opacity:0}to{opacity:1}}
@keyframes wscp-su{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes wscp-sale{from{transform:translateY(100%)}to{transform:none}}

/* Telefono: pannello che sale dal basso, con la maniglia */
@media (max-width:600px){
  html body #shipping-calc .wscp-cap-modal-box{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:none;margin:0;max-height:88vh;max-height:88dvh;min-height:52vh;
    border-radius:24px 24px 0 0;padding:30px 18px calc(18px + env(safe-area-inset-bottom));animation:wscp-sale .38s cubic-bezier(.2,.9,.25,1) both}
  html body #shipping-calc .wscp-cap-modal-box::before{content:"";position:absolute;top:10px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:99px;background:#cbd5e1}
  html body #shipping-calc .wscp-cap-modal-box h3{font-size:20px!important}
  html body #shipping-calc .wscp-cap-modal-close{top:22px;right:14px}
}
@media (prefers-reduced-motion:reduce){html body #shipping-calc .wscp-cap-modal-overlay,html body #shipping-calc .wscp-cap-modal-box,html body #shipping-calc .wscp-cap-item{animation:none}html body #shipping-calc .wscp-cap-modal-close:hover{transform:none}}

.woocommerce #shipping-calc #wscp-response{
  width: 100%;
  float: left;
  padding: 10px 0;
}

.woocommerce #shipping-calc #wscp-response table{
  border-spacing: 0;
  width: 100%;
  border-collapse: separate;
  margin: 15px 0 0;
}

.woocommerce #shipping-calc #wscp-response table th {
  background-color: #f3f2f2;
  font-weight: 600;
}
.woocommerce #shipping-calc #wscp-response table td {
  background-color: #fbfbfb;
}

.woocommerce #shipping-calc #wscp-response table td, .woocommerce #shipping-calc #wscp-response table th{
  font-size: 13px;
  color: #6d6d6d;
  text-align: left;
  display: table-cell;
  padding: 1em 1.41575em;
}

.woocommerce #shipping-calc #delivery_truck {
  fill: #429a45;
  margin-right: 10px;
  vertical-align: bottom;
  width: 36px;
  display: inline-block;
}


@media (min-width:381px) and (max-width:500px) {

  .woocommerce #shipping-calc #wscp-button, .woocommerce #shipping-calc #wscp-postcode.text {
   width:40%
  }
}

@media (max-width:380px) {

  .woocommerce #shipping-calc #wscp-button, .woocommerce #shipping-calc #wscp-postcode.text {
   width:96%;margin-bottom: 10px
  }

  .woocommerce #shipping-calc #wscp-button.loading{
   background-repeat: no-repeat;
   background-size: 30% !important;
  }
}