/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

#brx-content.wordpress {
    padding: 40px 15px;
}
figure.wp-block-table td {
	padding: 8px;
	border: 1px solid #dddedf;
}
figure.wp-block-table table {
	border-collapse: collapse;
} 


.latest-blog .image.css-filter {
    border-radius: 10px;
	height: 180px;
	background-repeat: no-repeat;
}
.ajax-search {
	border-radius: 63px;
}
.ajax-search .aws-search-field {
	background: #F0F0F0;
	border-radius: 0 30px 30px 0 !important;
	color: #000;
	border: none !important;
}

.ajax-search .aws-search-btn {
	background: #F0F0F0;
	border-radius: 30px 0 0 30px !important;
	border: none !important;
}
.shop-button i {
	margin-left: 10px;
}
.shop-button:after {
	content: "";
	background-image: url(/wp-content/uploads/2025/11/chevron-double-right.svg);
	display: inline-block;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	width: 20px;
    height: 20px;
}

.shop-products .add_to_cart_button {
	background-color: #fff !important;
    border-radius: 0;
    color: #000 !important;
    font-weight: 500;
    padding-right: 0 !important;
    padding-left: 0 !important;
	text-decoration: underline;
}

.shop-products .add_to_cart_button:after {
	content: "";
	background-image: url(/wp-content/uploads/2025/11/chevron-double-right.svg);
	display: inline-block;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	width: 20px;
    height: 20px;
}

/* -------------- SINGLE PRODUCT ---------------- */
.woocommerce-product-gallery__image.flex-active-slide, .image.css-filter {
	background-color: #EDEDED;
	border-radius: 6px;
}
.shop-products .product-type-variable img{
	background-color: #EDEDED;
	border-radius: 6px;
}
table.variations tr {
	display: flex;
	flex-wrap: wrap;
}

table.variations tr th.label {
	width: 100%;
}

ul.bricks-variation-swatches.bricks-swatch-color {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap 10px;
}

#brxe-plndfz .cart .quantity {
    border-radius: 20px;
	color: #000;
}
select#pa_size, select#pa_model-phone {
	border-radius: 20px;
	border: none;
	background: #F0F0F0;
	color: #000;
	padding: 0 15px;
	background-image: url("/wp-content/uploads/2025/09/arrow-down.svg");
	background-repeat: no-repeat;
	background-position: right 20px center; /* strelica 20px od ivice */
	background-size: 11px;
}

li.filter-item {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 15px;
}

/* brand switcher */
select#brandSwitcher{
	width: 50%;
    border-radius: 20px;
    border: none;
    background: #F0F0F0;
    color: #000;
    padding: 0 15px;
    background-image: url(/wp-content/uploads/2025/09/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 11px;
}



/* Samo za Color filter */
.custom-filter ul.checkboxes[aria-label="Color"] {
    display: flex;
    flex-wrap: wrap;
}

.custom-filter ul.checkboxes[aria-label="Color"] input[type="checkbox"] {
  display: none;
}

.custom-filter ul.checkboxes[aria-label="Color"] li label {
  font-size: 0; /* sakrije tekst */
  position: relative;
  cursor: pointer;
}

.custom-filter ul.checkboxes[aria-label="Color"] li label::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
  vertical-align: middle;
  margin: 4px;
  box-sizing: border-box;
}

/* Boje po ID-ju */

/* Black */
label[for*="b_pa_color_ayynzg_34"]::before,
label[for*="b_pa_color_dmfdqf_34"]::before {
  background: #000000;
}

/* Blue */
label[for*="b_pa_color_ayynzg_35"]::before,
label[for*="b_pa_color_dmfdqf_35"]::before {
  background: #063af5;
}

/* Green */
label[for*="b_pa_color_ayynzg_36"]::before,
label[for*="b_pa_color_dmfdqf_36"]::before {
  background: #00c12b;
}

/* Purple */
label[for*="b_pa_color_ayynzg_37"]::before,
label[for*="b_pa_color_dmfdqf_37"]::before {
  background: #800080;
}

/* Red */
label[for*="b_pa_color_ayynzg_33"]::before,
label[for*="b_pa_color_dmfdqf_33"]::before {
  background: #ff0000;
}

/* Rose */
label[for*="b_pa_color_ayynzg_38"]::before,
label[for*="b_pa_color_dmfdqf_38"]::before {
  background: #ff007f;
}

/* White */
label[for*="b_pa_color_ayynzg_40"]::before,
label[for*="b_pa_color_dmfdqf_40"]::before {
  background: #ffffff;
}

/* Yellow */
label[for*="b_pa_color_ayynzg_39"]::before,
label[for*="b_pa_color_dmfdqf_39"]::before {
  background: #ffff00;
}


/* Kad je čekirano */
.custom-filter ul.checkboxes[aria-label="Color"] input[type="checkbox"]:checked + label::before {
  border: 1px solid #999;
  box-shadow: 0 0 0 1px #aaa;
}
/* -------------- END SINGLE PRODUCT ---------------- */
.woocommerce-checkout article#brx-content {
    padding: 15px;
}

/* -------------- CART  ---------------- */
.cart-custom .quantity{
    background-color: #f0f0f0 !important;
	border: none;
	border-radius: 20px;
}

.cart-custom .quantity .minus, 
.cart-custom .quantity .plus,
.cart-custom .quantity input
{
	border: none;	
}

.cart-totals-custom .wc-proceed-to-checkout .button {
	padding: 7px 15px;
	border-radius: 20px;
	width: 100%;
	display: block;
	text-align: center;
	line-height: 1.5;
}