/*
 * Gigatuin theme overrides (front end, every page). Shop-page fixes are in
 * shop-fixes.css / GTS_Shop_Fixes. The site's design (Surge-IT's style block)
 * sets the look; these rules only fill gaps it leaves, and never compete
 * with it except for the search title below.
 */

/* The search page's title, promoted to h1 (one h1 per page). The site's
   design gives every Elementor h1 the large hero size with !important; this
   one gets the category page title's size instead (Surge-IT design,
   ".elementor-839 .elementor-element-adfa0fe .elementor-heading-title":
   32px / 1.2, 26px on phones). Other promoted titles (category, product,
   cart) take the design's own sizes. */
body.search h1.gts-page-title.elementor-heading-title {
	font-size: 32px !important;
	line-height: 1.2 !important;
}
@media (max-width: 767px) {
	body.search h1.gts-page-title.elementor-heading-title {
		font-size: 26px !important;
	}
}

/* Empty cart: no coupon box, no "Doorgaan naar afrekenen" and no intro text
   telling the visitor to click it, without products. The body class comes
   from PHP on load and from JS when the last item is removed; :has() covers
   the same case without either. */
body.gts-cart-empty .cart-total-area,
body.woocommerce-cart:has(.wc-empty-cart-message) .cart-total-area,
body.gts-cart-empty .elementor-widget-text-editor:has(.gts-cart-intro),
body.woocommerce-cart:has(.wc-empty-cart-message) .elementor-widget-text-editor:has(.gts-cart-intro),
body.gts-cart-empty .gts-cart-intro {
	display: none;
}

/* Product search results (GTS_Theme_Overrides::product_search_results()).
   The wrapper carries the category grid's classes, so the design's card,
   gap and two-column phone rules apply; Elementor's own grid stylesheet is
   not loaded on the search page, hence the columns and the clearfix here. */
.gts-search-results ul.products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0;
	padding: 0;
}
.gts-search-results ul.products::before,
.gts-search-results ul.products::after {
	content: none;
}
/* The pagination sat directly against the last row of cards. */
.gts-search-results .woocommerce-pagination {
	margin-top: 24px;
}

/* Long e-mail addresses in text blocks (footer/home contact) overflowed the
   phone screen. */
.elementor-widget-text-editor a[href^="mailto:"],
.elementor-widget-icon-list a[href^="mailto:"] .elementor-icon-list-text {
	overflow-wrap: anywhere;
}