/*
Theme Name: Pwe Child
Theme URI: https://stelinabg.com
Description: Дъщерна тема на Pwe за stelinabg.com. Тук живеят всички наши промени, за да не се губят при пипане по родителската тема. Родителската тема Pwe 1.0 се поддържа много слабо от автора (единствена версия от 11.08.2023), затова държим нашето отделно.
Author: Сватбена агенция Стелина
Template: pwe
Version: 1.0.0
Text Domain: pwe-child
*/

/* ==========================================================================
   Тази таблица се зарежда ПОСЛЕДНА, след style.css и assets/css/style.css на
   родителската тема. Всичко тук е с най-висок приоритет.
   Добавяйте нови промени по оформлението само тук.
   ========================================================================== */

/* --------------------------------------------------------------------------
   WooCommerce бутони във фирмения стил.
   Пренесено от родителския style.css (редове 411-413 и 440-442), за да може
   родителският файл да се върне към оригинала си.
   -------------------------------------------------------------------------- */

.woocommerce div.product form.cart .button {
	font-family: 'Arsenal', sans-serif;
	background: #9edbab;
	border: 1px solid #9edbab;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	font-family: 'Arsenal', sans-serif;
	background: #8d9683;
	border: 1px solid #8d9683;
}

/* --------------------------------------------------------------------------
   Bootstrap на темата дефинира .col-1 и .col-2 като 1/12 и 2/12 от реда.
   WooCommerce ползва същите имена за двете колони с адреси, затова те
   се смачкват. Връщаме им нормалната ширина само вътре в .col2-set.
   -------------------------------------------------------------------------- */

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	flex: 0 0 48%;
	max-width: 48%;
	width: 48%;
	padding-right: 0;
	padding-left: 0;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
	float: left;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	float: right;
}

.woocommerce .col2-set:after,
.woocommerce-page .col2-set:after {
	content: '';
	display: block;
	clear: both;
}

.woocommerce .col2-set address,
.woocommerce-page .col2-set address {
	word-break: break-word;
	overflow-wrap: break-word;
}

@media (max-width: 768px) {

	.woocommerce .col2-set .col-1,
	.woocommerce-page .col2-set .col-1,
	.woocommerce .col2-set .col-2,
	.woocommerce-page .col2-set .col-2 {
		float: none;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
}

/* --------------------------------------------------------------------------
   Полето за промо код и бутонът към него на един ред.
   -------------------------------------------------------------------------- */

.woocommerce table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
	display: flex;
	align-items: center;
	gap: 10px;
	width: auto;
	max-width: none;
	float: left;
}

.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
	float: none;
	width: 240px;
	height: 44px;
	margin: 0;
	line-height: normal;
}

.woocommerce table.cart td.actions .button,
.woocommerce-page table.cart td.actions .button,
.woocommerce table.cart td.actions input.button,
.woocommerce-page table.cart td.actions input.button {
	display: inline-block;
	height: 44px;
	min-height: 44px;
	padding: 0 28px;
	line-height: 44px;
	white-space: nowrap;
	vertical-align: middle;
	box-sizing: border-box;
}

@media (max-width: 768px) {

	.woocommerce table.cart td.actions .coupon,
	.woocommerce-page table.cart td.actions .coupon {
		flex-wrap: wrap;
		width: 100%;
		float: none;
	}

	.woocommerce table.cart td.actions .coupon .input-text,
	.woocommerce-page table.cart td.actions .coupon .input-text,
	.woocommerce table.cart td.actions .coupon .button,
	.woocommerce-page table.cart td.actions .coupon .button {
		width: 100% !important;
		margin: 0 !important;
	}

	/* На тесен екран дългите надписи на бутоните не бива да разпъват
	   таблицата извън екрана — затова им позволяваме да се пренасят. */

	.woocommerce table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .button,
	.woocommerce form.woocommerce-cart-form table.shop_table td.actions button[name="update_cart"],
	.woocommerce-page form.woocommerce-cart-form table.shop_table td.actions button[name="update_cart"] {
		white-space: normal !important;
		height: auto !important;
		min-height: 44px !important;
		padding: 12px 14px !important;
		line-height: 1.35 !important;
	}

	.woocommerce table.shop_table_responsive,
	.woocommerce-page table.shop_table_responsive {
		max-width: 100%;
	}

	.woocommerce table.shop_table_responsive td,
	.woocommerce-page table.shop_table_responsive td,
	.woocommerce table.shop_table_responsive th,
	.woocommerce-page table.shop_table_responsive th {
		padding-left: 10px !important;
		padding-right: 10px !important;
		word-break: break-word;
	}
}

/* --------------------------------------------------------------------------
   Иконка на количката горе вдясно.
   -------------------------------------------------------------------------- */

.pwe-cart-button {
	position: fixed;
	top: 26px;
	right: 34px;
	z-index: 9999;
}

body.admin-bar .pwe-cart-button {
	top: 58px;
}

.pwe-cart-link {
	position: relative;
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	background: #9ea99b;
	color: #fff;
	font-size: 19px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	transition: background 0.25s ease;
}

.pwe-cart-link:hover,
.pwe-cart-link:focus {
	background: #8d9683;
	color: #fff;
}

.pwe-cart-count {
	position: absolute;
	top: -3px;
	right: -3px;
	min-width: 21px;
	height: 21px;
	padding: 0 5px;
	border-radius: 11px;
	background: #3a4932;
	color: #fff;
	font-size: 11px;
	line-height: 21px;
	font-family: 'Arsenal', sans-serif;
}

.pwe-cart-count.is-empty {
	display: none;
}

/* На телефон иконката застава горе вдясно, на една линия с
   черното копче на менюто, което темата държи горе вляво. */

@media (max-width: 768px) {

	.pwe-cart-button {
		top: 18px;
		right: 30px;
		bottom: auto;
	}

	body.admin-bar .pwe-cart-button {
		top: 50px;
	}

	.pwe-cart-link {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
}

/* --------------------------------------------------------------------------
   Един продукт на ред на телефон.
   -------------------------------------------------------------------------- */

@media (max-width: 600px) {

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce ul.products[class*="columns-"] li.product,
	.woocommerce-page ul.products[class*="columns-"] li.product {
		width: 100% !important;
		float: none !important;
		margin-right: 0 !important;
	}
}

/* --------------------------------------------------------------------------
   Скрива връзката „Преглед на количката“ след добавяне — иконката
   горе вдясно върши същата работа.
   -------------------------------------------------------------------------- */

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
	display: none !important;
}

/* Темата налага свой отстъп на бутона за обновяване с !important,
   затова се налага да го надпишем по същия начин. */

.woocommerce form.woocommerce-cart-form table.shop_table td.actions button[name="update_cart"],
.woocommerce-page form.woocommerce-cart-form table.shop_table td.actions button[name="update_cart"] {
	height: 44px !important;
	min-height: 44px !important;
	padding: 0 28px !important;
	line-height: 44px !important;
}

/* --------------------------------------------------------------------------
   На телефон бутонът за приключване заема целия ред, а редът с
   валутния курс се центрира под него.
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {

	.woocommerce .wc-proceed-to-checkout,
	.woocommerce-page .wc-proceed-to-checkout {
		text-align: center;
	}

	.woocommerce .wc-proceed-to-checkout a.checkout-button,
	.woocommerce-page .wc-proceed-to-checkout a.checkout-button {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
		white-space: normal !important;
		text-align: center !important;
	}

	.woocommerce .wc-proceed-to-checkout .rate_cart_page,
	.woocommerce-page .wc-proceed-to-checkout .rate_cart_page {
		display: block;
		width: 100%;
		text-align: center !important;
	}
}

/* --------------------------------------------------------------------------
   Формата за изчисляване на доставка. WooCommerce подрежда етикета и
   полето в един ред, заради което падащите менюта се смачкват. Слагаме
   етикета отгоре, а полето на цялата ширина.
   -------------------------------------------------------------------------- */

.woocommerce .shipping-calculator-form .form-row,
.woocommerce-page .shipping-calculator-form .form-row {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 14px;
}

.woocommerce .shipping-calculator-form .form-row label,
.woocommerce-page .shipping-calculator-form .form-row label {
	display: block;
	margin: 0 0 6px;
	text-align: left;
}

/* Полето за област е обвито в допълнителен span, който се свива
   по съдържание — разпъваме и него. */

.woocommerce .shipping-calculator-form .form-row > span,
.woocommerce-page .shipping-calculator-form .form-row > span {
	display: block;
	width: 100%;
}

.woocommerce .shipping-calculator-form select:not(.select2-hidden-accessible),
.woocommerce-page .shipping-calculator-form select:not(.select2-hidden-accessible),
.woocommerce .shipping-calculator-form input.input-text,
.woocommerce-page .shipping-calculator-form input.input-text,
.woocommerce .shipping-calculator-form .select2-container,
.woocommerce-page .shipping-calculator-form .select2-container {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box;
}

.woocommerce .shipping-calculator-form select:not(.select2-hidden-accessible),
.woocommerce-page .shipping-calculator-form select:not(.select2-hidden-accessible),
.woocommerce .shipping-calculator-form input.input-text,
.woocommerce-page .shipping-calculator-form input.input-text {
	height: 44px;
}

.woocommerce .shipping-calculator-form .select2-container .select2-selection--single,
.woocommerce-page .shipping-calculator-form .select2-container .select2-selection--single {
	height: 44px;
}

.woocommerce .shipping-calculator-form .select2-container .select2-selection__rendered,
.woocommerce-page .shipping-calculator-form .select2-container .select2-selection__rendered {
	line-height: 42px;
	padding-left: 12px;
	text-align: left;
}

.woocommerce .shipping-calculator-form .select2-container .select2-selection__arrow,
.woocommerce-page .shipping-calculator-form .select2-container .select2-selection__arrow {
	height: 42px;
}

.woocommerce .shipping-calculator-form button.button,
.woocommerce-page .shipping-calculator-form button.button {
	display: block !important;
	width: 100% !important;
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
}

/* Самата видима рамка на select2 стои във вътрешен span, който също
   се свива по съдържание. */

.woocommerce .shipping-calculator-form .select2-container .selection,
.woocommerce-page .shipping-calculator-form .select2-container .selection {
	display: block;
	width: 100%;
}

.woocommerce .shipping-calculator-form .select2-container .select2-selection,
.woocommerce-page .shipping-calculator-form .select2-container .select2-selection {
	display: block;
	width: 100%;
	height: 44px;
	box-sizing: border-box;
}

.woocommerce .shipping-calculator-form .select2-container .select2-selection__rendered,
.woocommerce-page .shipping-calculator-form .select2-container .select2-selection__rendered {
	height: 42px;
	line-height: 42px;
	padding: 0 32px 0 12px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.woocommerce .shipping-calculator-form .select2-container .select2-selection__arrow,
.woocommerce-page .shipping-calculator-form .select2-container .select2-selection__arrow {
	right: 8px;
	height: 42px;
}