/* A4C consultation picker + checkout/order boxes (a4c-consult.php / .js). Site palette:
 * navy #12324e, ink #173b5a, blue #275378, orange #d97f2a, sand #f5f1e8, line #c7d3dc. */

.a4c-consult { --navy: #12324e; --ink: #173b5a; --blue: #275378; --orange: #d97f2a; --sand: #f5f1e8; --line: #c7d3dc; font-family: Tajawal, Arial, sans-serif; color: var(--ink); scroll-margin-top: 110px; }
.a4c-consult [hidden] { display: none !important; }
.a4c-consult__status { margin: 0; padding: 18px 20px; border: 1px dashed var(--line); border-radius: 14px; background: #fff; color: var(--blue); line-height: 1.7; }
.a4c-consult__status + .a4c-consult__status { margin-top: 10px; }

.a4c-consult__resched { margin: 0 0 18px; padding: 16px 20px; border-radius: 14px; background: var(--sand); border: 1px solid var(--line); }
.a4c-consult__resched p { margin: 0 0 4px; line-height: 1.7; }
.a4c-consult__resched strong { font-size: 1.1rem; color: var(--navy); }
.a4c-consult__resched-note { font-size: .9rem; color: var(--blue); }

.a4c-consult__step { margin: 0 0 22px; }
.a4c-consult__label { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-weight: 800; font-size: 1.05rem; color: var(--navy); }
.a4c-consult__label > span { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #f2e3d9; color: var(--navy); font-size: .85rem; }
.a4c-consult__label small { font-weight: 500; font-size: .85rem; color: var(--blue); }

.a4c-consult__days { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 10px; }
.a4c-consult .a4c-consult__day { min-height: 0; height: auto; margin: 0; line-height: 1.25; box-shadow: none; }
.a4c-consult__day { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 6px; border: 1.5px solid var(--line); border-radius: 14px; background: #fff; color: var(--ink); font: inherit; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.a4c-consult__day:hover { border-color: var(--orange); }
.a4c-consult__day[aria-checked="true"] { border-color: var(--navy); background: var(--navy); color: #fff; box-shadow: 0 8px 20px rgba(18, 50, 78, .18); }
.a4c-consult__wd { font-size: .85rem; font-weight: 700; }
.a4c-consult__dn { font-size: 1.6rem; font-weight: 800; line-height: 1.1; }
.a4c-consult__mo { font-size: .8rem; }
.a4c-consult__day small { margin-top: 4px; font-size: .72rem; color: var(--orange); font-weight: 700; white-space: nowrap; }
.a4c-consult__day[aria-checked="true"] small { color: #f3b47a; }

.a4c-consult__times { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 10px; }
.a4c-consult .a4c-consult__time { display: flex; align-items: baseline; justify-content: center; gap: 4px; min-height: 0; height: auto; margin: 0; padding: 10px 6px; border: 1.5px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink); font: inherit; line-height: 1.2; white-space: nowrap; box-shadow: none; cursor: pointer; transition: border-color .15s, background .15s; }
.a4c-consult__time b { font-size: 1.05rem; }
.a4c-consult__time small { font-size: .78rem; color: var(--blue); }
.a4c-consult__time:hover { border-color: var(--orange); }
.a4c-consult__time[aria-checked="true"] { border-color: var(--orange); background: var(--orange); color: #fff; }
.a4c-consult__time[aria-checked="true"] small { color: #fff; }
.a4c-consult__day:focus-visible, .a4c-consult__time:focus-visible, .a4c-consult__cta:focus-visible { outline: 3px solid #f3b47a; outline-offset: 2px; }

.a4c-consult__summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 16px; padding: 16px 20px; border-radius: 16px; background: var(--sand); border: 1px solid var(--line); }
.a4c-consult__pick { margin: 0; line-height: 1.7; }
.a4c-consult__pick strong { color: var(--navy); }
.a4c-consult__pick small { color: var(--blue); }
.a4c-consult .a4c-consult__cta { display: inline-block; padding: 12px 28px; border-radius: 999px; background: var(--orange); color: #fff; font-weight: 800; text-decoration: none; white-space: nowrap; }
.a4c-consult .a4c-consult__cta:hover { background: #c46f1f; color: #fff; }
.a4c-consult__cta[aria-busy="true"] { opacity: .6; pointer-events: none; }
.a4c-consult__note { margin: 0; font-size: .88rem; color: var(--blue); line-height: 1.7; }

@media (max-width: 600px) {
	.a4c-consult__days { grid-template-columns: repeat(4, 1fr); gap: 8px; }
	.a4c-consult__dn { font-size: 1.35rem; }
	.a4c-consult__day small { font-size: .66rem; }
	.a4c-consult__times { grid-template-columns: repeat(3, 1fr); gap: 8px; }
	.a4c-consult .a4c-consult__time { padding: 9px 4px; }
	.a4c-consult__time b { font-size: .98rem; }
	.a4c-consult__time small { font-size: .7rem; }
	.a4c-consult__summary { flex-direction: column; align-items: stretch; }
	.a4c-consult .a4c-consult__cta { text-align: center; }
}

/* Checkout: the chosen time */
.a4c-consult-checkout { margin: 0 0 24px; padding: 16px 20px; border: 1px solid #c7d3dc; border-radius: 14px; background: #f5f1e8; }
.a4c-consult-checkout legend { padding: 0 6px; font-weight: 800; color: #12324e; }
.a4c-consult-checkout__when { margin: 0 0 6px; font-size: 1.05rem; font-weight: 700; color: #173b5a; }
.a4c-consult-checkout__note { margin: 0; font-size: .88rem; color: #275378; }

/* Thank-you page, order view, My Account */
.a4c-consult-order { margin: 24px 0; padding: 18px 20px; border: 1px solid #c7d3dc; border-radius: 14px; background: #f5f1e8; }
.a4c-consult-order h2 { margin: 0 0 8px; font-size: 1.2rem; }
.a4c-consult-order__when { margin: 0 0 10px; font-weight: 700; color: #173b5a; }
.a4c-consult-order__row + .a4c-consult-order__row { border-top: 1px solid #c7d3dc; padding-top: 12px; }
.a4c-consult-order .a4c-consult-order__btn { display: inline-block; padding: 9px 22px; border-radius: 999px; background: #d97f2a; color: #fff; font-weight: 700; text-decoration: none; }