/*
Theme Name: PeterMason Child
Theme URI: https://euroboutiquerx.com/
Description: EuroBoutique Rx customisations on top of PeterMason: product page layout, size chart modal, shipping and returns summary.
Author: Growth Scalers
Template: petermason
Version: 1.0.0
Text Domain: petermason-child
*/

/* Product-page styles live in assets/product-page.css and load only on single product pages.
   Everything below applies site-wide. */

/* ---------- Header: compact rows ----------
   WPBakery writes the row paddings inline with !important (50px on the menu row, 25px on the
   dark logo section) and adds empty-space spacers above each header item. */
.top_panel .vc_section,
.top_panel .vc_row,
.top_panel .sc_layouts_row_type_normal { padding-top: 8px !important; padding-bottom: 8px !important; }
.top_panel .vc_empty_space { display: none; }
.top_panel .sc_layouts_row_type_normal .sc_layouts_item { margin-top: .3em; margin-bottom: .3em; }
.top_panel .sc_layouts_logo img { max-height: 56px !important; width: auto; }
/* The header row is a flex row whose columns are not equal height: centre the columns on the row. */
.top_panel .vc_row-flex { align-items: center; }
.top_panel .vc_row-flex > .vc_column_container { align-self: center; }

/* ---------- Header on phones: one row, logo left, cart and appointment right ---------- */
@media (max-width: 767px) {
	/* .vc_row.vc_row-flex { flex-wrap: wrap } from the builder has the same weight as a
	   two-class selector, so use three classes; also drop the builder's 2em side padding. */
	.top_panel .vc_row.vc_row-flex { flex-wrap: nowrap; padding-left: 8px !important; padding-right: 8px !important; }
	/* the phone + email column */
	.top_panel .sc_layouts_column:has(a[href^="tel:"]) { display: none; }
	/* the theme's phone stylesheet sets .sc_layouts_column { width: 100% !important } */
	.top_panel .vc_row-flex > .sc_layouts_column { width: auto !important; flex: 0 0 auto; min-width: 0; padding: 0 8px; text-align: left; }
	.top_panel .vc_row-flex > .sc_layouts_column_align_right { flex: 1 1 auto; }
	.top_panel .sc_layouts_column_align_right .wpb_wrapper { display: flex; justify-content: flex-end; align-items: center; gap: 12px; }
	.top_panel .sc_layouts_column_align_right .sc_layouts_item { margin: 0; }
	.top_panel .sc_layouts_logo img { max-height: 44px !important; }
	/* cart: icon with the item count badge, no "0 items - $0.00" text */
	.top_panel .sc_layouts_cart { position: relative; }
	.top_panel .sc_layouts_cart_details { display: none; }
	.top_panel .sc_layouts_cart_items_short { display: block; }
	.top_panel .sc_button_wrap .sc_button { padding: .9em 1em; font-size: 10px; letter-spacing: .06em; white-space: nowrap; }

	/* hamburger row: no nested row padding, icon a little smaller */
	.top_panel .sc_layouts_row_delimiter,
	.top_panel .sc_layouts_row_delimiter .vc_row { padding-top: 0 !important; padding-bottom: 0 !important; }
	.top_panel .sc_layouts_row_delimiter .sc_layouts_item { margin: 0; }
	.top_panel .sc_layouts_menu_mobile_button { margin: 0; padding: 6px 0; line-height: 1; }
	.top_panel .sc_layouts_item .sc_layouts_menu_mobile_button .sc_layouts_item_icon { font-size: 1.6em !important; line-height: 1; }
}

/* ---------- Cart page: wider product column, compact coupon row, totals closer ---------- */
.woocommerce-cart table.shop_table.cart .product-remove { width: 32px; }
.woocommerce-cart table.shop_table.cart .product-thumbnail { width: 72px; }
.woocommerce-cart table.shop_table.cart .product-thumbnail img { width: 56px; }
.woocommerce-cart table.shop_table.cart .product-price { width: 100px; }
.woocommerce-cart table.shop_table.cart .product-quantity { width: 96px; }
.woocommerce-cart table.shop_table.cart .product-subtotal { width: 110px; }
.woocommerce-cart .woocommerce-cart-form div.quantity { width: 84px; margin: 0; height: 44px; }
.woocommerce-cart table.cart td.actions { padding: .8em .6em; }
.woocommerce-cart table.cart td.actions .coupon .input-text { width: 150px; height: 40px; font-size: 13px; }
.woocommerce-cart table.cart td.actions button.button,
.woocommerce-cart table.cart td.actions .coupon button.button { height: 40px; padding: 0 1.2em; font-size: 11px; line-height: 1; }
.woocommerce-cart table.shop_table { margin-bottom: 1em; }
.woocommerce-cart .cart-collaterals h2 { margin: .3em 0 .5em; }

/* ---------- Page title band: less space above and below the title ---------- */
.top_panel .sc_layouts_title .sc_layouts_title_caption {
	font-size: 2.6rem;
	margin: .35em 0;
}