/*
Theme Name: Vonzot Child
Theme URI: https://preview.wolfthemes.store/vonzot/landing/
Description: Vonzot Child theme
Author: WolfThemes
Author URI: https://wolfthemes.com
Template: vonzot
Version: 1.9.101
*/

/* -------- Загальні стилі --------- */
h1 { font-size:28px !important; color:#000;}
.wvc-column-bg-default h1 { font-size:4em !important;line-height: 1em !important;}
.link:hover, p:not(.attachment) > a:not(.no-link-style):not(.button):not(.button-download):not(.added_to_cart):not(.button-secondary):not(.menu-link):not(.filter-link):not(.entry-link):not(.more-link):not(.wvc-image-inner):not(.wolf-core-image-inner):not(.wvc-button):not(.wolf-core-button):not(.wvc-bigtext-link):not(.wvc-fittext-link):not(.wolf-core-bigtext-link):not(.wolf-core-fittext-link):not(.ui-tabs-anchor):not(.wvc-icon-title-link):not(.wvc-icon-link):not(.wolf-core-social-icon-link):not(.wolf-core-icon-title-link):not(.wolf-core-icon-link):not(.wolf-core-social-icon-link):not(.wvc-team-member-social):not(.wolf-core-team-member-social):not(.wolf-tweet-link):not(.author-link):hover {
  color: #3bc4d4;
}
.page-entry-content td a:hover, p:not(.attachment) > a:not(.no-link-style):not(.button):not(.button-download):not(.added_to_cart):not(.button-secondary):not(.menu-link):not(.filter-link):not(.entry-link):not(.more-link):not(.wvc-image-inner):not(.wvc-button):not(.wvc-bigtext-link):not(.wvc-fittext-link):not(.ui-tabs-anchor):not(.wvc-icon-title-link):not(.wvc-icon-link):not(.wvc-social-icon-link):not(.wvc-team-member-social):not(.wolf-tweet-link):not(.author-link):hover {
  opacity: 1; /*.66;*/
}
.wvc-font-light p:not(.attachment) > a:not(.no-link-style):not(.button):not(.button-download):not(.added_to_cart):not(.button-secondary):not(.menu-link):not(.filter-link):not(.entry-link):not(.more-link):not(.wvc-image-inner):not(.wvc-button):not(.wvc-bigtext-link):not(.wvc-fittext-link):not(.ui-tabs-anchor):not(.wvc-icon-title-link):not(.wvc-icon-link):not(.wvc-social-icon-link):not(.wvc-team-member-social):not(.wolf-tweet-link):not(.author-link)::after { background: #3bc4d4; }
.lang-item .menu-item-text-container::after {background: rgba(0,0,0,.15) !important;}

/* Коррекція плеєрів */
.single-product .product-content .wp-audio-shortcode {height:42px !important;}

/* -------- Коррекція Магазину, корзини та чекаут --------- */
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
  background-color: #f9f9f9;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
}
.woocommerce #payment div.payment_box::after, .woocommerce-page #payment div.payment_box::after {
  border: 8px solid #f9f9f9;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}
.woocommerce-checkout-review-order-table thead {font-size:0.7em;}
.woocommerce-checkout-review-order-table thead th { padding: 3px 5px 8px; } 

body.single-product .entry-summary > p.price .woocommerce-Price-amount{	font-size:2.5em; } /*Розмір ціни в карточці товару*/

body .qb-play{top:15px;right:15px} /*кнопка плей в списку*/
body .qb-play-personal{top:22px !important;right:22px !important;} /*кнопка теми плей в списку*/

.audio-shortcode-container .mejs-inner, .video-shortcode-container .mejs-inner {
  height: 42px !important;
}
.button {height:inherit;min-height:50px;}

/* Чекаут у дві колонки: зліва дані, справа підсумок + кнопка */
form.checkout{
	display:grid;
	grid-template-columns:60% 40%;
	grid-template-rows:auto 1fr;
	grid-template-areas:"details rev-h" "details rev";
	gap:0 40px;
	align-items:start;
}
#customer_details{grid-area:details;min-width:0}
#order_review_heading{grid-area:rev-h;margin-top:0}
#order_review{grid-area:rev;align-self:start;position:sticky;top:20px}

#customer_details .col2-set{display:block}
#customer_details .col-1,
#customer_details .col-2{float:none;width:100%!important;max-width:100%!important}

@media(max-width:900px){
	form.checkout{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"details" "rev-h" "rev"}
	#order_review{position:static}
}
@container (max-width: 900px){
	form.checkout{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"details" "rev-h" "rev"}
	#order_review{position:static}
}

/* коригуємо корзину у 2 колонки */
body.woocommerce-cart .woocommerce{
	display:grid;
	grid-template-columns:60% 40%;
	gap:0 40px;
	align-items:start;
}
body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper{grid-column:1/-1}
body.woocommerce-cart .woocommerce-cart-form{grid-column:1;min-width:0}
body.woocommerce-cart .cart-collaterals{
	grid-column:2;
	width:100%!important;
	float:none!important;
	min-width:0;
}
body.woocommerce-cart .cart-collaterals .cart_totals{width:100%!important;float:none!important}
@media(max-width:900px){
	body.woocommerce-cart .woocommerce{grid-template-columns:1fr}
	body.woocommerce-cart .woocommerce-cart-form,
	body.woocommerce-cart .cart-collaterals{grid-column:1}
}
#content table.cart td.actions, table.cart td.actions { text-align: left; }
table.cart thead th {font-size:0.8em !important;}

/* Додаткові коррекції теми для Чекаут та Корзини */	
.qb-demo-title { margin-bottom:0; }

table.shop_table tr.cart_item td.product-name {
	display: flex !important; 
	align-items: center;
}
form.woocommerce-cart-form tr.woocommerce-cart-form__cart-item td.product-name { 
  display:table-cell !important; 
}
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3 {
  font-size: 24px;
}
@media screen and (max-width: 770px) {
  table.shop_table tr.cart_item td.product-total {
    display: table-cell !important;
	padding-top: 35px;
	padding-left: 15px;  
    text-align: right;
}
}
table.cart td.actions button {
/*  padding: 14px 44px; */
  padding: 6px 22px;
  min-height: 39px;
  height: 39px;
  font-size: 11px;
  letter-spacing: .1em;
  border-width: 2px;
  border-style: solid;
  line-height: 1.5;
  text-transform: uppercase;
  background-color: transparent;
  color: #676767;
  border-color: #676767;
}
@media screen and (max-width: 770px) {
  table.cart .woocommerce-cart-form__cart-item {display: grid;}
}
form.woocommerce-cart-form .actions {border-bottom: none;}