/* Artec Travel PRO — frontend extras */

/* Checkout page */
.atp-checkout-wrap{padding:60px 0 100px;background:#f8f8f8;min-height:60vh}
.atp-checkout-title{font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--vd-navy);margin:0 0 8px;letter-spacing:-.02em}
.atp-checkout-sub{color:var(--vd-muted);font-size:15px;margin:0 0 36px}
.atp-checkout-grid{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:flex-start}

.atp-checkout-form{
  background:#fff;border:1px solid var(--vd-line);border-radius:16px;padding:40px;
}
.atp-checkout-form h3{font-size:18px;color:var(--vd-navy);font-weight:700;margin:0 0 18px}
.atp-checkout-form .atp-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px}
.atp-checkout-form .atp-field{display:flex;flex-direction:column;gap:7px}
.atp-checkout-form .atp-field-full{grid-column:1/-1}
.atp-checkout-form label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--vd-muted);font-weight:700}
.atp-checkout-form .atp-input{
  width:100%;padding:12px 14px;border:1px solid var(--vd-line);border-radius:10px;
  font-family:inherit;font-size:14.5px;background:#fafafa;
}
.atp-checkout-form .atp-input:focus{outline:none;border-color:var(--vd-orange);background:#fff;}

.atp-pay-option{
  display:flex;gap:14px;padding:18px;border:1.5px solid var(--vd-line);border-radius:12px;
  margin-bottom:12px;cursor:pointer;transition:all .2s;
}
.atp-pay-option:has(input:checked){border-color:var(--vd-orange);background:rgba(246,90,23,.04)}
.atp-pay-option input{margin-top:4px;accent-color:var(--vd-orange)}
.atp-pay-option-title{font-size:16px;font-weight:700;color:var(--vd-navy);margin-bottom:4px}
.atp-pay-option-desc{font-size:13px;color:var(--vd-muted);line-height:1.5}

.atp-checkout-trust{font-size:12px;color:var(--vd-muted);text-align:center;margin:18px 0 0}

.atp-checkout-summary{
  background:#fff;border:1px solid var(--vd-line);border-radius:16px;padding:28px;
  position:sticky;top:120px;
}
.atp-checkout-summary h3{font-size:16px;color:var(--vd-navy);margin:0 0 16px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.atp-summary-img{aspect-ratio:16/10;background-size:cover;background-position:center;border-radius:10px;margin-bottom:14px}
.atp-summary-title{font-size:18px;font-weight:700;color:var(--vd-navy);margin-bottom:18px}
.atp-summary-list{list-style:none;padding:0;margin:0}
.atp-summary-list li{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--vd-text)}
.atp-summary-list li strong{color:var(--vd-navy);font-weight:700}
.atp-summary-list li.atp-summary-total{border-top:1px solid var(--vd-line);margin-top:10px;padding-top:14px;font-size:16px}
.atp-summary-list li.atp-summary-total span{font-weight:700;color:var(--vd-navy)}
.atp-summary-list li.atp-summary-total strong{font-size:22px;font-weight:800;letter-spacing:-.01em}

/* Thank you */
.atp-thanks-wrap{padding:80px 0 100px;background:#f8f8f8;min-height:70vh}
.atp-thanks-card{
  background:#fff;border:1px solid var(--vd-line);border-radius:24px;padding:60px 50px;text-align:center;
  max-width:680px;margin:0 auto;
}
.atp-thanks-icon{
  width:84px;height:84px;border-radius:50%;background:#3a8554;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:42px;font-weight:800;
  margin-bottom:24px;;
}
.atp-thanks-card h1{font-size:clamp(28px,3.6vw,40px);color:var(--vd-navy);margin:0 0 14px}
.atp-thanks-code{font-size:14px;color:var(--vd-muted);margin:0 0 6px}
.atp-thanks-summary{
  background:#f8f8f8;border-radius:14px;padding:22px 26px;margin:28px 0;text-align:left;
}
.atp-thanks-summary h3{font-size:18px;color:var(--vd-navy);margin:0 0 10px}
.atp-thanks-summary p{font-size:14.5px;color:var(--vd-text);margin:5px 0}
.atp-thanks-note{
  background:#fff4dc;color:#8a6d00;padding:14px 18px;border-radius:10px;
  font-size:14px;line-height:1.6;margin:20px 0;
}
.atp-thanks-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}

/* Highlights bullet list */
.vp-highlights{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.vp-highlights li{padding-left:22px;position:relative;color:var(--vd-text);font-size:14.5px;line-height:1.6}
.vp-highlights li::before{content:"★";position:absolute;left:0;top:0;color:var(--vd-orange);font-weight:700}

/* Responsive */
@media (max-width:1100px){
  .atp-checkout-grid{grid-template-columns:1fr;gap:28px}
  .atp-checkout-summary{position:static}
}
@media (max-width:780px){
  .atp-checkout-form{padding:24px 20px}
  .atp-checkout-form .atp-row{grid-template-columns:1fr}
  .atp-thanks-card{padding:40px 24px}
  .vp-highlights{grid-template-columns:1fr}
}

/* Pay option icon (line SVG) */
.atp-pay-icon{
  width:36px;height:36px;flex-shrink:0;border-radius:8px;
  background:rgba(27,37,65,.06);color:var(--vd-navy);
  display:flex;align-items:center;justify-content:center;
}
.atp-pay-icon svg{width:18px;height:18px}
.atp-pay-option:has(input:checked) .atp-pay-icon{background:rgba(246,90,23,.10);color:var(--vd-orange)}