/* ============================================================
   Mr. Sandman — Frontend úpravy
   Verze:  1.0.1
   Cíl:    sladit košík / pokladnu / Môj účet / produkt s vizuálem webu
   Brand:  blue-gray (#5D7893 primary, #54595F secondary, Roboto)
   ============================================================ */

:root {
	--mrs-primary:        #5D7893;
	--mrs-primary-hover:  #3B5168;
	--mrs-secondary:      #54595F;
	--mrs-text:           #7A7A7A;
	--mrs-accent:         #61CE70;
	--mrs-border:         #e5e5e5;
	--mrs-radius:         4px;
	--mrs-font-text:      "Roboto", Helvetica, Arial, sans-serif;
	--mrs-font-heading:   "Roboto", Helvetica, Arial, sans-serif;
	--mrs-font-secondary: "Roboto Slab", Georgia, serif;
}

/* ============================================================
   KOŠÍK — WC Cart Block (Gutenberg)
   ============================================================ */
.wp-block-woocommerce-cart,
.wc-block-cart {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 1rem;
	font-family: var(--mrs-font-text);
	color: var(--mrs-text);
	box-sizing: border-box;
}

.wp-block-woocommerce-cart h1,
.wp-block-woocommerce-cart h2,
.wp-block-woocommerce-cart h3,
.wc-block-cart-items__header {
	font-family: var(--mrs-font-heading);
	color: var(--mrs-secondary);
	font-weight: 600;
}

.wc-block-components-product-name,
.wc-block-cart-item__product a {
	color: var(--mrs-secondary);
	font-weight: 500;
	text-decoration: none;
}

.wc-block-components-product-name:hover,
.wc-block-cart-item__product a:hover {
	color: var(--mrs-primary);
}

.wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item-tax-value {
	color: var(--mrs-secondary);
	font-weight: 600;
}

.wc-block-cart__submit-button,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button {
	background-color: var(--mrs-primary) !important;
	border-color: var(--mrs-primary) !important;
	color: #fff !important;
	font-family: var(--mrs-font-heading);
	font-weight: 600;
	border-radius: var(--mrs-radius);
	transition: background-color 0.2s ease;
}

.wc-block-cart__submit-button:hover {
	background-color: var(--mrs-primary-hover) !important;
	border-color: var(--mrs-primary-hover) !important;
}

.wc-block-components-totals-coupon,
.wp-block-woocommerce-cart-order-summary-coupon-form-block {
	display: none !important;
}

/* Schovat dopravu v košíku — klient ji nechce nikde zobrazovat.
   Pozor: schováváme jen shipping totals + kalkulátor, ne adresu (ta není v košíku). */
.wp-block-woocommerce-cart-order-summary-shipping-block,
.wc-block-components-totals-shipping,
.wc-block-components-shipping-calculator,
.wc-block-cart__shipping-calculator,
.wc-block-components-totals-shipping__via {
	display: none !important;
}

/* ============================================================
   POKLADNA — WC Checkout Block (Gutenberg)
   ============================================================ */
.wp-block-woocommerce-checkout,
.wc-block-checkout {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 1rem;
	font-family: var(--mrs-font-text);
	color: var(--mrs-text);
	box-sizing: border-box;
}

.wp-block-woocommerce-checkout h1,
.wp-block-woocommerce-checkout h2,
.wp-block-woocommerce-checkout h3,
.wc-block-components-checkout-step__title {
	font-family: var(--mrs-font-heading);
	color: var(--mrs-secondary);
	font-weight: 600;
}

.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-select select,
.wc-block-components-checkout-step__container input,
.wc-block-components-checkout-step__container select,
.wc-block-components-checkout-step__container textarea {
	font-family: var(--mrs-font-text);
	color: var(--mrs-secondary);
	border: 1px solid var(--mrs-border);
	border-radius: var(--mrs-radius);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.wc-block-components-select select:focus {
	border-color: var(--mrs-primary);
	outline: 0;
	box-shadow: 0 0 0 2px rgba( 93, 120, 147, 0.25 );
}

.wc-block-components-checkout-place-order-button {
	background-color: var(--mrs-primary) !important;
	border-color: var(--mrs-primary) !important;
	color: #fff !important;
	font-family: var(--mrs-font-heading);
	font-weight: 600;
	border-radius: var(--mrs-radius);
	transition: background-color 0.2s ease;
}

.wc-block-components-checkout-place-order-button:hover {
	background-color: var(--mrs-primary-hover) !important;
	border-color: var(--mrs-primary-hover) !important;
}

.wc-block-components-totals-coupon,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block {
	display: none !important;
}

/* Schovat dopravu v pokladně:
   - shipping methods picker (sekce "Doprava")
   - pickup options
   - shipping row v sumáru objednávky
   NEPATŘÍ sem shipping ADRESA — tu necháváme, je potřeba pro doručení. */
.wp-block-woocommerce-checkout-shipping-methods-block,
.wp-block-woocommerce-checkout-pickup-options-block,
.wp-block-woocommerce-checkout-order-summary-shipping-block,
.wc-block-checkout__shipping-method,
.wc-block-components-shipping-rates-control,
.wc-block-checkout__shipping-option {
	display: none !important;
}

/* ============================================================
   MÔJ ÚČET — woocommerce-account
   Zesílená specificita + !important — téma má vlastní silné styly.
   ============================================================ */
body .woocommerce .woocommerce-MyAccount-navigation,
body .woocommerce .woocommerce-MyAccount-content {
	font-family: var(--mrs-font-text) !important;
	color: var(--mrs-text) !important;
}

body .woocommerce .woocommerce-MyAccount-content h1,
body .woocommerce .woocommerce-MyAccount-content h2,
body .woocommerce .woocommerce-MyAccount-content h3,
body .woocommerce .woocommerce-MyAccount-content p strong {
	font-family: var(--mrs-font-heading) !important;
	color: var(--mrs-secondary) !important;
	font-weight: 600 !important;
}

/* Levé menu — kontejner */
body .woocommerce .woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--mrs-border) !important;
	border-radius: var(--mrs-radius) !important;
	overflow: hidden !important;
	background: #fff;
}

body .woocommerce .woocommerce-MyAccount-navigation ul li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid var(--mrs-border) !important;
	list-style: none !important;
}

body .woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: 0 !important;
}

body .woocommerce .woocommerce-MyAccount-navigation ul li a {
	display: block !important;
	padding: 0.75rem 1rem !important;
	color: var(--mrs-secondary) !important;
	font-family: var(--mrs-font-text) !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease, color 0.2s ease;
	line-height: 1.4 !important;
}

/* WC občas vkládá <br> dovnitř <a> — schováme, ať to nedělá divné mezery */
body .woocommerce .woocommerce-MyAccount-navigation ul li a br {
	display: none !important;
}

body .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
body .woocommerce .woocommerce-MyAccount-navigation ul li a:hover,
body .woocommerce .woocommerce-MyAccount-navigation ul li a:focus {
	background-color: var(--mrs-primary) !important;
	color: #fff !important;
}

body .woocommerce .woocommerce-MyAccount-content a {
	color: var(--mrs-primary);
	text-decoration: underline;
}

body .woocommerce .woocommerce-MyAccount-content a:hover {
	color: var(--mrs-primary-hover);
}

body .woocommerce .woocommerce-orders-table,
body .woocommerce .woocommerce-table--my-account {
	border: 1px solid var(--mrs-border) !important;
	border-radius: var(--mrs-radius) !important;
	overflow: hidden;
	width: 100% !important;
}

body .woocommerce .woocommerce-orders-table th,
body .woocommerce .woocommerce-table--my-account th {
	font-family: var(--mrs-font-heading) !important;
	color: var(--mrs-secondary) !important;
	font-weight: 600 !important;
	background-color: #fafafa !important;
}

body .woocommerce .woocommerce-orders-table td,
body .woocommerce .woocommerce-table--my-account td {
	color: var(--mrs-text) !important;
}

/* Theme má `p, figure { margin-bottom: 20px }` — rozbíjí buňky tabulky.
   Vynulujeme to v rámci order/account tabulek. */
body .woocommerce .woocommerce-orders-table p,
body .woocommerce .woocommerce-orders-table figure,
body .woocommerce .woocommerce-table--my-account p,
body .woocommerce .woocommerce-table--my-account figure {
	margin: 0 !important;
	padding: 0 !important;
}

/* <br> tagy injektované theme/Elementorem do buněk a odkazů — schováme,
   aby neodskakovaly text. */
body .woocommerce .woocommerce-orders-table br,
body .woocommerce .woocommerce-table--my-account br {
	display: none !important;
}

body .woocommerce .woocommerce-MyAccount-content .button,
body .woocommerce .woocommerce-MyAccount-content button[type="submit"],
body .woocommerce-account .button {
	background-color: var(--mrs-primary) !important;
	border-color: var(--mrs-primary) !important;
	color: #fff !important;
	font-family: var(--mrs-font-heading) !important;
	font-weight: 600 !important;
	border-radius: var(--mrs-radius) !important;
	padding: 0.6rem 1.2rem !important;
	transition: background-color 0.2s ease;
	text-decoration: none !important;
}

body .woocommerce .woocommerce-MyAccount-content .button:hover,
body .woocommerce .woocommerce-MyAccount-content button[type="submit"]:hover,
body .woocommerce-account .button:hover {
	background-color: var(--mrs-primary-hover) !important;
	border-color: var(--mrs-primary-hover) !important;
	color: #fff !important;
}

/* ============================================================
   PRODUKTOVÁ STRÁNKA
   ============================================================ */
.single-product .quantity {
	display: inline-flex;
	align-items: center;
	margin-right: 0.75rem;
}

.single-product .quantity input.qty {
	width: 64px;
	height: 44px;
	text-align: center;
	padding: 0.4rem;
	font-family: var(--mrs-font-text);
	font-size: 1rem;
	border: 1px solid var(--mrs-border);
	border-radius: var(--mrs-radius);
}

/* Page Builder Framework theme — fix mezery u + tlačítka quantity */
.wpbf-qty-control.wpbf-qty-increase {
	margin-left: 0 !important;
}

/* +/- ikony (pseudo-elementy) — bílé pozadí, ať jsou viditelné na barevném tlačítku */
.woocommerce .wpbf-quantity .wpbf-qty-decrease:before,
.woocommerce .wpbf-quantity .wpbf-qty-increase:before,
.woocommerce .wpbf-quantity .wpbf-qty-increase::after {
	background: white !important;
}

.single-product .single_add_to_cart_button,
.single-product button.alt {
	background-color: var(--mrs-primary) !important;
	border-color: var(--mrs-primary) !important;
	color: #fff !important;
	font-family: var(--mrs-font-heading);
	font-weight: 600;
	border-radius: var(--mrs-radius);
	transition: background-color 0.2s ease;
}

.single-product .single_add_to_cart_button:hover,
.single-product button.alt:hover {
	background-color: var(--mrs-primary-hover) !important;
	border-color: var(--mrs-primary-hover) !important;
}

/* Duplicitní nadpis "Ďalšie informácie" — pojistka */
.woocommerce-Tabs-panel--additional_information > h2:first-child,
.woocommerce-product-attributes-heading {
	display: none !important;
}

/* ============================================================
   RESPONSIVE (mobil)
   ============================================================ */
@media ( max-width: 768px ) {

	.wp-block-woocommerce-cart,
	.wc-block-cart,
	.wp-block-woocommerce-checkout,
	.wc-block-checkout {
		padding: 1rem 0.75rem;
	}

	body .woocommerce .woocommerce-MyAccount-navigation ul {
		display: flex;
		flex-wrap: wrap;
	}

	body .woocommerce .woocommerce-MyAccount-navigation ul li {
		flex: 1 1 50%;
		border-bottom: 1px solid var(--mrs-border);
	}

	.single-product .quantity {
		margin-right: 0.5rem;
	}
}