/* chogm.antiguavisa.com (2026-10-14): the main eVISA site's look (/assets/css/main.css, served from the main site)
   plus the CHOGM 2026 logo. Only additions live here; colours and components come from main.css. */
.chogm-brand__rule { width: 1px; height: 38px; background: rgba(255, 255, 255, .25); margin: 0 4px; }
.chogm-brand__logo { height: 40px; width: auto; display: block; }
@media (max-width: 1100px) { .top-bar__titles { display: none; } }
@media (max-width: 960px) { .chogm-brand__rule { display: none; } .chogm-brand__logo { height: 34px; } }

.chogm-hero-logo { display: block; width: 100%; max-width: 320px; height: auto; margin: 0 auto 18px; }
.chogm-note { margin-top: 18px; color: var(--neutral-500); }

.chogm-drop { border: 2px dashed var(--neutral-300); border-radius: var(--radius-md); padding: 18px; text-align: center; background: var(--neutral-50); }
.chogm-drop p { margin: 0 0 10px; color: var(--neutral-600); font-size: .92rem; }
.chogm-drop .form-hint { margin: 10px 0 0; }
.chogm-drop.is-done { border-style: solid; border-color: var(--success); background: rgba(15, 123, 79, .05); }
.chogm-drop.is-busy { opacity: .7; }
.chogm-file { font-weight: 700; color: var(--success); }
.chogm-check { display: flex; gap: 10px; align-items: flex-start; font-size: .95rem; color: var(--neutral-700); }
.chogm-check input { margin-top: 4px; width: 18px; height: 18px; flex: 0 0 auto; }
#chogm-form .form-section + .form-section { margin-top: 26px; }
#chogm-form .form-actions { margin-top: 22px; }

/* main.css paints every empty required field red (:invalid without a placeholder); here fields stay neutral
   until the applicant tries to submit (apply.js adds .was-validated). */
#chogm-form:not(.was-validated) .form-group input:invalid,
#chogm-form:not(.was-validated) .form-group select:invalid,
#chogm-form:not(.was-validated) .form-group textarea:invalid { border-color: var(--neutral-300); box-shadow: none; }
#status-form:not(.was-validated) .form-group input:invalid { border-color: var(--neutral-300); box-shadow: none; }

/* "What you need": four cards, two by two */
.notice-grid.chogm-need { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 720px) { .notice-grid.chogm-need { grid-template-columns: 1fr; } }

/* Signature box (Jeff 2026-10-14): drawn with finger or mouse; required to submit */
.chogm-sign-row { margin-top: 18px; }
.chogm-sign { position: relative; height: 170px; border: 2px dashed var(--neutral-300); border-radius: var(--radius-md); background: #fff; }
.chogm-sign.is-signed { border-style: solid; border-color: var(--primary-500); }
.chogm-sign.is-missing { border-color: var(--danger); }
.chogm-sign canvas { position: absolute; inset: 0; width: 100%; height: 100%; touch-action: none; cursor: crosshair; border-radius: var(--radius-md); }
.chogm-sign__hint { position: absolute; left: 0; right: 0; bottom: 38px; text-align: center; color: var(--neutral-400); font-size: .92rem; pointer-events: none; }
.chogm-sign::after { content: ""; position: absolute; left: 8%; right: 8%; bottom: 30px; border-bottom: 1px solid var(--neutral-300); pointer-events: none; }
.chogm-sign.is-signed .chogm-sign__hint { display: none; }
.chogm-sign__bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.chogm-sign__bar .form-hint { margin: 0; }