/*
Theme Name: Beaufly Child
Theme URI: http://www.wpbingosite.com/beaufly
Author: wpbingo
Description: This is a child theme for Beaufly
Version: 1.0.0
Author URI: http://wpbingosite.com
Template: beaufly
Text Domain: beaufly-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

:root {
    --theme-color: #ba2e2e; /* Default theme color */
    --gray-dark: #50B6C4;
}


@media (max-width: 767px) {
    .product-button-link .button_mailto_grid {
        font-size: 12px !important; /* Smanjena veličina fonta */
    }
}

/* Dodatna poboljšanja za bolji izgled */
.product .quickview, .product-quickview {
    display: none !important;
}

.woocommerce-Price-amount {
    display: none !important;
}

.price, .woocommerce-product-rating, .rating {
    display: none !important;
}

.button_mailto, .button_mailto_grid {
    background: var(--theme-color);
    color: #fff !important;
    font-size: calc(var(--font-size-body, 14px) + 1px);
    padding: 0 50px;
    line-height: 50px;
    cursor: pointer;
    border: 0;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    margin-top: 20px;
}

.button_mailto:hover, .button_mailto_grid:hover {
    background: var(--gray-dark);
    color: #fff;
}

/* Omot za proizvode - osigurava relativno pozicioniranje */
.products-entry {
    position: relative;
    overflow: hidden; /* Sprječava prelijevanje sadržaja */
}

/* Wrapper za gumb */
.product-button-wrapper {
    position: absolute;
    bottom: 10px; /* Dodaje razmak od dna kartice */
    left: 50%; /* Centriranje elementa */
    transform: translateX(-50%); /* Centriranje elementa */
    width: 100%; /* Puna širina */
    text-align: center;
    padding: 10px 0;
    z-index: 1; /* Osigurava da je gumb iznad ostalih elemenata */
}

/* Unutrašnji omot za gumb */
.product-button-inner {
    display: flex; /* Flexbox za centriranje */
    justify-content: center; /* Centriranje elementa */
    color: #fff !important; /* Bijeli tekst */
    font-size: calc(var(--font-size-body, 14px) + 1px);
    line-height: 50px;
    border: 0;
    text-align: center;
}

/* Link za gumb */
.product-button-link .button_mailto_grid {
    background: var(--theme-color); /* Zelena boja */
    color: #fff !important; /* Bijeli tekst */
    font-size: inherit;
    padding: 0 50px;
    cursor: pointer;
    border: none;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    transition: all .3s ease;
}

/* Hover efekt za gumb - osigurava vidljivost */
.product-button-link .button_mailto_grid:hover {
    background: var(--gray-dark); /* Crvena boja kad je hover */
    color: #fff !important; /* Bijeli tekst */
}

/* Osigurava da gumb ostane vidljiv na hover */
.products-entry:hover .product-button-wrapper {
    opacity: 1;
    visibility: visible;
}

.products-thumb .countdown {
    display: none !important;
}

/* Omot za gumbe - poravnanje */
.product-buttons {
    display: flex;
    align-items: center;
}

/* Opći stil za gumbe */
.product-buttons .button_mailto_list {
    background: var(--theme-color); /* Boja gumba */
    color: #fff !important; /* Bijeli tekst */
    font-size: calc(var(--font-size-body, 14px) + 1px);
    padding: 0 30px; /* Jednaki padding za oba gumba */
    height: 42px; /* Visina gumba */
    line-height: 42px; /* Visina linije */
    cursor: pointer;
    border: none;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    display: flex; /* Koristite flexbox */
    align-items: center; /* Vertikalno centriranje */
    justify-content: center; /* Horizontalno centriranje */
    transition: all .3s ease;
    margin-right: 10px; /* Razmak između gumba */
    text-transform: uppercase; /* Tekst velikim slovima */
}

/* Hover efekt za gumbe */
.product-buttons .button_mailto_list:hover {
    background: var(--gray-dark); /* Boja gumba na hover */
    color: #fff !important; /* Bijeli tekst */
}

.zanima-me-btn {
    display: inline-block;
    padding: 9px 20px;
    font-size: 16px;
    color: #fff !important;
    background: var(--theme-color);
    border: none;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease;
    margin-left: 10px;
}

.zanima-me-btn:hover {
    background: var(--gray-dark);
    color: #fff !important;
}

.woocommerce-product-meta-table {
    width: border-collapse: collapse;
    margin-top: 20px;
}

.woocommerce-product-meta-table th,
.woocommerce-product-meta-table td {
    border: 1px solid #ddd;
    padding: 8px;
}

.woocommerce-product-meta-table tr:nth-child(odd) {
    background-color: #fff; /* Bijela boja za neparne redove */
}

.woocommerce-product-meta-table tr:nth-child(even) {
    background-color: #e5eced; /* Svetlija nijansa tvoje primarne boje za parne redove */
}

.cky-btn-revisit img {
    background-color: var(--theme-color);
}

.bwp-woocommerce-filter-product .filter_category_product .item-category.active > a, .bwp-woocommerce-filter-product .filter_category_product .item-category a {
    color: var(--gray-dark);
}

.bwp_ajax_filte .filter_category_product .item-category a {
    color: var(--gray-dark) !important;

}

.bwp-woocommerce-filter-product .filter_category_product .item-category a {
    color: var(--gray-dark) !important;

}

.bwp-woocommerce-filter-product .filter_category_product .item-category.active > a, .bwp-woocommerce-filter-product .filter_category_product .item-category a:hover {
    color: var(--theme-color);
}

.bwp_ajax_filte .filter_category_product .item-category a:hover {
    color: var(--theme-color) !important;

}

.bwp-woocommerce-filter-product .filter_category_product .item-category a:hover {
    color: var(--theme-color) !important;

}

.login-header{
    display:none !important;
}