@font-face{font-family:Plex;src:url('assets/arabic-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('assets/arabic-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('assets/arabic-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url('assets/arabic-700.woff2') format('woff2');font-weight:700;font-display:swap}

:root {
  --brand-surface: #FFF7EA;
  --brand-card: #FFFCF7;
  --brand-ink: #2D151A;
  --brand-primary: #923529;
  --brand-primary-hover: #76241D;
  --brand-accent: #FF754A;
  --brand-accent-hover: #FF936F;
  --brand-soft: #F7E7DC;
  --brand-muted: #765C57;
  --brand-line: #E5D5C8;
}

.custom-template-request {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  margin-block: 20px;
  padding: 16px 20px;
  border: 1px solid var(--line, var(--brand-line));
  border-radius: 14px;
}
.custom-template-request p { margin: 3px 0 0; font-size: 14px; }
.custom-template-request a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: 14px;
  border-radius: 10px;
  background: var(--brand-primary);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}
.custom-template-request a:hover { background: var(--brand-primary-hover); color: #fff; }
.custom-template-request .contact-icon--whatsapp {
  flex: none;
  justify-content: center;
  width: 44px;
  padding: 0;
  border: 1px solid #b8ddc5;
  background: #e5f6eb;
  color: #166534;
}
.custom-template-request .contact-icon--whatsapp:hover { background: #d3efdc; color: #166534; }
.custom-template-request .contact-icon--whatsapp:focus-visible { outline: 2px solid #166534; outline-offset: 3px; }

.platform-preferences { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.platform-preferences > :is(a,button) {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:6px 11px;
  border:1px solid var(--line, var(--brand-line));
  border-radius:9px;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
}
.platform-preferences > :is(a,button):hover { background:var(--brand-soft); }
.signup-template-tools { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.platform-preferences { gap:12px; flex-wrap:nowrap; }
.platform-preferences > :is(a,button) { justify-content:center; flex-shrink:0; }
.platform-preferences > .mode-icon-button { min-width:44px; font-size:18px; }