/*
Theme Name:     BeeRoyal Theme
Theme URI:      https://beeroyal.com/
Description:    Custom Theme For BeeRoyal
Author:         Bosko Boskovic
Author URI:     https://parallelworldinc.com/
Template:       twentytwenty
Version:        0.1.0
*/

.woocommerce-Tabs-panel h2 {
    display: none;
}

.tabs.wc-tabs {
    display: none;
}

.woocommerce-Price-amount.amount {
    font-size: 20px;
    font-weight: bold;
}

.variations {
    margin-bottom: 20px;
}

.variations th {
    display: block;
}

.variations td {
    display: block;
}

.product_meta {
    display: none;
}

.quantity input {
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.single-product .woocommerce-variation-add-to-cart .button {
    padding: 0;
    display: inline-block;
    font-family: inherit;
    border-radius: 0.42rem 0.42rem 0.42rem 0.42rem;
    font-weight: 600;
    letter-spacing: .5px;
    text-decoration: none;
    outline: none;
    padding: 8px 18px;
    position: relative;
    text-transform: uppercase;
    background-color: #dcb06b;
    border-color: #dcb06b;
    border-width: 1px;
    border-style: solid;
    color: #000 !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 6px;
    outline: none;
    line-height: 24px;
    cursor: pointer;
    font-size: 14px;
}

.single-product .woocommerce-variation-add-to-cart .button:hover {
    background-color: #a07f1b;
}

.color-accent,
:root .has-accent-color,
.has-drop-cap:not(:focus):first-letter,
.wp-block-button.is-style-outline,
a {
    color: #dcb06b !important;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button {
    background: #dcb06b;
    color: #000;
    font-weight: bold;
    border-radius: 8px;
    text-transform: uppercase;
    border: none;
    font-size: 18px;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover {
    background-color: #a07f1b;
}

.latest-products .product .product-price {
    width: 100%;
    margin: 0;
    text-align: left;
    font-size: 16px;
}

.latest-products .product .product-price ins {
    font-size: 16px !important;
}

.latest-products .product .product-price .woocommerce-Price-amount.amount {
    font-size: 16px !important;
}

.latest-products .product .product-title {
    width: 100%;
}

.latest-products .product .product-title a {
    color: #3c4043 !important;
}

.latest-products .product .product-title a:hover {
    color: #dcb06b !important;
}

#section-products .latest-products {
	display: flex;
	justify-items: center;
}

#section-products .product {
    margin: auto;
    max-width: 33.3333333333%;
}


.wc-block-cart__submit-container .wc-block-components-button__text {
    font-size: 0;
}

.wc-block-cart__submit-container .wc-block-components-button__text:after {
    content: 'Nastavite na naplatu';
    font-size: 20px;
}

.wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text {
    font-size: 0;
}

.wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text:after {
    content: "Naručite";
    font-size: 20px;
}

.wc-block-components-checkout-return-to-cart-button {
    font-size: 0;
}

.wc-block-components-checkout-return-to-cart-button::after {
    content: "Povratak u korpu";
    font-size: 16px;
}

.woocommerce-products-header__title.page-title {
	font-size: 4rem;
	margin-bottom: 40px;
}

.woocommerce-order-received table {
	width: 100%;
}

.woocommerce-order-details .shipped_via, .wc-block-components-totals-shipping__via {
	display: none!important;
}



@media screen and (max-width: 801px) {
	.stamp {
		bottom: -40%;
	}
	
	#section-products .product {
		width: 100%;
		max-width: 100%;
	}
	
	#topbar.dark {
		display: block!important;
	}
	
	#topbar.dark .d-none {
		display: block!important;
	}
	#topbar.dark .d-none .social-icons {
		float: left;
	}
	#header .header-inner, #header #header-wrap {
		height: auto;
		min-height: 120px;
	}
	#header #logo>a img {
		max-height: 100px;
	}
	
	#section-products .latest-products {
		flex-direction: column;
	}
	
	#section-products .latest-products .product {
		margin-bottom: 20px;
	}
	
	#section-products .latest-products .product:last-child {
		margin-bottom: 0;
	}
	
	.woocommerce-error li, .woocommerce-info, .woocommerce-message {
	    flex-direction: column;
	}
	
	.woocommerce-error li .button, .woocommerce-info .button, .woocommerce-message .button {
	    margin-top: 10px;
	}
}