/* 7DaysCare, the V2 page rules.
 *
 * GENERATED by scripts/sevendayscare_theme_v2.py from EXTRA_CSS in
 * scripts/sevendayscare_pages_v2.py. Loaded after style.css by functions.php.
 * Do not edit by hand: edit EXTRA_CSS and run the script.
 */

.sdc-clinic-pair { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sdc-space-8); align-items: start; }
@media (min-width: 900px) { .sdc-clinic-pair { grid-template-columns: minmax(300px, 380px) minmax(0, 1fr); } }
.sdc-clinic-pair .sdc-module-grid { grid-template-columns: minmax(0, 1fr); }
.sdc-page-head .sdc-section-lede { color: rgba(255,255,255,.88); }
/* ---- V2: long translated button labels wrap instead of widening the page ---- */
.sdc-btn { white-space: normal; text-align: center; max-width: 100%; }
/* ---- V2: four plan cards in one row (V1's grid was sized for three) ---- */
.sdc-module-grid--4 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
@media (min-width: 1100px) { .sdc-module-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.sdc-module-grid--4 .sdc-price { font-size: clamp(1.9rem, 2.6vw, 2.4rem); flex-wrap: wrap; }
.sdc-plan .sdc-price span { font-family: var(--sdc-font-body); font-size: var(--sdc-text-sm); font-weight: 500; color: var(--sdc-text-secondary); }
/* the page-head field is the dark gradient; its headings must be white too
   (V1 set the colour on the section only, and the heading rule won) */
.sdc-page-head h1, .sdc-page-head h2, .sdc-page-head h3 { color: var(--sdc-neutral-0); }
/* V1 tints every hovered table row mint-white, which wiped out the white text
   of the payments table on its dark field */
.sdc-money tbody tr:hover { background: rgba(255, 255, 255, .06); }
/* the featured card's flag sits above the card; V1's card clips its overflow */
.sdc-module-grid--4 { padding-top: var(--sdc-space-5); }
.sdc-plan.sdc-is-featured { overflow: visible; }
/* a centred lede is a centred block, not centred text in a left-hand box */
.sdc-section-lede.sdc-center { margin-inline: auto; }
/* a column heading sits over its column: V1 centred the cells and left-aligned the headings */
.sdc-compare thead th:not(:first-child) { text-align: center; }
.sdc-compare--wide thead th:first-child { width: 32%; }
.sdc-compare--wide thead th:not(:first-child) { width: 17%; }
/* no white strip between the last band and the footer: V1 stacked the band's
   bottom margin on the footer's top margin over the white page */
#primary > section:last-child { margin-bottom: 0; }
.site-footer { margin-top: 0; }
/* the language strip, in the footer */
.sdc-langs { display: flex; flex-wrap: wrap; gap: var(--sdc-space-2) var(--sdc-space-5); padding-block: var(--sdc-space-6) 0; font-size: var(--sdc-text-sm); }
.sdc-langs a { color: rgba(255, 255, 255, .82); text-decoration: none; }
.sdc-langs a:hover { color: #fff; text-decoration: underline; }
.sdc-langs a[aria-current] { color: #fff; font-weight: 700; text-decoration: underline; }
.sdc-langnote { padding-block: var(--sdc-space-6) 0; font-size: var(--sdc-text-sm); }
.sdc-langnote p { margin: 0; color: rgba(255, 255, 255, .82); }
.sdc-langnote a { color: #fff; font-weight: 700; }
/* the closing call to action is a dark panel; its heading must be white */
.sdc-cta h2 { color: var(--sdc-neutral-0); }