/* EDIT GUIDE: css/elbow-technical.css
   Page-specific or legacy styles. Shared theme files load later and can override these rules. Check the page stylesheet list before changing colours or spacing.
   Search EDIT BLOCK for selectors/functions; see EDITING-GUIDE.md for the file map.
*/
/* Elbows-only technical catalogue. Shared header, footer and other product pages are untouched. */

/* EDIT BLOCK: .elbow-technical. Change the declarations below; shared overrides may load later. */
.elbow-technical { --et-navy:#092b42; --et-orange:#ff914e; color:#526778; }

/* EDIT BLOCK: .elbow-technical .et-section. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-section { padding:60px 0; scroll-margin-top:160px; }

/* EDIT BLOCK: .elbow-technical .et-section:nth-of-type(even). Change the declarations below; shared overrides may load later. */
.elbow-technical .et-section:nth-of-type(even) { background:#f5f8fa; }

/* EDIT BLOCK: .elbow-technical .et-heading. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-heading { margin-bottom:26px; max-width:850px; }

/* EDIT BLOCK: .elbow-technical .eyebrow. Change the declarations below; shared overrides may load later. */
.elbow-technical .eyebrow { color:#a84912; font-size:12px; letter-spacing:.12em; }

/* EDIT BLOCK: .elbow-technical h2. Change the declarations below; shared overrides may load later. */
.elbow-technical h2 { font-size:clamp(27px,3vw,38px); line-height:1.25; color:var(--et-navy); margin-top:10px; }

/* EDIT BLOCK: .elbow-technical h3. Change the declarations below; shared overrides may load later. */
.elbow-technical h3 { font-size:20px; line-height:1.4; color:var(--et-navy); margin-bottom:12px; }

/* EDIT BLOCK: .elbow-technical p. Change the declarations below; shared overrides may load later. */
.elbow-technical p { font-size:15px; line-height:1.8; margin-bottom:16px; }

/* EDIT BLOCK: .elbow-technical .et-subhead. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-subhead { margin:32px 0 16px; }
/* Preserve the established hero layout and illustration, with clear technical quick facts. */

/* EDIT BLOCK: .elbow-technical .et-hero-tags,.elbow-technical .et-chips. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-hero-tags,.elbow-technical .et-chips { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0; }

/* EDIT BLOCK: .elbow-technical .et-hero-tags span. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-hero-tags span { border:1px solid #668397; border-radius:4px; padding:7px 10px; font-size:13px; color:#edf4f8; }

/* EDIT BLOCK: .refreshed .elbow-technical .catalog-hero h1 span,.elbow-technical .dimension-hero-link. Change the declarations below; shared overrides may load later. */
.refreshed .elbow-technical .catalog-hero h1 span,.elbow-technical .dimension-hero-link { color:#ffad77; }

/* EDIT BLOCK: .refreshed .elbow-technical .btn-primary. Change the declarations below; shared overrides may load later. */
.refreshed .elbow-technical .btn-primary { background:var(--et-orange); border-color:var(--et-orange); color:var(--et-navy); }

/* EDIT BLOCK: .refreshed .elbow-technical .btn-primary:hover. Change the declarations below; shared overrides may load later. */
.refreshed .elbow-technical .btn-primary:hover { background:#ffb587; }

/* EDIT BLOCK: .elbow-technical .et-jump. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-jump { display:flex; flex-wrap:wrap; gap:10px 24px; padding-block:22px; border-bottom:1px solid #dce5eb; }

/* EDIT BLOCK: .elbow-technical .et-jump a,.elbow-technical .et-text-link. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-jump a,.elbow-technical .et-text-link { color:var(--et-navy); font-size:14px; text-decoration:underline; text-underline-offset:4px; }

/* EDIT BLOCK: .elbow-technical a:focus-visible. Change the declarations below; shared overrides may load later. */
.elbow-technical a:focus-visible { outline:3px solid #bc5013; outline-offset:4px; }
/* Cards are real links only where a relevant destination exists. */

/* EDIT BLOCK: .elbow-technical .et-grid. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }

/* EDIT BLOCK: .elbow-technical .et-two. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-two { grid-template-columns:repeat(2,minmax(0,1fr)); }

/* EDIT BLOCK: .elbow-technical .et-one. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-one { grid-template-columns:1fr; }

/* EDIT BLOCK: .elbow-technical .et-card,.elbow-technical .et-panel. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-card,.elbow-technical .et-panel { padding:26px; border:1px solid #dce5eb; border-radius:9px; background:#fff; min-width:0; }

/* EDIT BLOCK: .elbow-technical .et-card. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-card { display:flex; flex-direction:column; color:#526778; text-decoration:none; transition:border-color .2s,box-shadow .2s; }

/* EDIT BLOCK: .elbow-technical .et-card i. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-card i { color:#b84d12; font-size:22px; margin-bottom:18px; }

/* EDIT BLOCK: .elbow-technical .et-card small. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-card small { display:block; font-size:14px; margin-top:12px; }

/* EDIT BLOCK: .elbow-technical a.et-card:hover. Change the declarations below; shared overrides may load later. */
.elbow-technical a.et-card:hover { border-color:var(--et-orange); box-shadow:0 8px 24px #092b4210; }

/* EDIT BLOCK: .elbow-technical .et-link. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-link { color:#a84912; font-size:14px; font-weight:600; margin-top:auto; padding-top:10px; }

/* EDIT BLOCK: .elbow-technical .et-note. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-note { margin:22px 0; padding:18px 22px; border-left:3px solid var(--et-orange); background:#edf3f7; color:#24465c; font-size:14px; }

/* EDIT BLOCK: .elbow-technical .et-list. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-list { padding-left:20px; list-style:disc; font-size:15px; line-height:1.7; }

/* EDIT BLOCK: .elbow-technical .et-list li. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-list li { margin:9px 0; }

/* EDIT BLOCK: .elbow-technical .et-range. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-range { display:flex; flex-wrap:wrap; align-items:baseline; gap:20px; color:var(--et-navy); margin-bottom:18px; }

/* EDIT BLOCK: .elbow-technical .et-range strong. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-range strong { font-size:32px; }

/* EDIT BLOCK: .elbow-technical .et-range span. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-range span { font-size:22px; }

/* EDIT BLOCK: .elbow-technical .et-chips span. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-chips span { background:#fff; border:1px solid #ccdce6; border-radius:4px; padding:8px 13px; font-size:14px; color:var(--et-navy); }
/* Semantic specification table wraps its text rather than forcing mobile page overflow. */

/* EDIT BLOCK: .elbow-technical .et-table-wrap. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-table-wrap { border:1px solid #dce5eb; border-radius:9px; overflow:hidden; }

/* EDIT BLOCK: .elbow-technical .et-table. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-table { width:100%; border-collapse:collapse; font-size:15px; text-align:left; background:#fff; }

/* EDIT BLOCK: .elbow-technical .et-table caption. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-table caption { padding:18px 22px; background:var(--et-navy); color:white; text-align:left; font-weight:600; }

/* EDIT BLOCK: .elbow-technical .et-table th,.elbow-technical .et-table td. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-table th,.elbow-technical .et-table td { padding:16px 22px; border-bottom:1px solid #dce5eb; vertical-align:top; line-height:1.7; overflow-wrap:anywhere; }

/* EDIT BLOCK: .elbow-technical .et-table th. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-table th { color:var(--et-navy); width:30%; }

/* EDIT BLOCK: .elbow-technical .et-table thead. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-table thead { background:#edf3f7; }
/* Readable sequence; no animation or unsupported manufacturing claims. */

/* EDIT BLOCK: .elbow-technical .et-flow. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; padding:0; margin:0 0 24px; list-style:none; counter-reset:stage; }

/* EDIT BLOCK: .elbow-technical .et-flow li. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-flow li { border-top:3px solid var(--et-orange); padding:18px 10px; counter-increment:stage; }

/* EDIT BLOCK: .elbow-technical .et-flow li::before. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-flow li::before { content:"0" counter(stage); color:#a84912; display:block; font-size:13px; margin-bottom:8px; }

/* EDIT BLOCK: .elbow-technical .et-flow strong,.elbow-technical .et-flow span. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-flow strong,.elbow-technical .et-flow span { display:block; }

/* EDIT BLOCK: .elbow-technical .et-flow strong. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-flow strong { color:var(--et-navy); margin-bottom:8px; }

/* EDIT BLOCK: .elbow-technical .et-flow span. Change the declarations below; shared overrides may load later. */
.elbow-technical .et-flow span { font-size:14px; }

/* EDIT BLOCK: .elbow-technical #enquire. Change the declarations below; shared overrides may load later. */
.elbow-technical #enquire { background:var(--et-navy); }

/* EDIT BLOCK: .elbow-technical #enquire h2. Change the declarations below; shared overrides may load later. */
.elbow-technical #enquire h2 { color:#fff; }

/* EDIT BLOCK: .elbow-technical #enquire p. Change the declarations below; shared overrides may load later. */
.elbow-technical #enquire p { color:#c6d9e5; max-width:850px; }

/* EDIT BLOCK: .elbow-technical #enquire .eyebrow. Change the declarations below; shared overrides may load later. */
.elbow-technical #enquire .eyebrow { color:#ffad77; }
/* Collapse technical grids on smaller screens; keep navigation/footer rules shared. */

/* EDIT BLOCK: @media(max-width:950px). Change the declarations below; shared overrides may load later. */
@media(max-width:950px) { .elbow-technical .et-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .elbow-technical .et-one { grid-template-columns:1fr; } }

/* EDIT BLOCK: @media(max-width:620px). Change the declarations below; shared overrides may load later. */
@media(max-width:620px) { .elbow-technical .et-grid { grid-template-columns:1fr; } .elbow-technical .et-flow { grid-template-columns:1fr 1fr; } .elbow-technical .et-section { padding:42px 0; } .elbow-technical .et-card,.elbow-technical .et-panel { padding:20px; } .elbow-technical .et-table th,.elbow-technical .et-table td { padding:12px; font-size:14px; } .elbow-technical .et-table th { width:36%; } }

/* EDIT BLOCK: @media(prefers-reduced-motion:reduce). Change the declarations below; shared overrides may load later. */
@media(prefers-reduced-motion:reduce) { .elbow-technical .et-card { transition:none; } }