/* hartleycarcare.shop – correcties voor mobiel en Safari (16-9-2026). Geladen door mu-plugins/hcc-mobiel-safari.php */

/* 1. Taalvlaggen (GTranslate zwevend): niet boven menu's, zoekscherm en winkelwagen-paneel uitsteken */
.gt_switcher_wrapper { z-index: 390 !important; position: absolute !important; }  /* scrollt mee i.p.v. over de inhoud te zweven */
@media (min-width: 1025px) {
	/* in de witte bovenbalk (30 px) in plaats van half over de zwarte kop */
	.gt_switcher_wrapper { top: 3px !important; }
	.whb-top-bar .whb-column.whb-col-left { padding-left: 60px; }
}
@media (max-width: 1024px) {
	.gt_switcher_wrapper { top: 13px !important; }
	/* grotere tikvlakken voor de vlaggen */
	.gt_switcher_wrapper a.glink { padding: 4px 1px; }
}

/* 2. Mobiele kop: zoekbalk valt rechts buiten beeld (kolom 404 px op 393 px scherm) */
@media (max-width: 1024px) {
	.whb-header .whb-col-mobile,
	.whb-header .whb-col-mobile .wd-header-text,
	.whb-header .wd-header-text .wp-block-yith-search-block,
	.whb-header .wd-header-text .ywcas-classic-search { min-width: 0; max-width: 100%; }
	.whb-header .whb-col-mobile { max-width: calc(100% + 20px); }  /* kolom heeft zelf -10px marge links en rechts */
	/* logo, menu, winkelwagen en account over de breedte verdelen i.p.v. links opgepropt */
	.whb-header .whb-column.whb-mobile-left.whb-hidden-lg { justify-content: space-between; padding-left: 80px; }
}

/* 3. Tikvlakken op touchscreens (Apple-richtlijn 44 px, minimaal 36 px) */
@media (hover: none) and (pointer: coarse) {
	.wd-product-nav-btn { width: 36px; height: 36px; }
	.quantity .minus, .quantity .plus { min-width: 36px; }
}

/* 4. Donker blok "Alles wat je nodig hebt": achtergrondfoto laadt pas bij scrollen -> eerst witte tekst op wit */
.elementor-4231 .elementor-element.elementor-element-d59f88c { background-color: #111; }

/* 5. Complianz-plaatshouder (reviews): monospace-lettertype en harde kleuren */
.cmplz-blocked-content-notice, .cmplz-blocked-content-container .cmplz-blocked-content-notice {
	font-family: inherit !important; font-size: 14px !important; line-height: 1.4 !important;
	border-radius: 8px; padding: 10px 14px !important;
}

/* 6. YITH-zoekresultaten: badge over de foto en enorme donkere knop */
.ywcas-search-results .ywcas-badge { position: absolute; top: -4px; left: -4px; z-index: 1; white-space: nowrap; font-size: 10px !important; line-height: 1.2 !important; padding: 2px 6px !important; border-radius: 4px; width: auto !important; height: auto !important; background-color: var(--wd-primary-color, #e30613) !important; }
.ywcas-search-results .search-result-item .wp-block-button__link {
	font-size: 12px !important; padding: 6px 14px !important; min-height: 0 !important; line-height: 1.3 !important;
	border-radius: 6px !important; background-color: var(--btn-accented-bgcolor, #f39c3c) !important; color: #fff !important; margin-bottom: 8px;
}
.ywcas-search-results .search-result-item { padding-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,.06); margin-bottom: 12px; }
@media (max-width: 767px) {
	/* naam kreeg maar 120 px naast foto en knop: knop onder de naam */
	.ywcas-search-results .search-result-item__content { flex-wrap: wrap; }
	.ywcas-search-results .search-result-item_name { flex: 1 1 0; min-width: 0; }
	.ywcas-search-results .search-result-item__content > .wp-block-button { flex-basis: 100%; padding-left: 66px; }
}