/* AfiaỌru Request a Service page: professional polish (1.68.15).
   Same slate and gold look as the home page and Find Services.
   Loaded after the brand page sheets, only on the Request a Service page.
   Every rule starts with body.afb-brand.afb-request-service, so it wins over the shared sheets. */

body.afb-brand.afb-request-service {
  --rq-slate: #2F4858;
  --rq-ink: #1B2D39;
  --rq-gold: #C8903A;
  --rq-gold-hi: #F6D9A4;
  --rq-sand: #F1E6D6;
  --rq-paper: #FFFDF9;
  --rq-line: #E8DFD0;
  --rq-field: #D6C9B3;
  --rq-grey: #6B5A4C;
  --rq-shadow: 0 1px 2px rgba(27, 45, 57, .06), 0 14px 28px -16px rgba(27, 45, 57, .38);
}

/* ---- Page frame ---- */
/* Very wide: the page breaks out of the theme's narrow content box and uses nearly the whole screen. */
body.afb-brand.afb-request-service { overflow-x: clip; }
body.afb-brand.afb-request-service .afo-wrap {
  position: relative;
  box-sizing: border-box;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: clamp(18px, 3vw, 32px) clamp(14px, 3.5vw, 56px) 64px;
}
body.afb-brand.afb-request-service .afo-wrap > .afo-nav,
body.afb-brand.afb-request-service .afo-wrap > .afo-card,
body.afb-brand.afb-request-service .afo-wrap > .afo-flash,
body.afb-brand.afb-request-service .afo-wrap > .afo-note {
  max-width: 1760px;
  margin-left: auto;
  margin-right: auto;
}

/* ---- Requests menu (Post a request, My requests ...) ---- */
body.afb-brand.afb-request-service .afo-nav {
  gap: 8px;
  margin-bottom: 22px;
  padding: 6px;
  border: 1px solid var(--rq-line);
  border-radius: 999px;
  background: var(--rq-paper);
  box-shadow: 0 1px 2px rgba(27, 45, 57, .05);
}
body.afb-brand.afb-request-service .afo-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--rq-slate);
  font-weight: 700;
  font-size: 15px;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}
body.afb-brand.afb-request-service .afo-nav a:hover { background: #F7EBD2; color: var(--rq-ink); }
body.afb-brand.afb-request-service .afo-nav a.is-on {
  background: linear-gradient(115deg, #1B2D39, #2F4858);
  color: #FFF8EA;
  box-shadow: inset 0 -3px 0 var(--rq-gold);
}

/* ---- Main card ---- */
body.afb-brand.afb-request-service .afo-card {
  margin: 0 auto 24px !important;
  padding: clamp(22px, 3.4vw, 44px) !important;
  background: var(--rq-paper) !important;
  border: 1px solid var(--rq-line) !important;
  border-top: 4px solid var(--rq-gold) !important;
  border-radius: 16px !important;
  box-shadow: var(--rq-shadow) !important;
}
body.afb-brand.afb-request-service .afo-card > h2 {
  margin: 0 0 8px;
  font-size: clamp(26px, 3.6vw, 34px);
  line-height: 1.15;
  letter-spacing: -.01em;
  color: var(--rq-ink);
}
body.afb-brand.afb-request-service .afo-card > .afo-note {
  margin: 0 0 22px;
  max-width: 640px;
  padding: 0;
  border: 0;
  background: none;
  font-size: 17px;
  color: var(--rq-grey);
}
body.afb-brand.afb-request-service .afo-card > .afo-note + .afo-note { margin-top: -12px; }

/* ---- Form ---- */
body.afb-brand.afb-request-service .afo-form { gap: 20px; }
/* Wide screens: use the full page width, with fields in two columns */
@media (min-width: 900px) {
  body.afb-brand.afb-request-service .afo-form { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
  body.afb-brand.afb-request-service .afo-form > * { grid-column: 1 / -1; }
  body.afb-brand.afb-request-service .afo-row { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
  body.afb-brand.afb-request-service .afo-form > label:not(:has(textarea)):not(:has(input[type=file])):not(.afo-check):not(.afo-radio) { grid-column: span 1; }
}
body.afb-brand.afb-request-service .afo-form label {
  gap: 7px;
  font-size: 15px;
  font-weight: 700;
  color: var(--rq-slate);
}
body.afb-brand.afb-request-service .afo-form input[type=text],
body.afb-brand.afb-request-service .afo-form input[type=email],
body.afb-brand.afb-request-service .afo-form input[type=tel],
body.afb-brand.afb-request-service .afo-form input[type=number],
body.afb-brand.afb-request-service .afo-form input[type=date],
body.afb-brand.afb-request-service .afo-form select,
body.afb-brand.afb-request-service .afo-form textarea {
  width: 100%;
  min-height: 50px;
  height: auto;
  padding: 11px 14px;
  border: 1.5px solid var(--rq-field);
  border-radius: 10px;
  background-color: #FBF8F2;
  color: var(--rq-ink);
  font: inherit;
  font-size: 17px;
  font-weight: 400;
  box-shadow: none;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.afb-brand.afb-request-service .afo-form textarea { min-height: 150px; line-height: 1.5; }
body.afb-brand.afb-request-service .afo-form input:hover,
body.afb-brand.afb-request-service .afo-form select:hover,
body.afb-brand.afb-request-service .afo-form textarea:hover { border-color: #BFAE90; }
body.afb-brand.afb-request-service .afo-form input:focus,
body.afb-brand.afb-request-service .afo-form select:focus,
body.afb-brand.afb-request-service .afo-form textarea:focus {
  outline: none;
  border-color: var(--rq-slate);
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(200, 144, 58, .28);
}
body.afb-brand.afb-request-service .afo-form .req { color: #A4442F; }
body.afb-brand.afb-request-service .afo-form label .req:not(:only-child) { font-weight: 600; font-size: 13px; }
body.afb-brand.afb-request-service .afo-form input[type=file] {
  padding: 20px 14px;
  border: 2px dashed #CDBB98;
  border-radius: 12px;
  background: #FBF4E6;
  font-size: 15px;
}

/* Grouped fields: "Where is the work done?" and "Where is the job?" */
body.afb-brand.afb-request-service .afo-fieldset,
body.afb-brand.afb-request-service .afo-loc,
body.afb-brand.afb-request-service .afo-files-edit {
  margin: 0;
  padding: 18px 18px 20px;
  border: 1px solid var(--rq-line);
  border-radius: 14px;
  background: #FAF6EF;
}
body.afb-brand.afb-request-service .afo-fieldset legend,
body.afb-brand.afb-request-service .afo-loc legend,
body.afb-brand.afb-request-service .afo-files-edit legend {
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--rq-slate);
  color: #FFF8EA;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
}
body.afb-brand.afb-request-service .afo-fieldset legend .req { color: var(--rq-gold-hi); }

/* Delivery choice: two selectable tiles */
body.afb-brand.afb-request-service .afo-fieldset { gap: 10px; }
body.afb-brand.afb-request-service .afo-radio {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 10px 14px;
  border: 1.5px solid var(--rq-field);
  border-radius: 12px;
  background: var(--rq-paper);
  color: var(--rq-ink);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
body.afb-brand.afb-request-service .afo-radio:hover { border-color: #BFAE90; }
body.afb-brand.afb-request-service .afo-radio input { width: 22px; height: 22px; accent-color: var(--rq-slate); }
body.afb-brand.afb-request-service .afo-radio:has(input:checked) {
  border-color: var(--rq-slate);
  background: #F7EBD2;
  box-shadow: inset 4px 0 0 var(--rq-gold);
}

/* Contact details block */
body.afb-brand.afb-request-service .afo-form h3 {
  margin: 8px 0 0;
  padding-top: 24px;
  border-top: 1px solid var(--rq-line);
  font-size: 22px;
  color: var(--rq-ink);
}
body.afb-brand.afb-request-service .afo-form h3 + .afo-note {
  margin: -10px 0 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--rq-grey);
}

/* Confirmation tick */
body.afb-brand.afb-request-service .afo-check {
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--rq-line);
  border-radius: 12px;
  background: #FAF6EF;
  font-size: 15px;
  font-weight: 600;
  color: var(--rq-ink);
}
body.afb-brand.afb-request-service .afo-check input { accent-color: var(--rq-slate); }

/* ---- Buttons ---- */
body.afb-brand.afb-request-service .afo-actions {
  gap: 14px;
  margin-top: 6px;
  padding-top: 22px;
  border-top: 1px solid var(--rq-line);
}
body.afb-brand.afb-request-service .afo-actions .afo-btn {
  min-height: 50px;
  padding: 0 28px;
  border: 1px solid #F0D79A !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #FFF1C4 0%, #F6D9A4 42%, #C8903A 100%) !important;
  color: #1B2D39 !important;
  font-size: 16px;
  font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 4px 0 #6B4716, 0 10px 14px -8px rgba(27, 45, 57, .55) !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}
body.afb-brand.afb-request-service .afo-actions .afo-btn:hover {
  background: linear-gradient(180deg, #FFF6D6 0%, #F9E0AE 42%, #D19A44 100%) !important;
  color: #1B2D39 !important;
  transform: translateY(-2px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 6px 0 #6B4716, 0 14px 16px -8px rgba(27, 45, 57, .55) !important;
}
body.afb-brand.afb-request-service .afo-actions .afo-btn:active {
  transform: translateY(3px) !important;
  box-shadow: inset 0 2px 4px rgba(90, 58, 16, .45), 0 1px 0 #6B4716 !important;
}
body.afb-brand.afb-request-service .afo-actions .afo-btn.afo-line {
  border: 1.5px solid var(--rq-slate) !important;
  background: transparent !important;
  color: var(--rq-slate) !important;
  box-shadow: none !important;
}
body.afb-brand.afb-request-service .afo-actions .afo-btn.afo-line:hover {
  background: var(--rq-slate) !important;
  color: #fff !important;
  box-shadow: none !important;
}
body.afb-brand.afb-request-service .afo-actions a.afo-btn.afo-line:last-child {
  border-color: transparent !important;
  text-decoration: underline;
  text-decoration-color: var(--rq-gold);
  text-underline-offset: 4px;
}

/* ---- Messages ---- */
body.afb-brand.afb-request-service .afo-flash {
  padding: 14px 18px;
  border: 1px solid var(--rq-line);
  border-left: 5px solid var(--rq-gold);
  border-radius: 12px;
  background: var(--rq-paper);
  box-shadow: 0 1px 2px rgba(27, 45, 57, .06);
  font-weight: 600;
}
body.afb-brand.afb-request-service .afo-flash.afo-error { border-left-color: #A4442F; background: #FDF1EC; color: #7A2D1F; }
body.afb-brand.afb-request-service .afo-flash.afo-ok { border-left-color: #2A8F5A; background: #EEF8F1; color: #14532D; }
body.afb-brand.afb-request-service .afo-wrap > .afo-note {
  padding: 18px 20px;
  border: 1px dashed #CDBB98;
  border-radius: 14px;
  background: var(--rq-paper);
}

/* Service request form (afr-): the summary banner, the form card and the sent message.
   The old sheets capped these at 720px. They now use the full page width. */
body.afb-brand.afb-request-service .afr-wrap {
  position: relative;
  box-sizing: border-box;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: clamp(18px, 3vw, 32px) clamp(14px, 3.5vw, 56px) 64px;
}
body.afb-brand.afb-request-service .afr-wrap > * {
  max-width: 1760px;
  margin-left: auto;
  margin-right: auto;
}
body.afb-brand.afb-request-service .afr-summary,
body.afb-brand.afb-request-service .afr-sent {
  width: 100%;
  max-width: 1760px;
  margin-bottom: 20px;
  padding: clamp(20px, 3vw, 30px) clamp(20px, 3.4vw, 44px);
  border: 0;
  border-radius: 16px;
  background:
    radial-gradient(ellipse at 90% 0%, rgba(246, 217, 164, .14), transparent 55%),
    linear-gradient(115deg, #1B2D39, #2F4858);
  color: #FFF8EA;
  box-shadow: var(--rq-shadow);
}
body.afb-brand.afb-request-service .afr-summary h1,
body.afb-brand.afb-request-service .afr-summary h2,
body.afb-brand.afb-request-service .afr-sent h1,
body.afb-brand.afb-request-service .afr-summary p,
body.afb-brand.afb-request-service .afr-sent p,
body.afb-brand.afb-request-service .afr-summary strong { color: #FFF8EA; }
body.afb-brand.afb-request-service .afr-summary .afr-cat,
body.afb-brand.afb-request-service .afr-summary .afr-change { color: var(--rq-gold-hi); }
body.afb-brand.afb-request-service .afr-summary .afr-change { text-decoration: underline; text-underline-offset: 4px; }

body.afb-brand.afb-request-service .afr-form,
body.afb-brand.afb-request-service .afr-wrap > form {
  width: 100%;
  max-width: 1760px;
  margin: 0 auto 24px;
  padding: clamp(22px, 3.4vw, 44px);
  background: var(--rq-paper);
  border: 1px solid var(--rq-line);
  border-top: 4px solid var(--rq-gold);
  border-radius: 16px;
  box-shadow: var(--rq-shadow);
}
body.afb-brand.afb-request-service .afr-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 0 24px;
}
body.afb-brand.afb-request-service .afr-field { display: block; margin: 0 0 20px; }
body.afb-brand.afb-request-service .afr-field > span {
  display: block;
  margin-bottom: 7px;
  font-size: 15px;
  font-weight: 700;
  color: var(--rq-slate);
}
body.afb-brand.afb-request-service .afr-field em { color: #A4442F; font-style: normal; }
body.afb-brand.afb-request-service .afr-field small { font-weight: 400; color: var(--rq-grey); }
body.afb-brand.afb-request-service .afr-field input,
body.afb-brand.afb-request-service .afr-field select,
body.afb-brand.afb-request-service .afr-field textarea {
  width: 100%;
  min-height: 50px;
  padding: 11px 14px;
  border: 1.5px solid var(--rq-field);
  border-radius: 10px;
  background-color: #FBF8F2;
  color: var(--rq-ink);
  font: inherit;
  font-size: 17px;
  box-shadow: none;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.afb-brand.afb-request-service .afr-field textarea { min-height: 170px; line-height: 1.5; }
body.afb-brand.afb-request-service .afr-field input:hover,
body.afb-brand.afb-request-service .afr-field textarea:hover { border-color: #BFAE90; }
body.afb-brand.afb-request-service .afr-field input:focus,
body.afb-brand.afb-request-service .afr-field select:focus,
body.afb-brand.afb-request-service .afr-field textarea:focus {
  outline: none;
  border-color: var(--rq-slate);
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(200, 144, 58, .28);
}
body.afb-brand.afb-request-service .afr-next {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  max-width: none;
  margin: 4px 0 18px;
  padding: 0;
  border: 0;
  background: none;
  list-style: none;
}
body.afb-brand.afb-request-service .afr-next li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--rq-line);
  border-radius: 12px;
  background: #FAF6EF;
  color: var(--rq-ink);
  font-weight: 600;
}
body.afb-brand.afb-request-service .afr-next b {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--rq-slate);
  color: #FFF8EA;
  box-shadow: inset 0 -3px 0 var(--rq-gold);
}
body.afb-brand.afb-request-service .afr-fine,
body.afb-brand.afb-request-service .afr-notice {
  max-width: none;
  padding: 14px 18px;
  border: 1px solid var(--rq-line);
  border-left: 5px solid var(--rq-gold);
  border-radius: 12px;
  background: #FAF6EF;
  color: var(--rq-grey);
}
body.afb-brand.afb-request-service .afr-notice.is-warn { border-left-color: #A4442F; background: #FDF1EC; color: #7A2D1F; }
body.afb-brand.afb-request-service .afr-btn {
  min-height: 50px;
  padding: 0 32px;
  border: 1px solid #F0D79A !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #FFF1C4 0%, #F6D9A4 42%, #C8903A 100%) !important;
  color: #1B2D39 !important;
  font-size: 16px;
  font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 4px 0 #6B4716, 0 10px 14px -8px rgba(27, 45, 57, .55) !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}
body.afb-brand.afb-request-service .afr-btn:hover { transform: translateY(-2px); }
body.afb-brand.afb-request-service .afr-btn:active { transform: translateY(3px); box-shadow: inset 0 2px 4px rgba(90, 58, 16, .45), 0 1px 0 #6B4716 !important; }
body.afb-brand.afb-request-service .afr-btn.is-line {
  background: transparent !important;
  border: 1.5px solid #F0D79A !important;
  color: #FFF8EA !important;
  box-shadow: none !important;
}
body.afb-brand.afb-request-service .afr-form > .afr-btn { display: inline-flex; width: auto; min-width: 280px; margin-top: 8px; }
body.afb-brand.afb-request-service .afr-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 18px; }

@media (max-width: 639px) {
  body.afb-brand.afb-request-service .afo-actions { flex-direction: column; align-items: stretch; }
  body.afb-brand.afb-request-service .afo-actions .afo-btn { width: 100%; }
  body.afb-brand.afb-request-service .afr-form > .afr-btn,
  body.afb-brand.afb-request-service .afr-actions .afr-btn { width: 100%; }
  body.afb-brand.afb-request-service .afo-fieldset,
  body.afb-brand.afb-request-service .afo-loc { padding: 16px 14px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  body.afb-brand.afb-request-service .afo-nav a,
  body.afb-brand.afb-request-service .afo-form input,
  body.afb-brand.afb-request-service .afo-form select,
  body.afb-brand.afb-request-service .afo-form textarea,
  body.afb-brand.afb-request-service .afo-radio,
  body.afb-brand.afb-request-service .afo-actions .afo-btn { transition: none !important; }
}