/* Styles for Agel HCP buy modal */
.agel-hcp-modal { position: fixed; inset: 0; z-index: 99999; display:flex; align-items:center; justify-content:center; padding: 16px; overflow-y:auto; }
.agel-hcp-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.5); }
.agel-hcp-modal__dialog { position: relative; background: #fff; max-width: 540px; width: 94%; padding: 20px; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.25); z-index: 2; max-height: calc(100vh - 32px); overflow-y:auto; }
.agel-hcp-modal__close { position: absolute; top: 8px; right: 8px; background: transparent; border: none; font-size: 24px; line-height: 1; cursor: pointer; }
.agel-hcp-buy-form .form-row { margin-bottom: 12px; }
.agel-hcp-buy-form label { display:block; font-weight:600; margin-bottom:6px; }
.agel-hcp-buy-form input[type="text"], .agel-hcp-buy-form input[type="email"], 
.agel-hcp-buy-form textarea { width:100%; padding:8px 10px; border:1px solid #ddd; border-radius:4px; }

.agel-hcp-buy-form input[type="text"]:focus, .agel-hcp-buy-form input[type="email"]:focus, 
.agel-hcp-buy-form textarea:focus { width:100%; padding:8px 10px; border:1px solid #c0c0c0; border-radius:4px; }

.agel-hcp-error { color: #b00020; font-size: 0.9rem; margin-top:6px; min-height:1.2em; }
.agel-hcp-form-status { margin-top: 6px; color: #333; font-size: 0.95rem; }
.agel-hcp-form-actions { margin-top: 14px; text-align: right; }
.agel-hcp-modal__dialog h2 { margin-top:0; margin-bottom:12px; }
.agel-hcp-modal .btn { display:inline-block; padding:8px 14px; border-radius:4px; }
@media (max-width:420px) { 
  .agel-hcp-modal { padding: 12px; }
  .agel-hcp-modal__dialog { padding: 12px; max-height: calc(100vh - 24px); }
}

.mb--2px { margin-bottom: -2px !important; }

.hcp-icon-shopping-cart-20 {
  width: 20px;
  height: 20px;
  background-color: var(--bs-btn-color); /* barva ikony */
  -webkit-mask: url("../svg/shopping-cart-01.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask: url("../svg/shopping-cart-01.svg") no-repeat center;
  mask-size: contain;
  display: inline-block;
}




.agel-hcp-buy-btn:hover .hcp-icon-shopping-cart-20 {
  background-color: var(--bs-btn-hover-color); /* barva ikony při hover */
}