/* Power – Mobile Layout Tweaks (see power-mobile-tweaks.php) */

/* ---- Phone header: compact rows, smaller logo, single-line top bar ---- */
@media (max-width: 767px) {
	.site-mobile-header-wrap .site-top-header-inner-wrap {
		min-height: 34px;
	}
	.site-mobile-header-wrap .mobile-html {
		font-size: 13px;
		line-height: 1.3;
		padding: 6px 8px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.site-mobile-header-wrap .site-main-header-inner-wrap {
		min-height: 62px;
	}
	.site-mobile-header-wrap .site-branding a.brand img {
		max-width: 88px;
		height: auto;
	}
	.site-mobile-header-wrap .site-branding {
		padding: 4px 0;
	}
}
@media (max-width: 374px) {
	.site-mobile-header-wrap .mobile-html {
		font-size: 12px;
	}
	.site-mobile-header-wrap .site-branding a.brand img {
		max-width: 78px;
	}
}

/* ---- Phone footer: stack columns flush and centre every item ---- */
@media (max-width: 767px) {
	.site-middle-footer-inner-wrap .site-footer-section,
	.site-middle-footer-inner-wrap .footer-widget-area,
	.site-middle-footer-inner-wrap .footer-widget-area-inner {
		margin: 0 !important;
		width: 100%;
		max-width: 100%;
	}
	.site-middle-footer-inner-wrap,
	.site-middle-footer-inner-wrap .widget-title,
	.site-middle-footer-inner-wrap p,
	.site-middle-footer-inner-wrap li {
		text-align: center;
	}
	.site-middle-footer-inner-wrap ul.wp-block-list {
		padding-left: 0;
		margin-left: 0;
		list-style: none;
	}
	.site-middle-footer-inner-wrap .contact-info-container p {
		justify-content: center;
	}
	.site-middle-footer-inner-wrap .widget {
		margin-bottom: 24px;
	}
	.site-middle-footer-inner-wrap #block-13 { /* empty columns block left over from the demo */
		display: none;
	}
}

/* ---- Phone product page: remove clutter, clear hierarchy, big tap targets ---- */
@media (max-width: 767px) {
	.single-product .product-after-images-element,   /* orange "Lowest price / Free shipping" strip */
	.single-product .wapf-shipping-notice,            /* "Shipping calculated at checkout" */
	.single-product .check-incart-sold,               /* "x products sold in last y hours" */
	.single-product .wrap_after_button,               /* compare / wishlist / ask us / share */
	.single-product #tmcore-live-viewing-visitors,    /* "x people are viewing this right now" */
	.single-product #base-mobile-sticky-add-to-cart { /* theme's own sticky bar: its form skips the door options */
		display: none !important;
	}
	/* missing-option attention (set by power-mobile-product.js when Add to cart is tapped too early) */
	.single-product .wapf-field-container.power-field-attention {
		outline: 2px solid #e53935 !important;
		outline-offset: 4px !important;
		border-radius: 4px !important;
	}
	.single-product .power-field-msg {
		color: #e53935 !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		margin: -4px 0 8px !important;
	}
	.single-product .base-product-image-wrap {
		margin-bottom: 18px !important;
	}
	.single-product .summary.entry-summary {
		margin-bottom: 16px !important;
	}
	.single-product h1.product_title {
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 700 !important;
		margin: 0 0 6px !important;
	}
	.single-product .wrap_price_rating {
		display: block !important;
		margin: 0 0 18px !important;
		padding-bottom: 14px !important;
		border-bottom: 1px solid #ebebeb !important;
	}
	.single-product .wrap_price_rating p.price,
	.single-product .wrap_price_rating p.price .amount {
		font-size: 28px !important;
		line-height: 1.2 !important;
		font-weight: 700 !important;
		display: block !important;
	}
	.single-product .wrap_price_rating p.price del,
	.single-product .wrap_price_rating p.price del .amount {
		font-size: 16px !important;
		font-weight: 400 !important;
		display: inline !important;
		margin-right: 8px !important;
	}
	.single-product .wrap_price_rating p.price ins {
		text-decoration: none !important;
	}
	.single-product .wapf-field-label {
		font-weight: 700 !important;
		font-size: 13px !important;
		letter-spacing: 0.3px !important;
	}
	.single-product form.cart .quantity.spinners-added {
		height: 48px !important;
		margin-right: 10px !important;
	}
	.single-product form.cart .quantity.spinners-added input {
		height: 48px !important;
		line-height: 48px !important;
	}
	.single-product form.cart button.single_add_to_cart_button {
		height: 48px !important;
		line-height: 48px !important;
		font-size: 15px !important;
		letter-spacing: 0.5px !important;
	}
	.single-product form.cart button.single_add_to_cart_button.ajax_add_to_cart {
		margin-top: 10px !important;
	}
	.single-product .single-product-payments {
		margin: 0 0 20px !important;
		padding: 12px !important;
	}
	.single-product .single-product-payments .title {
		font-size: 13px !important;
	}
	.single-product .woocommerce-tabs {
		margin-bottom: 28px !important;
	}
	/* long description collapsed behind "Read more" (toggled by power-mobile-product.js) */
	.single-product #tab-description.power-collapsible {
		position: relative;
	}
	.single-product #tab-description.power-collapsible.is-collapsed {
		max-height: 560px;
		overflow: hidden;
	}
	.single-product #tab-description.power-collapsible.is-collapsed::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 120px;
		background: linear-gradient(rgba(255, 255, 255, 0), #fff 80%);
		pointer-events: none;
	}
	.single-product .power-readmore-wrap {
		text-align: center;
		margin: 6px 0 4px;
	}
	.single-product .power-readmore {
		display: inline-block;
		padding: 0 22px;
		height: 40px;
		line-height: 40px;
		border: 1px solid #000;
		border-radius: 5px;
		background: #fff;
		color: #000;
		font-size: 13px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		cursor: pointer;
	}
	/* sticky add-to-cart bar (built by power-mobile-product.js) */
	.power-sticky-cart {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9990;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 10px 15px calc(10px + env(safe-area-inset-bottom));
		background: #fff;
		border-top: 1px solid #e5e5e5;
		box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
		transform: translateY(110%);
		transition: transform 0.25s ease;
	}
	.power-sticky-cart.is-visible {
		transform: translateY(0);
	}
	.power-sticky-cart .psc-price {
		flex: 0 0 auto;
		font-size: 20px;
		font-weight: 700;
		color: #000;
		max-width: 42%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.power-sticky-cart .psc-btn {
		flex: 1 1 auto;
		height: 46px;
		line-height: 46px;
		padding: 0 16px;
		border: 0;
		border-radius: 5px;
		background: #ffa500;
		color: #000;
		font-size: 15px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		cursor: pointer;
	}
	.power-float-lift {
		transition: bottom 0.25s ease;
	}
}

/* ---- Drawers (mobile menu + shop filter): the theme palette gives them white text on a white panel ---- */
#mobile-drawer .drawer-inner,
#mobile-drawer .drawer-inner .drawer-sub-toggle,
#mobile-drawer .drawer-inner .mobile-navigation a,
#mobile-drawer .drawer-inner .sub-menu a,
#mobile-drawer .drawer-inner .menu-item a,
#filter-drawer .drawer-inner,
#filter-drawer .drawer-inner .product-filter-widgets,
#filter-drawer .drawer-inner .product-filter-widgets a,
#filter-drawer .drawer-inner .product-filter-widgets .count,
#filter-drawer .drawer-inner .product-filter-widgets .drawer-sub-toggle,
#filter-drawer .drawer-inner .product-filter-widgets label,
#filter-drawer .drawer-inner .product-filter-widgets .price_label,
#filter-drawer .drawer-inner .product-filter-widgets .widget-title {
	color: #000 !important;
}
#mobile-drawer .drawer-inner .drawer-sub-toggle svg,
#filter-drawer .drawer-inner .drawer-sub-toggle svg {
	fill: currentColor;
}
#filter-drawer .drawer-inner .product-filter-widgets li.chosen > a,
#filter-drawer .drawer-inner .product-filter-widgets .filter-item.chosen > a,
#filter-drawer .drawer-inner .product-filter-widgets a:hover,
#mobile-drawer .drawer-inner .mobile-navigation a:hover,
#mobile-drawer .drawer-inner .drawer-sub-toggle:hover,
#mobile-drawer .drawer-inner .current-menu-item > a {
	color: #ffa500 !important;
}

/* ---- Wallpapers: "Material" swatches on one row of three on phones (field group "Wallpaper", field 1cc9fba) ---- */
@media (max-width: 767px) {
	.single-product .wapf-field-container.field-1cc9fba .wapf-image-swatch-wrapper {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
	.single-product .wapf-field-container.field-1cc9fba .wapf-swatch--image,
	.single-product .wapf-field-container.field-1cc9fba .wapf-swatch--image label,
	.single-product .wapf-field-container.field-1cc9fba .apf-pick-box {
		width: 100% !important;
		max-width: 100% !important;
	}
	.single-product .wapf-field-container.field-1cc9fba .apf-pick-box img {
		width: 100% !important;
		height: auto !important;
	}
}

/* ---- Product gallery thumbnail arrows: the theme draws a black icon on a black box ---- */
.base-product-gallery-thumbnails .splide__arrow {
	color: #fff !important;
	opacity: 0.9;
}
.base-product-gallery-thumbnails .splide__arrow svg,
.base-product-gallery-thumbnails .splide__arrow svg path {
	fill: #fff !important;
}
.base-product-gallery-thumbnails .splide__arrow svg {
	width: 12px !important;
	height: 12px !important;
}