/*
 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
*/


/*
--bricks-color-vqfvms: #fffae6;
--bricks-color-pfzzdd: #ffeb9a;
--bricks-color-hryokh: #dedb4e; 
--bricks-color-aeioco: #fecc02; //primary
--bricks-color-gyuaej: #eb8f01;
--bricks-color-aoqztg: #855800;
--bricks-color-dyinbf: #eeeae7;
--bricks-color-yftoit: #251d39;

*/


/** 
 * 0. Global
 * */

.font-400 {
    font-weight: 400;
}

strong {
    font-weight: 600;
}

/* Problem z no js loadingiem sliderów */
.splide {
  visibility: visible;
}

/** 
 * 1. Hero Homepage 
 * */
.hero-image-1,
.hero-image-2,
.hero-image-3,
.hero-image-4 {
  z-index: -1;
}

@media screen and (max-width: 1300px) {
    .hero-image-1,
    .hero-image-4 {
        width: 180px !important;
    }
    .hero-image-2,
    .hero-image-3 {
        width: 160px !important;
    }
}

@media screen and (max-width: 1050px) {
    .hero-image-1,
    .hero-image-4 {
        width: 150px !important;
    }
    .hero-image-2,
    .hero-image-3 {
        width: 130px !important;
    }
}

@media screen and (max-width: 900px) {
    .hero-image-2,
    .hero-image-3 {
        opacity: 0.15
    }
    .hero-image-1,
    .hero-image-4 {
        opacity: 0.25
    }
}


/** 
 * 2. Related Product
 * */

.p-related-products {
    display: flex;
    align-items: center;
    gap: 16px;
    mix-blend-mode: darken;
    img {
        aspect-ratio: 80 / 100;
        width: 80px;
        height: auto;
        object-fit: scale-down;
    }
    .p-related-products__price {
        margin-top: var(--p-margin-xs);
    }
    .p-related-products__price,
    .p-related-products__name {
        font-size: 14px;
        color: var(--bricks-color-dubswq);
    }
    @media screen and (max-width: 1000px) {
        gap: 12px;
        img {
            width: 55px;
        }
        .p-related-products__price,
        .p-related-products__name {
            font-size: 14px;
        }
    }
    @media screen and (max-width: 500px) {
        gap: 12px;
        img {
            width: 40px;
        }
        .p-related-products__price,
        .p-related-products__name {
            font-size: 10px;
        }
    }
}


/** 
 * 4. Cart
 * */

.p-cart {
    h2 {
        font-size: 24px;
    }
    .woocommerce-cart-form {
        padding: 48px 32px;
        border-radius: 8px;
        border: 1px solid #E8E8E8;
        background-color: #f9f9f9;
        box-sizing: border-box;
    }
    .cart_totals {
        padding: 48px 32px;
        margin-top: 24px;
        border-radius: 8px;
        border: 1px solid #E8E8E8;
        background-color: #f9f9f9;
        box-sizing: border-box;
        .shop_table {
            border: none;
        }
        td,
        th {
            padding-bottom: 0;
            color: #272727;
        }
    }
    .woocommerce-Price-amount {
        color: #272727;
    }
    .woocommerce-cart-form__contents {
        th,
        td {
            padding-inline: 16px;
        }
    }
    .product-thumbnail {
        padding-right: 16px;
    }
    .actions {
        padding-top: 32px;
    }
    .variation {
        font-size: 12px;
    }
    .action,
    .qty {
        border: none !important;
    }
    .action {
        &:hover {
            color: var(--bricks-color-tbexoa);
        }
    }
    .quantity {
        max-width: 120px;
        background-color: #FFFFFF;
        border: 1px solid #E8E8E8;
        border-radius: 8px;
    }
    .coupon {
        .input-text {
            padding: 8px 16px;
            border-radius: 8px;
            border: 1px solid #E8E8E8;
        }
    }
    [name="apply_coupon"] {
      background-color: var(--bricks-color-dubswq) !important;
      border-color: var(--bricks-color-dubswq) !important;
      &:hover {
        background-color: var(--bricks-color-sujuwt) !important;
        border-color: var(--bricks-color-sujuwt) !important;
      }
    }
    .checkout-button {
        font-size: 16px;
    }
    .woocommerce-shipping-totals {
        display: none;
    }
    @media screen and (max-width: 640px) {
        .woocommerce-cart-form {
            padding: 24px 16px;
        }
        .actions {
            padding: 16px 0 0 0 !important;
            .input-text {
                padding: 2px 16px;
            }
        }
        .cart_totals {
            padding: 24px 16px;
        }
    }
}

.woocommerce-mini-cart__fee {
    display: flex;
    justify-content: space-between;
    color: #c81a2e;
    font-weight: 600;
}


/** 
 * 5. Checkout
 * */

.p-checkout {
    .woocommerce-info {
        margin-bottom: 8px;
    }
    h3,
    h4 {
        margin-bottom: 8px;
        font-size: 24px;
    }
    .woocommerce-checkout {
        margin-top: 48px;
        display: flex;
        gap: 100px;
    }
    .col2-set {
        flex: 1;
        width: 100%;
    }
    .order-review-card {
        flex: 1;
        width: 100%;
        height: fit-content;
        max-width: 480px;
        padding: 48px 32px;
        border-radius: 8px;
        border: 1px solid #E8E8E8;
        background-color: #f9f9f9;
        box-sizing: border-box;
    }
    .woocommerce-checkout-review-order-table {
        border: none;
        thead {
            display: none;
        }
        td {
            padding: 0;
            border: none;
        }
        .product-name {
            padding-top: 16px;
            width: 110px;
        }
        .product-quantity {
            font-size: 12px;
        }
        .attachment-100x100 {
            width: 64px;
            height: 64px;
        }
        .variation {
            display: none;
        }
        .product-total {
            padding-top: 16px;
            color: #272727;
            font-size: 14px;
        }
        .woocommerce-Price-amount {
            font-size: 16px;
            font-weight: 600;
        }
    }
    .cart_item {
        .woocommerce-Price-amount {
            margin-top: 6px;
            display: block;
        }
    }
    .cart-subtotal {
        th,
        td {
            padding: 24px 0 0 0;
            color: #272727;
        }
        td {
            text-align: right;
        }
    }
    .order-total,
    .woocommerce-shipping-totals,
    .cart-discount,
    .fee {
        th,
        td {
            padding: 14px 0 0 0;
            color: #272727;
        }
        td {
            text-align: right;
        }
    }
    .fee {
        * {
            color: #DB0A33 !important;
        }
    }
    tfoot {
        border: none;
    }
    /* tfoot {
		th,
		td {
			padding: 16px 0 0 0;
		}
	} */
    .input-text {
        padding: 4px 16px;
        border-radius: 8px;
    }
    label {
        color: #272727;
        font-weight: 400;
    }
    .woocommerce-billing-fields__field-wrapper {
        margin-top: 24px;
    }
    [type="checkbox"] {
        flex-shrink: 0;
        appearance: none;
        border: none;
        width: 18px;
        height: 18px;
        padding: 0;
        background-image: url('/wp-content/uploads/2025/09/p-checkbox-unchecked.svg');
        &:checked {
            background-image: url('/wp-content/uploads/2025/09/p-checkbox-checked.svg');
        }
    }
    .woocommerce-account-fields {
        margin-top: 24px;
        .woocommerce-form__label-for-checkbox {
            display: flex;
            align-items: center;
            gap: 10px;
            line-height: 1.5;
        }
        .woocommerce-form__input {
            transform: translateY(-1px);
        }
    }
    .woocommerce-shipping-fields {
        margin-top: 0px;
        h3 {
            font-size: 16px;
            * {
                font-size: inherit;
            }
        }
        .woocommerce-form__label-for-checkbox {
            display: flex;
            gap: 12px;
        }
        .woocommerce-form__input {
            position: static;
            transform: none;
        }
    }
    .woocommerce-additional-fields {
        margin-top: 24px;
        textarea {
            border-radius: 8px;
        }
    }
    .select2-selection {
        height: 50px;
        border-radius: 8px;
    }
    .select2-selection__rendered {
        padding-inline: 16px;
        height: 50px;
        line-height: 50px;
        border-radius: 8px;
    }
    .select2-selection__arrow {
        width: 50px;
        background-image: url('/wp-content/uploads/2025/09/ikona-chevron-down.svg');
        background-size: 16px 16px;
        background-position: center;
        background-repeat: no-repeat;
        b {
            display: none;
        }
    }
    .custom-shipping-table,
    .wc_payment_methods {
        th {
            display: none;
        }
        li {
            position: relative;
        }
        label {
            padding: 16px 16px 16px 40px;
            margin: 0;
            text-align: left;
            border-radius: 8px;
            box-sizing: border-box;
            background-color: #f9f9f9;
            border: 1px solid #E8E8E8;
        }
        .shipping_method,
        .input-radio {
            position: absolute;
            top: 28px;
            left: 16px;
            transform: translateY(-50%);
            &:checked {
                +label {
                    border-color: var(--bricks-color-tbexoa);
                }
            }
        }
    }
    .custom-checkout-payment {
        margin-top: 24px;
    }
    .woocommerce-checkout-payment {
        margin-top: 14px;
        padding: 0;
        border: none;
    }
    .woocommerce-terms-and-conditions-wrapper {
        margin-top: 14px;
        .woocommerce-form__label {
            display: flex;
            gap: 12px;
        }
        input {
            margin: 0 !important;
        }
    }
    .button {
        margin-top: 24px;
        font-size: 16px;
    }
    .woocommerce-form-login,
    .woocommerce-form-coupon {
        margin-block: 12px;
        padding: 24px;
        background-color: #f9f9f9;
        border: 1px solid #E8E8E8;
        border-radius: 8px;
        box-sizing: border-box;
        .woocommerce-form__label {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .button {
            margin: 0;
            font-size: 14px;
        }
    }
    .woocommerce-form-coupon {
        display: flex;
        gap: 16px;
        .form-row-first {
            flex: 1;
        }
        .form-row-last {
            width: fit-content;
        }
        .input-text {
            height: 100%;
        }
    }
    @media screen and (max-width: 1000px) {
        .woocommerce-checkout {
            flex-direction: column-reverse;
            gap: 32px;
        }
        .order-review-card {
            max-width: 100%;
        }
    }
    @media screen and (max-width: 450px) {
        .order-review-card {
            padding: 24px 16px;
        }
        .woocommerce-checkout {
            margin-top: 24px;
        }
        .woocommerce-checkout-review-order-table {
            .attachment-100x100 {
                width: 48px;
                height: auto;
            }
            .product-name {
                width: 85px;
            }
            .product-total {
                font-size: 12px;
            }
            .woocommerce-Price-amount {
                font-size: 14px;
            }
        }
        .woocommerce-info {
            display: flex;
            flex-direction: column;
            text-align: center;
        }
        .woocommerce-form-login,
        .woocommerce-form-coupon {
            padding: 16px;
        }
        .woocommerce-form-login {
            .woocommerce-button {
                margin-top: 6px;
            }
        }
        .woocommerce-form-coupon {
            flex-direction: column;
            .form-row-last {
                width: 100%;
            }
            .button {
                width: 100%;
            }
            input {
                height: 50px !important;
            }
        }
    }
}

.select2-results__option--highlighted {
    background-color: #272727 !important;
}

.promo-banner {
    margin-bottom: 16px;
    padding: 12px;
    font-size: 14px;
    color: #272727;
    background-color: #f9f9f9;
    border: 1px solid #c81a2e;
    border-radius: 8px;
    box-sizing: border-box;
    .promo-progress {
        position: relative;
        margin-top: 16px;
        width: 100%;
        height: 3px;
        background-color: #FFFFFF;
        >span {
            position: absolute;
            height: 3px;
            width: 75%;
            left: 0;
            top: 0;
            background-color: #272727;
        }
    }
}

.brxe-woocommerce-mini-cart .cart-detail.off-canvas.right {
    @media screen and (max-width: 500px) {
        width: 90%;
    }
}


/** 
 * 4. Fibosearch
 * */

.dgwt-wcas-search-wrapp {
    max-height: 34px !important;
}

.dgwt-wcas-sf-wrapp {
    font-family: "Poppins", sans-serif;
    !important;
    padding: 0px !important;
    * {
        font-family: inherit !important;
    }
}

.dgwt-wcas-search-input {
    padding: 3px 48px 3px 16px !important;
    font-size: 12px !important;
}

.dgwt-wcas-search-submit {
    top: 50% !important;
    left: auto !important;
    right: 16px !important;
    transform: translateY(-50%) !important;
    width: fit-content !important;
    min-width: fit-content !important;
    path {
        fill: transparent !important;
    }
}


/** 
 * 5. P Card Product Small
 * */

.p-card-product-small {
    >.brxe-div {
        padding: 8px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }
    .p-card-product-images {
        width: fit-content;
        margin: 0 auto;
    }
    .brxe-image {
        margin: 0;
    }
    .brxe-heading {
        margin-top: 8px;
        font-size: 12px;
    }
    .brxe-product-price {
        margin-top: 6px;
        font-size: 14px;
    }
    .price {
        color: #272727;
        font-size: 14px;
        font-weight: 500;
    }
    .bricks-button {
        margin-top: 12px;
        padding: 6px !important;
        font-size: 10px !important;
    }
}

.p-small-headline {
    margin: 16px 0 8px 0;
    color: #272727;
    font-size: 14px;
    font-weight: 500;
}

.p-small-slider {
    padding-bottom: 12px;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    overflow: auto;
    >.brxe-block {
        min-width: 160px;
        max-width: 160px;
    }
    /* Custom scrollbar styling */
    &::-webkit-scrollbar {
        height: 4px;
    }
    &::-webkit-scrollbar-track {
        background: #f9f9f9;
        border-radius: 8px;
    }
    &::-webkit-scrollbar-thumb {
        background: #00bf63;
        border-radius: 8px;
    }
}

.cky-btn {
  font-size: 12px !important;
  font-weight: 400 !important;
  border-radius: 200px !important;
  border-color: #00bf63 !important;
  border-width: 1px !important;
}

.cky-btn-customize,
.cky-btn-reject {
  color: #272727 !important;
}

.cky-btn-accept {
  background-color: #00bf63 !important;
}