
/* GT Share Cart Link PRO */
.gt-sclp-trigger{
  border-radius: 999px !important;
  padding: .7em 1.1em !important;
  font-weight: 700 !important;
  letter-spacing: .2px;
  margin-left: 8px;
}

/* Modal */
.gt-sclp-modal{ position: fixed; inset: 0; z-index: 999999; display:none; }
.gt-sclp-modal[aria-hidden="false"]{ display:block; }

.gt-sclp-backdrop{
  position:absolute; inset:0;
  background: rgba(15, 23, 42, .55);
  backdrop-filter: blur(2px);
}

.gt-sclp-card{
  position: relative;
  width: min(560px, calc(100% - 32px));
  margin: 10vh auto;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
  padding: 18px 18px 16px;
}

.gt-sclp-close{
  position:absolute;
  top: 10px; right: 10px;
  width: 36px; height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  font-size: 22px;
  line-height: 34px;
  cursor: pointer;
}

.gt-sclp-header{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 6px 6px 10px;
}

.gt-sclp-badge{
  width: 40px; height: 40px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(59, 130, 246, .10);
  font-size: 18px;
}

.gt-sclp-title{
  font-size: 18px;
  font-weight: 800;
  margin-top: 2px;
}

.gt-sclp-subtitle{
  font-size: 13px;
  opacity: .75;
  margin-top: 3px;
  line-height: 1.35;
}

.gt-sclp-body{ padding: 6px; }

.gt-sclp-row{
  display:flex;
  gap: 10px;
  align-items:center;
  margin-top: 8px;
}

.gt-sclp-input{
  flex: 1;
  min-width: 0;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: .75em .85em;
  font-size: 14px;
  background: #fafafa;
}

.gt-sclp-copy{
  border-radius: 12px !important;
  padding: .75em 1.05em !important;
  font-weight: 800 !important;
}

.gt-sclp-status{
  margin-top: 10px;
  font-size: 13px;
  min-height: 18px;
  opacity: .9;
}

.gt-sclp-share{
  margin-top: 14px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(0,0,0,.06);
}

.gt-sclp-share-label{
  font-size: 13px;
  opacity: .75;
}

.gt-sclp-icons{ display:flex; gap: 10px; }

.gt-sclp-icon{
  width: 40px; height: 40px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  text-decoration: none !important;
}

.gt-sclp-icon svg{ fill: rgba(0,0,0,.80); }

.gt-sclp-wa{ background: rgba(34, 197, 94, .10); border-color: rgba(34, 197, 94, .25); }
.gt-sclp-wa svg{ fill: rgba(22, 163, 74, 1); }

.gt-sclp-mail{ background: rgba(59, 130, 246, .10); border-color: rgba(59, 130, 246, .25); }
.gt-sclp-mail svg{ fill: rgba(37, 99, 235, 1); }

.gt-sclp-footnote{
  margin-top: 12px;
  font-size: 12px;
  opacity: .70;
}

/* Modal responsive */
@media (max-width: 480px){
  .gt-sclp-card{ margin: 8vh auto; }
  .gt-sclp-row{ flex-direction: column; align-items: stretch; }
  .gt-sclp-copy{ width: 100%; }
  .gt-sclp-share{ flex-direction: column; align-items: flex-start; }
}

/* Mobile: centrar y espaciar botón en acciones del carrito */
@media (max-width: 768px){
  .woocommerce-cart .cart .actions{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
  }
  .woocommerce-cart .cart .actions button[name="update_cart"]{
    width:100%;
    max-width:360px;
  }
  .woocommerce-cart .cart .actions .gt-sclp-trigger{
    width:100%;
    max-width:360px;
    margin:0 auto !important;
    display:block;
    text-align:center;
  }
}
