/*
 * MEC Timing home page styles (core Gutenberg blocks).
 * Carried over from the old Avada Additional CSS (Avada-Child-Theme) on 2026-10-21,
 * minified and reflowed to one rule per line, comments dropped, Google Fonts @import
 * removed (functions.php loads the fonts). The home page (ID 41891) uses these
 * mec-* classes: mec-hero, mec-actions, mec-btn-orange/-ghost, mec-cards/mec-card--*,
 * mec-split, mec-payoff, mec-chain, mec-quotes, mec-table.
 * Loaded BEFORE mec-page.css, same order as on the live Avada site.
 * Not scoped under .mec-page: it only affects elements carrying an mec-* class.
 */
:root{--mec-ground: #FCFCF7;--mec-alt: #F1F0EB;--mec-border: #DAD7D0;--mec-ink: #474342;--mec-muted: #6E6866;--mec-night: #2B2827;--mec-night-text: #E4DFDA;--mec-night-muted: #C9C4BF;--mec-orange: #F36C42;--mec-orange-ink: #C2441C;--mec-orange-hover: #8F3014;--mec-mint: #B6D2CA;--mec-glacier: #1D3F5E;--mec-spruce: #1E4D4A;--mec-display: "ADAM.CG PRO",Montserrat,Arial,sans-serif;--mec-sans: Aller,Lato,Arial,sans-serif;--mec-heading: Montserrat,Arial,sans-serif;}
.mec-hero,.mec-section{font-family: var(--mec-sans);font-size: 16px;line-height: 1.6;padding: 96px 32px !important;margin-block: 0 !important;}
.mec-section{background: var(--mec-ground);color: var(--mec-ink);}
.mec-section--alt{background: var(--mec-alt);border-block: 1px solid var(--mec-border);}
.mec-hero > :first-child,.mec-section > :first-child{margin-block-start: 0;}
@media (max-width: 640px){.mec-hero,.mec-section{padding: 64px 16px !important;}
}
.mec-section a:where(:not(.wp-element-button)){color: var(--mec-orange-ink);}
.mec-section a:where(:not(.wp-element-button)):hover{color: var(--mec-orange-hover);}
.mec-hero a:focus-visible,.mec-section a:focus-visible{outline: 3px solid var(--mec-orange);outline-offset: 2px;}
.mec-eyebrow{margin-bottom: 0 !important;font-size: 13px !important;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: var(--mec-orange-ink);}
.mec-hero .mec-eyebrow{color: var(--mec-mint);}
h2.mec-h2{margin-block: 10px 40px !important;font-family: var(--mec-display);font-weight: 700;font-size: 34px;line-height: 1.15;text-transform: uppercase;letter-spacing: 0;color: var(--mec-ink);}
.mec-lead{font-size: 18px;max-width: 520px;}
.mec-small{margin-top: 32px !important;font-size: 14px;color: var(--mec-muted);}
.mec-link-strong{margin-block: -24px 24px !important;font-weight: 700;}
.mec-hero{position: relative;overflow: hidden;background: var(--mec-night);color: var(--mec-ground);padding-top: 112px !important;padding-bottom: 120px !important;}
.mec-hero::after{content: "";position: absolute;right: 0;bottom: 0;width: 38%;height: 100%;background: var(--mec-orange);clip-path: polygon(100% 0,100% 100%,0 100%);pointer-events: none;}
.mec-hero > *{position: relative;z-index: 1;}
.mec-hero > * + *{margin-block-start: 28px !important;}
h1.mec-hero__title{max-width: 780px;font-family: var(--mec-display);font-weight: 700;font-size: clamp(34px,5vw,60px);line-height: 1.08;letter-spacing: 0.01em;text-transform: uppercase;color: var(--mec-ground);}
.mec-hero__lead{max-width: 600px;font-size: 19px !important;line-height: 1.55;color: var(--mec-night-text);}
.mec-hero__trust{margin-top: 48px !important;font-size: 14px !important;color: var(--mec-night-muted);}
.mec-hero > .mec-hero__title,.mec-hero > .mec-hero__lead{margin-left: max(0px,(100% - 1200px) / 2) !important;margin-right: auto !important;}
@media (max-width: 780px){.mec-hero{padding-top: 72px !important;padding-bottom: 112px !important;}
.mec-hero::after{width: 55%;height: 72px;}
}
.mec-actions{gap: 12px !important;}
.mec-actions .wp-block-button__link{display: inline-flex;align-items: center;min-height: 48px;padding: 0 24px !important;border-radius: 8px !important;font-family: var(--mec-sans);font-size: 16px !important;font-weight: 700;line-height: 1.2;text-decoration: none;transition: background-color .15s,color .15s;}
.mec-btn-orange .wp-block-button__link{background: var(--mec-orange) !important;color: var(--mec-night) !important;border: 0;}
.mec-btn-orange .wp-block-button__link:hover{background: #E2592F !important;}
.mec-btn-ghost .wp-block-button__link{background: transparent !important;color: var(--mec-ground) !important;border: 1.5px solid var(--mec-ground) !important;}
.mec-btn-ghost .wp-block-button__link:hover{background: var(--mec-ground) !important;color: var(--mec-night) !important;}
.wp-block-columns.mec-cards{flex-wrap: wrap !important;gap: 20px !important;margin-bottom: 0;}
.wp-block-columns.mec-cards > .mec-card{flex: 1 1 220px !important;box-sizing: border-box;display: flex;flex-direction: column;gap: 14px;padding: 28px;margin: 0;background: #fff;border: 1px solid var(--mec-border);border-radius: 12px;transition: border-color .15s,transform .15s;}
.mec-card:hover{border-color: var(--mec-ink);transform: translateY(-2px);}
.mec-card > *{margin: 0 !important;}
.mec-card__icon{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 10px;color: #fff;}
.mec-card--glacier .mec-card__icon{background: var(--mec-glacier);}
.mec-card--spruce .mec-card__icon{background: var(--mec-spruce);}
.mec-card--orange .mec-card__icon{background: var(--mec-orange-ink);}
.mec-card--charcoal .mec-card__icon{background: var(--mec-ink);}
.mec-card__kicker{font-size: 12px !important;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--mec-muted);}
.mec-card__kicker.mec-nocaps{text-transform: none;}
h3.mec-card__title{font-family: var(--mec-heading);font-size: 20px;font-weight: 700;line-height: 1.25;color: var(--mec-ink);text-transform: none;letter-spacing: 0;}
.mec-card__text{font-size: 15px !important;color: var(--mec-muted);}
.mec-card__more{margin-top: auto !important;font-weight: 700;}
.mec-card__more a{text-decoration: none;}
.mec-card{position: relative;}
.mec-card__more a::after{content: "";position: absolute;inset: 0;border-radius: 12px;}
.wp-block-columns.mec-split{gap: 56px !important;margin: 0;}
.mec-split .wp-block-column > * + *{margin-block-start: 18px;}
.mec-split .mec-h2{margin-bottom: 0 !important;}
.mec-payoff{display: flex;align-items: center;gap: 12px;margin-top: 26px !important;font-family: var(--mec-heading);font-size: 22px !important;font-weight: 700;line-height: 1.3;color: var(--mec-night);}
.mec-payoff::before{content: "";flex: 0 0 22px;height: 22px;background: var(--mec-orange);clip-path: polygon(100% 0,100% 100%,0 100%);}
ol.mec-chain{list-style: none;margin: 0;padding: 0;counter-reset: none;}
ol.mec-chain li{position: relative;display: flex;flex-wrap: wrap;align-items: center;gap: 8px 16px;margin: 0 0 30px;padding: 18px 20px 18px 44px;background: #fff;border: 1px solid var(--mec-border);border-radius: 10px;color: var(--mec-muted);font-size: 15px;}
ol.mec-chain li:last-child{margin-bottom: 0;}
ol.mec-chain li strong{min-width: 110px;color: var(--mec-ink);font-size: 16px;}
ol.mec-chain li::before{content: "";position: absolute;left: 20px;top: 50%;width: 12px;height: 12px;border-radius: 3px;transform: translateY(-50%);background: var(--mec-ink);}
ol.mec-chain li:nth-child(1)::before{background: var(--mec-glacier);}
ol.mec-chain li:nth-child(2)::before{background: var(--mec-spruce);}
ol.mec-chain li:nth-child(3)::before{background: var(--mec-orange-ink);}
ol.mec-chain li:not(:last-child)::after{content: "↓";position: absolute;left: 50%;bottom: -28px;transform: translateX(-50%);font-size: 18px;line-height: 26px;color: var(--mec-muted);}
.wp-block-columns.mec-quotes{gap: 20px !important;align-items: flex-start !important;margin: 0;}
.wp-block-quote.mec-quote{display: flex;flex-direction: column;gap: 20px;margin: 0;padding: 32px;background: #fff;border: 1px solid var(--mec-border);border-radius: 12px;border-left-width: 1px;box-shadow: none;quotes: none;font-family: var(--mec-sans);font-style: normal;color: var(--mec-ink);}
.wp-block-quote.mec-quote::before{content: "";width: 32px;height: 24px;background: var(--mec-orange);-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M0 24V14C0 6 4 1 12 0v5c-4 1-6 4-6 8h6v11H0zm18 0V14c0-8 4-13 12-14v5c-4 1-6 4-6 8h6v11H18z'/%3E%3C/svg%3E") no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M0 24V14C0 6 4 1 12 0v5c-4 1-6 4-6 8h6v11H0zm18 0V14c0-8 4-13 12-14v5c-4 1-6 4-6 8h6v11H18z'/%3E%3C/svg%3E") no-repeat;}
.wp-block-quote.mec-quote p{margin: 0;font-size: 17px;line-height: 1.6;font-style: normal;font-weight: 400;}
.wp-block-quote.mec-quote cite{display: block;margin: 0;padding-top: 16px;border-top: 1px solid var(--mec-border);font-size: 14px;font-style: normal;color: var(--mec-muted);text-transform: none;}
.wp-block-quote.mec-quote cite strong{font-size: 16px;color: var(--mec-ink);}
.wp-block-table.mec-table{margin: 0;overflow-x: auto;background: #fff;border: 1px solid var(--mec-border);border-radius: 12px;}
.wp-block-table.mec-table table{width: 100%;min-width: 760px;border-collapse: collapse;font-size: 15px;border: 0;}
.wp-block-table.mec-table th,.wp-block-table.mec-table td{padding: 16px 24px;text-align: left;vertical-align: middle;border: 0;border-top: 1px solid var(--mec-border);background: transparent;}
.wp-block-table.mec-table thead{border: 0;}
.wp-block-table.mec-table thead th{background: var(--mec-ink);color: var(--mec-ground);border-top: 0;padding: 14px 24px;font-size: 12px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;}
.wp-block-table.mec-table tbody tr:nth-child(even){background: #FBFAF6;}
.wp-block-table.mec-table td:nth-child(2){font-family: Arial,Helvetica,sans-serif;font-variant-numeric: tabular-nums;}
.wp-block-table.mec-table td:nth-child(3) a{display: inline-flex;align-items: center;min-height: 36px;padding: 0 14px;border-radius: 6px;background: var(--mec-orange);color: var(--mec-night);font-weight: 700;text-decoration: none;white-space: nowrap;}
.wp-block-table.mec-table td:nth-child(3) a:hover{background: #E2592F;color: var(--mec-night);}
.wp-block-table.mec-table td:nth-child(4) a{display: inline-block;margin: 3px 14px 3px 0;white-space: nowrap;}
.wp-block-table.mec-table em{margin-left: 8px;padding: 2px 8px;border: 1px solid var(--mec-border);border-radius: 4px;font-style: normal;font-size: 11px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--mec-muted);}
.wp-block-table.mec-table tr:has(em){color: var(--mec-muted);}
.wp-block-table.mec-table tr:has(em) td:nth-child(3) a{background: none;padding: 0;min-height: 0;color: var(--mec-orange-ink);text-decoration: underline;}
