/* Embedded font (place your font files in: simple-cod-form/assets/fonts/) */
@font-face {
  font-family: 'A Jannat LT';
  src: url('../assets/fonts/A-Jannat-LT-Bold.woff2') format('woff2'),
       url('../assets/fonts/A-Jannat-LT-Bold.woff') format('woff'),
       url('../assets/fonts/A-Jannat-LT-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Apply font to the COD form */
.scod-wrap,
.scod-wrap input,
.scod-wrap label,
.scod-btn{
  font-family: 'A Jannat LT', Arial, sans-serif !important;
  font-weight: 700;
}

.scod-wrap{border:1px solid #eee;padding:12px;border-radius:12px;margin-top:14px}
.scod-title{margin:0 0 10px;font-size:18px}
.scod-row{margin-bottom:10px}
.scod-row label{display:block;margin-bottom:6px;font-weight:600}
.scod-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px}
.scod-msg{margin-top:10px;font-weight:700}
.scod-msg.ok{color:green}
.scod-msg.err{color:#c00}
.scod-req{color:#c00}
.scod-variations{margin-bottom:12px}
.scod-variations form.variations_form{margin:0}

/* Quantity + button side-by-side */
.scod-actions{display:flex;gap:10px;align-items:flex-end;margin-top:8px}
.scod-qty-wrap{flex:0 0 120px}
.scod-qty-label{display:block;margin-bottom:6px;font-weight:700}
.scod-qty{width:100%}

/* Blue animated button */
.scod-btn{
  flex:1;
  padding:12px;
  border:0;
  border-radius:12px;
  cursor:pointer;
  color:#fff;
  background:#1e5bff;
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
  animation: scodPulse 2.2s infinite;
}
.scod-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px rgba(0,0,0,.18)}
.scod-btn:active{transform:scale(.97)}
.scod-btn.loading{opacity:.75;cursor:progress;animation:none}

@keyframes scodPulse{
  0%{box-shadow:0 0 0 0 rgba(30,91,255,.45)}
  70%{box-shadow:0 0 0 14px rgba(30,91,255,0)}
  100%{box-shadow:0 0 0 0 rgba(30,91,255,0)}
}