/**
Theme Name: Capo Tavola Theme
Author: Pakom d.o.o.
Author URI: https://pakom.hr
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: capo-tavola-theme
Template: astra
*/

.site-content, .ast-above-header-wrap {
	background-color: #f5ede6;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

/*off canvas mobile menu*/
.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-2 {
	padding: 0 20px;
}
.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-2 li {
	border-bottom: none;
	font-weight: normal;	
    text-transform: capitalize;
	font-size: 15px;
}
}
#menu-item-3962:before, #menu-item-3964:after {
	content: ''; /* Potrebno je da postoji sadržaj, makar prazan */
    display: block; /* Block element kako bi se border prikazao */
    width: 80%; /* Širina elementa */
    height: 1px; /* Visina (ili debljina border-a) */
    background-color: #E5D7D1; /* Boja border-a (ili koristi border svojstvo ako želiš stil) */
    margin: 10px auto 10px 20px; /* Razmak ispod border-a */
}

.uagb-buttons-repeater.wp-block-button__link {
	transition: all .2s linear;
}

/* CART DRAWER */
.astra-cart-drawer.active {
	padding-top: 0 !important;
}

.astra-cart-drawer .astra-cart-drawer-content .widget_shopping_cart_content {
	height: auto;
}

/*KOŠARICA*/
.product-subtotal .tax_label, .cart-subtotal .tax_label, .order-total .includes_tax {
	display: none !important;
}
.order-total th {
	font-weight: bold !important;
}
label[for="shipping_method_0_capo_tavola_shipping13"] span {
	font-weight: 500 !important;
}

/*NAPLATA*/
.product-total .tax_label {
	display: none !important;
}
label[for="shipping_method_0_capo_tavola_shipping13"] .tax_label {
	display: none !important;
}
.includes_tax, .tax_label, .shipped_via {
	display: none !important;
}

/* shop */
.site-content {
	background-color: #F5EDE6;
}
h1.woocommerce-products-header__title.page-title {
	display: none;
}


.term-description p {
	display: none;
}

.woocommerce-js ul.products li.product.product-category a {
	display: flex;
    align-items: flex-end;
}
.woocommerce-js ul.products li.product a img {
	object-fit: contain;
	height: 300px; 
	background-color: white;
}

.woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Ograničava na 4 linije */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 5em; /* Prilagodite ovo ovisno o vašoj veličini fonta */
}

.woocommerce-js ul.products li.product .ast-shop-product-out-of-stock, .woocommerce-page ul.products li.product .ast-shop-product-out-of-stock {
	display: none;
}

.woocommerce span.onsale {
    color: white; /* Boja teksta */
	font-weight: bold;
}

.product-stock-status {
    font-size: 14px;
	font-weight: bold;
    margin: 5px 0;
	text-transform: uppercase;
}

.stock-status.in-stock {
    color: green;
}

.stock-status.out-of-stock {
    color: red;
}


/* PRODUCT PAGE */
.natrag-gumb-div {
	display: flex;
	justify-content: flex-end;
	padding-bottom: 30px;
}
.natrag-gumb {
	margin-top: -20px !important;
	margin-right: -20px !important;
}

.single-product .price {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pdv-text {
	font-size: 0.4em;
	text-transform: uppercase;
	color: #353535;
}
span.ast-stock-avail {
	display: none !important;
}

span.actual_price, span.woocommerce-Price-amount.amount bdi {
	font-size: 1.4rem;
}
span.lowest_price {
	font-size: 0.8rem !important;
	opacity: .6;
	font-weight: normal;
}
span.lowest_amount span.woocommerce-Price-amount.amount bdi {
	font-size: 0.8rem !important;
	opacity: 1;
	font-weight: bold;
}

/* DOSTUPNOST PROIZVODA POP-UP */
.cwginstock-subscribe-form .panel-primary {
	border-color: #F15808 !important;
}
.cwginstock-subscribe-form .panel-primary>.panel-heading {
	background-color: #F15808 !important;
	border-color: #F15808 !important;
}

/* Za 3 kolone u povezanim proizvodima */
.related.products ul {
  grid-template-columns: repeat(3, 1fr) !important;  /* Postavi 3 kolone */
}
/* Postavljanje 2 kolone za mobilne uređaje (max širina 768px) */
@media (max-width: 768px) {
  .related.products ul {
    grid-template-columns: repeat(2, 1fr) !important;  /* 2 kolone */
  }
}

/* MY ACCOUNT */

/*navigation*/
.my-account-navigation-custom {
	float: left;
	width: 25%;
}
.account-greeting strong {
	font-size: 1.2rem;
}
/* Stil za linkove - promjena boje, fonta, podcrtavanje itd. */
.custom-my-account-navigation ul {
	margin-left: 20px;
}
.custom-my-account-navigation li a {
    text-decoration: none;
    display: block;
    transition: all 0.3s ease;
	font-weight: bold;
}

/* Hover efekt za linkove */
.custom-my-account-navigation li a:hover {
    text-decoration: underline;
}

/* Stil za trenutnu stavku (ako je korisnik na toj stranici) */
.custom-my-account-navigation li a.active {
    font-weight: bold;
    color: #000;
}

/*dashboard*/
.woocommerce-MyAccount-content {
	width: 75% !important;
}
.account-dashboard-container {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 50px;
}

.account-dashboard-left,
.account-dashboard-right {
	padding-top: 40px;
}

.account-dashboard-left {
	border-right: 1px solid #F5EDE6;	
	border-left: 1px solid #F5EDE6;
	padding-left: 40px;
}

.account-dashboard-left ul {
	margin-left: 20px;
	font-size: 14px;
}

.account-dashboard-left ul li {
    margin: 10px 0;
}

.account-dashboard-right p, 
.account-dashboard-left p  {
    font-size: 16px;
	font-weight: bold;
}

.account-dashboard-right a {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #0071a1;
    color: white;
    border-radius: 5px;
    text-decoration: none;
}

.account-dashboard-right a:hover {
    background-color: #005880;
}

table.zadnja-narudzba {
    width: 80%;
    margin-top: 20px;
	margin-left: 40px;
    border-collapse: collapse;
	border: none;
}

.zadnja-narudzba th, td {
    text-align: left; /* Sav tekst ulijevo */
    font-size: 14px; /* Smanjuje veličinu fonta */
    padding: 8px; /* Dodaje malo prostora unutar ćelija */
	border: none;
}

.zadnja-narudzba th {
    font-weight: bold; /* Bold za zaglavlje */
    background-color: #f2f2f2; /* Svijetlo siva pozadina za red zaglavlja */
}

.zadnja-narudzba td {
    font-weight: normal; /* Regularni tekst za ćelije */
    background-color: transparent; /* Bez pozadine za ćelije */
}

.order-products {
    list-style: none; /* Uklanja točkice sa liste */
    margin: 0;
	margin-left: 40px;
	 width: 80%;
    padding: 0;
    border-bottom: 1px solid #ddd; /* Donja linija između proizvoda */
}

.order-product {
    display: flex; /* Koristi flexbox za raspored */
    align-items: center; /* Poravnava stavke vertikalno */
    padding: 10px 0;
}

.product-image img {
    max-width: 80px; /* Ograničava veličinu slike */
    height: auto;
    margin-right: 15px; /* Razmak između slike i detalja */
}

.product-details {
    width: 50%;
}

.product-name {
    font-size: 0.9rem;
    display: block;
}

.product-sku {
    font-size: 0.7rem;
    color: #666; /* Manja veličina i svjetlija boja za SKU */
}

.product-price {
    font-size: 0.9rem;
    font-weight: bold;
    margin-left: 40px; /* Razmak između cijene i ostalih elemenata */
	 margin-right: 10px;
}
.product-reorder {
	margin-left: auto;
}
.product-reorder .reorder-button {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
	
}

.product-reorder .reorder-button:hover {
   text-decoration: underline;
}

/* Sažetak narudžbe */
.order-summary {
    text-align: center;
    margin-top: 20px;
	margin-bottom: 20px;
    padding: 10px;
	font-size: 0.8rem;
}

.order-summary p {
   padding: 0;
	margin: 0;
}

.account-dashboard-right p.account-podaci {
    font-weight: normal;
	font-size: 0.8rem;
}

/* ADRESE */
/* Stil za naslov i ikonu zajedno */
.woocommerce-Address-title {
    display: flex;
    align-items: center; /* Poravnava ikonu i tekst vertikalno */
	justify-content: space-between;
}

.woocommerce-Address-title img {
	font-size: 30px;
}

/* Stil za "Edit" link */
.woocommerce-Address-title a.edit {
    font-size: 1rem; /* Manja veličina fonta za link */
    text-decoration: none; /* Uklanja podcrtavanje linka */
}

/* Sve narudžbe */
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount.amount {
	font-weight: bold;
}

/* Complianz cookie banner – mobile fix 
@media (max-width: 768px) {
	.cmplz-cookiebanner.banner-1.banner-a.optin.cmplz-bottom-right.cmplz-categories-type-view-preferences.cmplz-show {
		width: 45%;
	}
}
*/