/* Maison Poviet — overrides on top of Dawn. Values match the reference layout's
   section settings (Dawn uses 0.75× padding below 750px). */

/* ---------- Header ---------- */
header-drawer { justify-self: start; margin-left: -1.2rem; }
.scrolled-past-header .header__heading-logo-wrapper { width: 75%; }
@media screen and (min-width: 990px) { header-drawer { display: none; } }
.menu-drawer-container { display: flex; }
.list-menu { list-style: none; padding: 0; margin: 0; }
.list-menu--inline { display: inline-flex; flex-wrap: wrap; }
summary.list-menu__item { padding-right: 2.7rem; }
.list-menu__item { display: flex; align-items: center; line-height: calc(1 + 0.3 / var(--font-body-scale)); }
.list-menu__item--link { text-decoration: none; padding-bottom: 1rem; padding-top: 1rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); }
@media screen and (min-width: 750px) { .list-menu__item--link { padding-bottom: 0.5rem; padding-top: 0.5rem; } }

.header { padding: 2px 3rem; }
/* Dawn only gives the header its stacking order via Shopify's .shopify-section-group-header-group
   class; without it the cart popup and mega menu slide under page content (which has
   transforms from the scroll animations). */
.section-header { position: sticky; margin-bottom: 0; z-index: 3; }
@media screen and (min-width: 990px) { .header { padding-top: 4px; padding-bottom: 4px; } }
/* Scoped to the header so product/WooCommerce "img { max-width: 100% }" rules can't enlarge it. */
.header .header__heading .header__heading-logo { max-width: 110px; height: auto; }
.header__heading .h2 { margin: 0; letter-spacing: 0.2em; text-transform: uppercase; font-size: 1.8rem; white-space: nowrap; }
@media screen and (max-width: 749px) { .header__heading .h2 { font-size: 1.4rem; letter-spacing: 0.15em; } }
.announcement-bar__message span { color: rgb(var(--color-foreground)); }
@media screen and (max-width: 749px) { .announcement-bar__message { font-size: 1rem; } }

/* ---------- Buttons shown as underlined text links ---------- */
.section-banner .button--primary,
.section-feature .button--secondary,
.section-rich-text .button--secondary {
	background: transparent !important;
	border-radius: 0;
	padding: 0 !important;
	min-width: 0;
	min-height: 0;
	justify-content: flex-start !important;
	font-family: var(--font-body-family);
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-decoration: none !important;
}
.section-banner .button--primary::before,
.section-banner .button--primary::after,
.section-feature .button--secondary::before,
.section-feature .button--secondary::after,
.section-rich-text .button--secondary::before,
.section-rich-text .button--secondary::after { display: none; }
.section-feature .button--secondary,
.section-rich-text .button--secondary { color: #212529; border-bottom: 1px solid #212529; margin-top: 10px; }

/* ---------- Banners ---------- */
/* Single-slide banners: Dawn's .slider--everywhere sets overflow-x:auto, which makes
   overflow-y auto too. Content a few px taller than the box then turns each banner into
   a tiny vertical scroller that captures the mouse wheel. */
.section-banner .slideshow.slider { overflow: hidden; scroll-snap-type: none; }
.banner__buttons { padding-bottom: 40px; }
.slideshow__media.banner__media.media { margin-top: 6px; }
.section-banner--hero .banner__text p { font-size: 12px; }
.section-banner--hero .banner__heading { font-size: 28px; color: #242424; }
.section-banner--hero .button--primary { color: #171717 !important; border-bottom: 1px solid #171717; }
.section-banner--secondary .banner__text p { font-size: 13px; }
.section-banner--secondary .banner__heading { font-size: 40px; }
.section-banner--secondary .banner__buttons { padding-top: 0; }
.section-banner--secondary .button--primary { color: #fff !important; border-bottom: 1px solid #fff; font-size: 12px; }
.section-banner .placeholder { background-color: rgba(var(--color-foreground), 0.06); }

/* ---------- Section spacing ---------- */
.section-video-padding { padding-top: 75px; padding-bottom: 30px; }
.section-feature { padding-top: 0; padding-bottom: 22px; }
.section-rich-text-padding { padding-top: 75px; padding-bottom: 75px; }
.section-newsletter-padding { padding-top: 60px; padding-bottom: 39px; }
.section-footer-padding { padding-top: 27px; padding-bottom: 27px; }
.section-template-padding { padding-top: 27px; padding-bottom: 27px; }
@media screen and (min-width: 750px) {
	.section-video-padding { padding-top: 100px; padding-bottom: 40px; }
	.section-feature { padding-bottom: 30px; }
	.section-rich-text-padding { padding-top: 100px; padding-bottom: 100px; }
	.section-newsletter-padding { padding-top: 80px; padding-bottom: 52px; }
	.section-footer-padding { padding-top: 36px; padding-bottom: 36px; }
	.section-template-padding { padding-top: 36px; padding-bottom: 36px; }
}

/* ---------- Image with text / rich text ---------- */
.image-with-text__heading.h1 { font-size: 29px; }
.image-with-text__media .placeholder,
.image-with-text__media.placeholder { background-color: rgba(var(--color-foreground), 0.06) !important; }
.rich-text__text h2 { font-size: 16px; }

/* ---------- Newsletter & footer ---------- */
.section-newsletter .newsletter h2 { font-size: 12px; }
.footer { margin-top: 0; }
.footer-block__heading { font-size: 12px; }
.footer__content-bottom-wrapper { justify-content: center !important; }
.footer .list-social { justify-content: center; }

/* ---------- WordPress core ---------- */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.alignleft { float: left; margin: 0 2rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 2rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-block-image img, .entry-content img { max-width: 100%; height: auto; }
.page-title { margin-top: 0; }

/* Feature rows: uppercase via CSS so names stay as stored (and translatable). */
.section-feature .image-with-text__text--caption,
.section-feature .button--secondary { text-transform: uppercase; }

/* ---------- Language / currency selector (header + mobile drawer) ---------- */
.mpv-localization { position: relative; }
.mpv-localization__button { display: flex; align-items: center; gap: 0.6rem; padding: 1rem 1.2rem; cursor: pointer; list-style: none; white-space: nowrap; font-size: 1.4rem; }
.mpv-localization__button::-webkit-details-marker { display: none; }
.mpv-localization__button .icon-caret { width: 1rem; transition: transform var(--duration-default, 0.2s) ease; }
.mpv-localization[open] .icon-caret { transform: rotate(180deg); }
.mpv-localization__list { position: absolute; right: 0; top: 100%; z-index: 4; min-width: 20rem; margin: 0; padding: 0.8rem 0; background: rgb(var(--color-background)); border: 0.1rem solid rgba(var(--color-foreground), 0.1); box-shadow: 0 0.4rem 1.2rem rgba(var(--color-shadow), 0.08); }
.mpv-localization__link { display: block; padding: 0.8rem 1.6rem; text-decoration: none; font-size: 1.4rem; }
.mpv-localization__link.is-current { text-decoration: underline; text-underline-offset: 0.3rem; }
.mpv-localization__currency { color: rgba(var(--color-foreground), 0.6); }
.desktop-localization-wrapper { display: flex; align-items: center; }
.menu-drawer__localization { padding: 1rem 2rem 0; }
.menu-drawer__localization .mpv-localization__button { padding-left: 0; }
.menu-drawer__localization .mpv-localization__list { position: static; box-shadow: none; }
.mpv-usd-note { color: rgba(var(--color-foreground), 0.7); }
.mpv-usd-note td { font-size: 1.2rem; text-align: left !important; }
.mpv-localization__button { text-decoration: none; }
.mpv-localization__button .icon-caret { position: static; height: 0.6rem; transform: none; }
.mpv-localization[open] .mpv-localization__button .icon-caret { transform: rotate(180deg); }

/* Mobile: banner text sits below the image (Dawn "show text below"), on the page background. */
@media screen and (max-width: 749px) {
	.section-banner .banner--mobile-bottom .slideshow__text-wrapper { padding-top: 2.4rem; padding-bottom: 1rem; }
	.section-banner .banner--mobile-bottom .slideshow__text.banner__box { padding: 0 1.5rem; background: transparent; }
	.section-banner--secondary .banner--mobile-bottom .banner__heading,
	.section-banner--secondary .banner--mobile-bottom .banner__text p { color: rgb(var(--color-foreground)); }
	.section-banner--secondary .banner--mobile-bottom .button--primary { color: #171717 !important; border-bottom-color: #171717; }
	.section-banner--secondary .banner--mobile-bottom .banner__heading { font-size: 2.8rem; }
}

/* ---------- No hover underlines (Dawn adds them to menus, links, cards, facets…) ----------
   Underlines that mark the current page/menu item are kept. */
.header__menu-item:hover span, details[open] > .header__menu-item, .header__submenu .header__menu-item:hover,
.mega-menu__link:hover, .list-menu__item--link:hover, .copyright__content a:hover,
.underline-links-hover:hover a, .card-wrapper:hover .card__heading a, .card__heading a:hover,
.cart-item__name:hover, .product__view-details:hover, .share-button__button:hover, .announcement-bar__link:hover,
.collapsible-content summary:hover .accordion__title, .accordion summary:hover .accordion__title,
.facets__summary:hover .facets__summary-label, .facets__label:hover .facet-checkbox__text-label,
.facets-layout-list input:focus ~ .facet-checkbox__text-label, .mobile-facets__open:hover .mobile-facets__open-label,
.predictive-search__list-item:hover .predictive-search__item-heading,
.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,
.localization-form__select:hover, .card__information-volume-pricing-note--button:hover {
	text-decoration: none !important;
}

/* ---------- Filters & sort: no outer focus rings; the field border darkens instead ---------- */
.facets__summary:focus, .facets__summary:focus-visible,
.facet-filters__sort:focus, .facet-filters__sort:focus-visible, .facet-filters__sort.focused,
.mobile-facets__sort .select__select:focus, .mobile-facets__sort .select__select:focus-visible, .mobile-facets__sort .select__select.focused,
.facet-filters__field .select__select:focus, .facet-filters__field .select__select:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}
.facet-filters__field .select:focus-within:after,
.mobile-facets__sort .select:focus-within:after {
	box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground), .55);
}
.facets__summary:focus-visible .facets__summary-label { color: rgb(var(--color-foreground)); font-weight: 500; }