/* ==========================================================================
   ATEH LAW — Resources page
   Headings are native Text modules; only the interactive pathway widget and
   the guide cards need structural CSS.
   ========================================================================== */

/* --- Find Your Legal Pathway --------------------------------------------- */
.ateh-pathsec { border-top: 1px solid var(--ateh-border); border-bottom: 1px solid var(--ateh-border); }

/* The row is the white card. */
.et_pb_row.ateh-pathcard {
	background: var(--ateh-surface);
	border: 1px solid var(--ateh-border);
	box-shadow: var(--ateh-shadow);
}
.ateh-pathcard .et_pb_module { margin-bottom: 12px !important; }
.ateh-pathcard .ateh-lede--pathway { margin-bottom: 32px !important; }
.ateh-pathcard .et_pb_module:last-child { margin-bottom: 0 !important; }
.ateh-pathcard .ateh-center { max-width: 672px; margin-left: auto !important; margin-right: auto !important; }

/* Step markers */
.ateh-pathway-steps {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--ateh-border);
	margin-bottom: 32px;
}
.ateh-pathway-marker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 8px;
	border-bottom: 2px solid transparent;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ateh-slate-400);
}
.ateh-pathway-marker i {
	font-style: normal;
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--ateh-silver-pale);
	color: var(--ateh-slate-600);
	font-size: 10px;
}
.ateh-pathway-marker.is-active { color: var(--ateh-navy); border-bottom-color: var(--ateh-navy); }
.ateh-pathway-marker.is-active i { background: var(--ateh-navy); color: var(--ateh-white); }
.ateh-pathway-dot { color: var(--ateh-silver); }

/* Option grid */
.ateh-pathway-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}
.ateh-pathway-option {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 8px;
	text-align: left;
	padding: 16px;
	background: var(--ateh-white);
	border: 1px solid var(--ateh-border);
	cursor: pointer;
	transition: var(--ateh-transition);
	font-family: var(--ateh-font-body);
}
.ateh-pathway-option:hover { border-color: var(--ateh-slate-400); }
.ateh-pathway-option__t {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--ateh-navy);
	line-height: 1.3;
}
.ateh-pathway-option__b {
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ateh-slate-400);
}
.ateh-pathway-option.is-selected {
	background: var(--ateh-navy);
	border-color: var(--ateh-navy);
}
.ateh-pathway-option.is-selected .ateh-pathway-option__t { color: var(--ateh-white); }
.ateh-pathway-option.is-selected .ateh-pathway-option__b { color: var(--ateh-silver); }
.ateh-pathway-option.is-nudge { animation: ateh-nudge 0.4s ease; }
@keyframes ateh-nudge { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-4px)} 75%{transform:translateX(4px)} }

/* Next button */
.ateh-pathway-actions { display: flex; justify-content: flex-end; padding-top: 32px; }
.ateh-pathway-next {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--ateh-navy);
	color: var(--ateh-white);
	border: 0;
	padding: 13px 24px;
	font-family: var(--ateh-font-body);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: var(--ateh-transition);
}
.ateh-pathway-next::after {
	content: "\000024";
	font-family: 'ETmodules';
	font-size: 13px;
	letter-spacing: 0;
}
.ateh-pathway-next:hover { background: var(--ateh-navy-soft); }

@media (max-width: 980px) {
	.ateh-pathway-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.ateh-pathway-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ateh-pathway-steps { flex-wrap: wrap; gap: 10px; }
	.ateh-pathway-actions { justify-content: stretch; }
	.ateh-pathway-next { width: 100%; justify-content: center; }
}
/* ==========================================================================
   FREE CLIENT LEGAL GUIDES
   ========================================================================== */

.ateh-guides > .et_pb_row:first-of-type .et_pb_module { margin-bottom: 16px !important; }
.ateh-guides > .et_pb_row:first-of-type .et_pb_module:last-child { margin-bottom: 0 !important; }
.ateh-guides .ateh-center { max-width: 768px; margin-left: auto !important; margin-right: auto !important; }

.ateh-guidepills { padding-top: 16px; }
.ateh-guidepills__bar { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.ateh-guidepill {
	font-family: var(--ateh-font-body);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ateh-slate-600);
	background: var(--ateh-white);
	border: 1px solid var(--ateh-border);
	padding: 9px 16px;
	cursor: pointer;
	transition: var(--ateh-transition);
}
.ateh-guidepill:hover { color: var(--ateh-navy); border-color: var(--ateh-slate-400); }
.ateh-guidepill.is-active { background: var(--ateh-navy); color: var(--ateh-white); border-color: var(--ateh-navy); }

/* Two-up grid with a fixed 32px gutter. */
.et_pb_row.ateh-guidegrid { display: flex; flex-wrap: wrap; align-items: stretch; gap: 32px; }
.ateh-guidegrid .et_pb_column {
	float: none;
	margin: 0 !important;
	width: calc((100% - 32px) / 2) !important;
}
/* Block, not flex: the CTA pair uses the shared .ateh-btnpair utility, which
   relies on inline-block wrappers and cannot work inside a column flex. */
.ateh-guidecard {
	background: var(--ateh-surface);
	border: 1px solid var(--ateh-border);
	padding: 32px !important;
	transition: var(--ateh-transition);
}
.ateh-guidecard:hover { box-shadow: var(--ateh-shadow-hover); border-color: var(--ateh-slate-400); }
.ateh-guidecard > .et_pb_module { margin-bottom: 16px !important; }

.ateh-guidecard__meta p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
}
.ateh-guidecard__type {
	display: inline-flex;
	align-items: center;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ateh-navy);
	background: var(--ateh-silver-pale);
	border: 1px solid var(--ateh-border);
	padding: 6px 12px;
	line-height: 1;
}
.ateh-guidecard__type::before {
	content: "\000068";
	font-family: 'ETmodules';
	font-size: 12px;
	margin-right: 7px;
	letter-spacing: 0;
}
.ateh-guidecard__pages {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--ateh-slate-400);
}
.ateh-guidecard__title h3 {
	font-family: var(--ateh-font-body);
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.025em;
	text-transform: uppercase;
	color: var(--ateh-navy);
	line-height: 1.25;
	padding: 0;
}
.ateh-guidecard__sum p { margin: 0; font-size: 12px; line-height: 1.7; color: var(--ateh-slate-500); }

.ateh-guidecard__topics {
	background: var(--ateh-silver-pale);
	border: 1px solid var(--ateh-silver-pale);
	padding: 16px;
}
.ateh-guidecard__tlabel {
	margin: 0 0 8px !important;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ateh-slate-400);
}
.ateh-guidecard__topics ul { list-style: none; margin: 0; padding: 0; }
.ateh-guidecard__topics li {
	position: relative;
	padding: 0 0 8px 22px;
	font-size: 12px;
	line-height: 1.45;
	color: var(--ateh-slate-600);
}
.ateh-guidecard__topics li:last-child { padding-bottom: 0; }
.ateh-guidecard__topics li::before {
	content: "\00004e";
	font-family: 'ETmodules';
	position: absolute;
	left: 0;
	top: 1px;
	font-size: 13px;
	color: var(--ateh-gold);
}

/* CTA pair sits flush to the card bottom, side by side. */
/* The two CTAs share one line; a hairline rule sits above the pair. */
.ateh-guidecard__ctarule {
	border-top: 1px solid var(--ateh-border);
	padding-top: 16px;
	margin-bottom: 0 !important;
}
.ateh-guidecard .et_pb_button_module_wrapper { margin-bottom: 0 !important; }
/* Divi buttons are inline-block, so justify-content alone does nothing — the
   icon and label hug the left padding. Flex the button to centre its content. */
.ateh-guidecard__dl {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-width: 210px;
	text-align: center;
}

/* ==========================================================================
   COMPLIMENTARY GUIDES PANEL
   ========================================================================== */

.et_pb_row.ateh-dlpanel,
.et_pb_row.ateh-dlgrid {
	background: var(--ateh-surface);
	border-left: 1px solid var(--ateh-border);
	border-right: 1px solid var(--ateh-border);
	margin-left: auto;
	margin-right: auto;
}
.et_pb_row.ateh-dlpanel { border-top: 1px solid var(--ateh-border); }
.et_pb_row.ateh-dlgrid { border-bottom: 1px solid var(--ateh-border); display: flex; flex-wrap: wrap; gap: 24px; align-items: stretch; }
.ateh-dlgrid .et_pb_column { float: none; margin: 0 !important; width: calc((100% - 48px) / 3) !important; }

.ateh-dlpanel__title h3 {
	font-family: var(--ateh-font-body);
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.025em;
	text-transform: uppercase;
	color: var(--ateh-navy);
	padding: 0 0 6px;
}
.ateh-dlpanel__title p { margin: 0; font-size: 12px; color: var(--ateh-slate-500); }
.ateh-dlpanel__note p {
	margin: 0;
	text-align: right;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--ateh-slate-400);
}

.ateh-dlcard {
	background: var(--ateh-silver-pale);
	border: 1px solid var(--ateh-border);
	padding: 20px !important;
	display: flex;
	flex-direction: column;
}
.ateh-dlcard > .et_pb_module { margin-bottom: 12px !important; }
.ateh-dlcard__meta p { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; }
.ateh-dlcard__type {
	display: inline-flex;
	align-items: center;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ateh-slate-600);
	background: var(--ateh-white);
	border: 1px solid var(--ateh-border);
	padding: 5px 9px;
	line-height: 1;
}
.ateh-dlcard__type::before {
	content: "\000068";
	font-family: 'ETmodules';
	font-size: 11px;
	margin-right: 6px;
	letter-spacing: 0;
}
.ateh-dlcard__size { font-size: 9px; font-weight: 700; text-transform: uppercase; color: var(--ateh-slate-400); }
.ateh-dlcard__title h4 {
	font-family: var(--ateh-font-body);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--ateh-navy);
	line-height: 1.3;
	padding: 0;
}
.ateh-dlcard__desc p { margin: 0; font-size: 11px; line-height: 1.6; color: var(--ateh-slate-500); }
.ateh-dlcard > .et_pb_button_module_wrapper:last-child { margin-top: auto !important; margin-bottom: 0 !important; }

@media (max-width: 980px) {
	.ateh-guidegrid .et_pb_column { width: 100% !important; }
	.ateh-dlgrid .et_pb_column { width: 100% !important; }
	.ateh-dlpanel__note p { text-align: left; margin-top: 10px; }
}
/* --- Resources FAQ block: two corrections vs the shared Practice Areas rules
   1. No divider above the section — the Practice Areas variant has a border-top
      to separate it from the cards above; the Resources mockup has none.
   2. The guides panel needs space ABOVE the white box. The row's 64px was
      padding (inside the box), so the panel butted straight onto the accordion.
   -------------------------------------------------------------------------- */
.ateh-faqsec--res { border-top: 0 !important; }

.et_pb_row.ateh-dlpanel {
	margin-top: 64px !important;
	padding-top: 40px !important;
}
/* --- Download button icon -------------------------------------------------
   Divi absolutely positions a button's icon (left: 6px), so once the button is
   flexed the glyph stays pinned to the edge while the label centres on its own.
   Making the pseudo-element static turns it into a normal flex item that sits
   next to the text, and the pair centre together.
   -------------------------------------------------------------------------- */
.ateh-guidecard__dl::before,
.ateh-guidecard__dl::after,
.ateh-dlcard__dl::before,
.ateh-dlcard__dl::after {
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	opacity: 1 !important;
	line-height: 1 !important;
}
/* Divi draws button icons with `content: attr(data-icon)`, but it emits an
   EMPTY data-icon here, so its icon field produces nothing. Set the download
   glyph explicitly so it renders and flows beside the label. */
body #page-container .et_pb_section .ateh-guidecard .ateh-guidecard__dl::before,
body #page-container .et_pb_section .ateh-dlcard .ateh-dlcard__dl::before {
	content: "\00e092" !important;
	font-family: 'ETmodules' !important;
	display: inline-block !important;
	/* Divi emits font-size:inherit !important at the same specificity from a
	   later sheet, so this selector carries an extra class to outrank it. */
	font-size: 14px !important;
	margin-right: 9px !important;
	/* The ETmodules download glyph draws high in its em box, so centring the
	   boxes still leaves it above the label. Measured at 6x magnification: the
	   glyph paints ~3px high, so nudge it down onto the optical centre. */
	align-self: center !important;
	position: relative !important;
	top: 6px !important;
}
.ateh-guidecard__dl::after,
.ateh-dlcard__dl::after { display: none !important; }