/* Add your mosque form. Shares tokens with /assets/styles.css. */
.add-wrap{max-width:920px;margin:0 auto;padding:48px 32px 96px}
.add-intro{max-width:760px;margin:0 auto 30px}
.add-back{display:inline-block;margin-bottom:18px;color:var(--gold-text);font-size:15px;font-weight:600;text-decoration:none}
.add-back:hover{text-decoration:underline}
.add-intro h1{margin:0;font-family:var(--serif);font-size:52px;line-height:1.06;font-weight:400;letter-spacing:0;color:var(--emerald);text-wrap:balance}
.add-sub{max-width:660px;margin:18px 0 0;color:var(--cream-dim);font-size:19px;line-height:1.55;text-wrap:pretty}

/* Public / private: the one structural device on the page. */
.add-split{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg-card);overflow:hidden}
.add-split-col{padding:16px 20px}
.add-split-col.public{border-right:1px solid var(--line-strong);border-top:4px solid var(--gold)}
.add-split-col.private{border-top:4px solid var(--line-strong);background:var(--bg-elevated)}
.add-split h2{margin:0 0 4px;font-family:var(--sans);font-size:15px;font-weight:700;color:var(--cream)}
.add-split p{margin:0;font-size:15px;line-height:1.5;color:var(--cream-dim)}

.add-card{max-width:760px;margin:0 auto;padding:30px;border:1px solid var(--line);border-radius:10px;background:var(--bg-card);box-shadow:0 18px 48px -36px rgba(18,51,33,.46)}
.add-form{display:flex;flex-direction:column;gap:30px}
.group{margin:0;padding:0;border:0;min-width:0}
.gfields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.group legend{display:block;width:100%;margin:0 0 16px;padding:0 0 10px;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:26px;line-height:1.2;color:var(--emerald)}
.group-note{grid-column:1/-1;margin:0;font-size:15px;line-height:1.5;color:var(--cream-dim)}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field.wide{grid-column:1/-1}
.field[hidden]{display:none}
.field label{color:var(--cream);font-size:15px;font-weight:700}
.opt{font-weight:500;font-size:13px;color:var(--cream-muted)}
.opt[hidden]{display:none}
.group legend .opt{font-family:var(--sans);font-size:14px}
.field-hint{font-size:13px;color:var(--cream-muted)}
.add-form input[type=text],.add-form input[type=email],.add-form input[type=tel],.add-form textarea,.add-form select{
  width:100%;border:1.5px solid var(--line-strong);border-radius:8px;background:#fbf7ef;color:var(--cream);
  font:inherit;font-size:16px;line-height:1.45;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}
.add-form input[type=text],.add-form input[type=email],.add-form input[type=tel],.add-form select{height:50px;padding:0 14px}
.add-form textarea{min-height:110px;padding:12px 14px;resize:vertical}
.add-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--cream-dim) 50%),linear-gradient(135deg,var(--cream-dim) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat}
.add-form input::placeholder,.add-form textarea::placeholder{color:#6d7a71}
.add-form input:focus-visible,.add-form textarea:focus-visible,.add-form select:focus-visible{border-color:var(--gold-text);background:#fffdf8;box-shadow:0 0 0 3px rgba(200,151,58,.35)}
.add-form [aria-invalid=true]{border-color:#a13c2e}
.field-error,.form-error{display:none;color:#a13c2e;font-size:14px;line-height:1.45;font-weight:500}
.field-error.show,.form-error.show{display:block}
.form-error.show{padding:12px 14px;border:1px solid #a13c2e;border-radius:8px;background:#fbeeea}

.check-row{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1.5px solid var(--line-strong);border-radius:8px;background:var(--bg-elevated);cursor:pointer;font-weight:600!important}
.check-row input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--emerald)}
.check-row:has(input:focus-visible){box-shadow:0 0 0 3px rgba(200,151,58,.35);border-color:var(--gold-text)}
.check-row:has(input:checked){border-color:var(--gold-text);background:#fff9e8}

.add-form button[type=submit]{min-height:54px;padding:14px 20px;border:0;border-radius:8px;background:var(--gold);color:#121B15;font:inherit;font-size:17px;font-weight:800;cursor:pointer;transition:transform .15s,background .15s,opacity .15s}
.add-form button[type=submit]:hover{background:#d4a44a;transform:translateY(-1px)}
.add-form button[type=submit]:focus-visible{outline:3px solid var(--emerald);outline-offset:3px}
.add-form button[type=submit]:disabled{opacity:.6;cursor:default;transform:none}
.add-fine{margin:-14px 0 0;font-size:14px;line-height:1.5;color:var(--cream-muted)}
.company-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

.add-success{text-align:center;padding:18px 0 8px}
.add-success[hidden]{display:none}
.add-success:focus{outline:none}
.add-success h2{margin:0;font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.2;color:var(--emerald)}
.add-success p{max-width:520px;margin:12px auto 0;color:var(--cream-dim);font-size:16px;line-height:1.55}
.add-success a{color:var(--gold-text);font-weight:700}
.check-badge{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:rgba(200,151,58,.2);color:var(--gold-text)}

@media (max-width:720px){
  .add-wrap{padding:32px 16px 64px}
  .add-intro h1{font-size:38px}
  .add-sub{font-size:17px}
  .add-card{padding:20px 16px}
  .gfields{grid-template-columns:1fr}
  .add-split{grid-template-columns:1fr}
  .add-split-col.public{border-right:0;border-bottom:1px solid var(--line-strong)}
}
@media (prefers-reduced-motion:reduce){.add-form *{transition:none!important}}
.add-form[hidden]{display:none}
/* Nav Download pill: gold with dark text, matching the day-skinned pages */
.nav .nav-cta{background:linear-gradient(180deg,#EDCE84,#CE9E38 70%,#E2BC65);color:#221806!important;font-weight:700;box-shadow:0 8px 20px -10px rgba(186,140,44,.8)}
.nav .nav-cta:hover{background:linear-gradient(180deg,#F2D68F,#D6A640 70%,#E8C671)}