.jt-smartmodalpro {
  --jt-overlay: .65;
  --jt-radius: 16px;
}

.jt-smartmodalpro.modal {
  background: rgba(0, 0, 0, var(--jt-overlay));
}

.jt-smartmodalpro .modal-dialog {
  transition: transform .28s ease, opacity .28s ease;
}

.jt-smartmodalpro .modal-content {
  border: 0;
  border-radius: var(--jt-radius);
  overflow: hidden;
  box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, .18);
}

.jt-smartmodalpro .modal-header,
.jt-smartmodalpro .modal-body {
  padding: 1.25rem;
}

.jt-smartmodalpro .modal-header {
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.jt-smartmodalpro .jt-no-title {
  justify-content: flex-end;
}

.jt-smartmodalpro .jt-description {
  margin-bottom: 1rem;
  color: #5f6b7a;
}

.jt-smartmodalpro .jt-content > :last-child,
.jt-smartmodalpro .jt-description > :last-child {
  margin-bottom: 0;
}

.jt-smartmodalpro .jt-media img {
  display: block;
  width: 100%;
  border-radius: calc(var(--jt-radius) - 6px);
}

.jt-smartmodalpro .jt-actions {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
}

.jt-smartmodalpro .jt-countdown {
  font-size: .875rem;
  font-weight: 600;
  color: #6c757d;
}

.jt-smartmodalpro .jt-ratio {
  position: relative;
  width: 100%;
}

.jt-smartmodalpro .jt-ratio::before {
  display: block;
  content: '';
  padding-top: 56.25%;
}

.jt-smartmodalpro .jt-ratio iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: calc(var(--jt-radius) - 6px);
}

.jt-smartmodalpro .jt-fullbleed .modal-body {
  padding-top: 0;
}

.jt-smartmodalpro .jt-fullbleed .jt-media img,
.jt-smartmodalpro .jt-fullbleed .jt-ratio iframe {
  border-radius: 0;
}

.jt-smartmodalpro.jt-anim-zoom .modal-dialog {
  transform: scale(.92);
}

.jt-smartmodalpro.jt-anim-slide-down .modal-dialog {
  transform: translateY(-24px);
}

.jt-smartmodalpro.jt-anim-slide-up .modal-dialog {
  transform: translateY(24px);
}

.jt-smartmodalpro.show.jt-anim-zoom .modal-dialog,
.jt-smartmodalpro.show.jt-anim-slide-down .modal-dialog,
.jt-smartmodalpro.show.jt-anim-slide-up .modal-dialog {
  transform: none;
}

.jt-smartmodalpro .jt-theme-minimal {
  background: #fff;
  color: #212529;
}

.jt-smartmodalpro .jt-theme-dark {
  background: #121826;
  color: #eef2f7;
}

.jt-smartmodalpro .jt-theme-dark .modal-header {
  border-bottom-color: rgba(255, 255, 255, .12);
}

.jt-smartmodalpro .jt-theme-dark .jt-description,
.jt-smartmodalpro .jt-theme-dark .jt-countdown {
  color: rgba(238, 242, 247, .8);
}

.jt-smartmodalpro .jt-theme-dark .btn-close {
  filter: invert(1) grayscale(100%);
}

.jt-smartmodalpro .jt-theme-promo {
  background: linear-gradient(135deg, #fff7e6 0%, #ffffff 100%);
  color: #1f2937;
}

.jt-smartmodalpro .jt-theme-newsletter {
  background: linear-gradient(135deg, #eef6ff 0%, #ffffff 100%);
  color: #1f2937;
}
