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

div.brxe-block.tuotekortti__body i.fa-solid.fa-temperature-low {
	color: #0066cc; 
}

/* Cart/Checkout pages */
body.woocommerce-cart #brx-content, body.woocommerce-checkout #brx-content{
    padding: 25px;
    padding-top: 50px;
}
body.woocommerce-cart #brx-content .woocommerce-cart-form .product-thumbnail img {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}
div.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    grid-column: 1 / -1;
}
.woocommerce-checkout-review-order .product-name {
    font-size: 14px;
}
/* Ajax search lite */
.wpdreams_asl_results .item .asl_content .asl_desc .add-to-cart-container .add-to-cart-button {
    border-radius: 2em;
    font-weight: 600;
    margin-left: 20px;
    padding-left: 20px;
    padding-right: 20px;   
}
.wpdreams_asl_results .item .asl_content .asl_desc .add-to-cart-container .add-to-cart-button:hover{
    background-color: #000000 !important;
    border-color: #000000;
}
.wpdreams_asl_results .item .asl_content .asl_desc .add-to-cart-container .add-to-cart-quantity {
    border-radius: 9px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.wpdreams_asl_results .item .asl_content .asl_desc .add-to-cart-container input[type=number]::-webkit-inner-spin-button, 
.wpdreams_asl_results .item .asl_content .asl_desc .add-to-cart-container input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

/* Cold Info Box Styles */
.cold-info-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.cold-info-icon {
    transition: opacity 0.3s ease;
}

.cold-info-icon:hover {
    opacity: 0.8;
}

.cold-info-box {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 10px;
    background: #ffffff;
    border: 2px solid #0066cc;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    min-width: 280px;
    max-width: 320px;
    animation: fadeIn 0.3s ease;
}

.cold-info-box::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: #0066cc;
}

.cold-info-content {
    position: relative;
    padding: 15px 20px;
}

.cold-info-content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.cold-info-close {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #666;
    cursor: pointer;
    line-height: 1;
    transition: color 0.2s ease;
}

.cold-info-close:hover {
    color: #000;
}

.woocommerce-cart #wcs-notices .conditional-shipping-notice,
.woocommerce-cart .conditional-shipping-notice,
.woocommerce-checkout #wcs-notices .conditional-shipping-notice,
.woocommerce-checkout .conditional-shipping-notice {
    font-size: 16px;
    line-height: 1.5;
    color: rgb(255, 255, 255);
    padding: 0.5em 1.5em;
    border-radius: 0.666667rem;
    background-color: rgb(0, 95, 170);
    margin-top: 10px;
}

/*Minicart*/
.widget_shopping_cart_content .cold-info-wrapper{
    display: block !important;
}
.widget_shopping_cart_content .cold-info-box {
    position: relative;
}
.widget_shopping_cart_content .cold-info-box::after{
    content: unset;
}
.widget_shopping_cart_content .woocommerce-mini-cart-item.mini_cart_item a {
    font-size: 14px;
    font-weight: 400;
}
.widget_shopping_cart_content .woocommerce-mini-cart-item.mini_cart_item span.quantity {
    font-size: 14px;
    color: #001D33;
}

/* Cart page */
.woocommerce-cart .cart-collaterals table tbody th {
    padding-right: 20px;
    padding-left: 20px;
    /* border-right: 1px solid #ddd; */
}
.woocommerce-cart .cart-collaterals table tbody td {
    padding-left: 20px;
}
.woocommerce-cart .cart-collaterals table tbody tr {
    border-bottom: 1px solid #ddd;
    display: block;
}
.woocommerce-cart ul.woocommerce-shipping-methods li{
    border-bottom: 1px solid #ddd;
}
.cart-collaterals table tbody tr.woocommerce-shipping-totals.shipping {
    min-width: 300px;
}
.cart-collaterals table tbody tr.woocommerce-shipping-totals.shipping > th, .cart-collaterals table tbody tr.woocommerce-shipping-totals.shipping > td {
    display: block;
    width: 100%;
}
ul.woocommerce-shipping-methods input[type=radio]+label {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: nowrap;
    padding-bottom: 15px;
}
ul.woocommerce-shipping-methods input[type=radio]+label > :not(.woocommerce-Price-amount):not(.tax_label) {
    flex: 0 0 60%;
}
ul.woocommerce-shipping-methods label .woocommerce-Price-amount,
ul.woocommerce-shipping-methods label .tax_label {
    font-weight: 600;
    white-space: nowrap;
}
ul.woocommerce-shipping-methods label .woocommerce-Price-amount {
    margin-left: auto;
    /* padding-left: 10%; */
}



/* Buttons */
.brxe-woocommerce-mini-cart .cart-detail .widget_shopping_cart_content .woocommerce-mini-cart__buttons a,
.woocommerce-cart form.woocommerce-cart-form .button,
.woocommerce-cart .cart_totals .wc-proceed-to-checkout .button,
form.checkout_coupon .button,
.woocommerce-checkout .woocommerce-checkout-review-order .place-order .button,
p.back-to-cart a {
    background-color: #0170b9;
    border: 0;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 24px;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-out;
    line-height: 24px;
    margin: 0 0 0;
    border-radius: 8px;
}
p.back-to-cart {
    padding-top: 20px;
    padding-bottom: 20px;
}
.asl.button.single_add_to_cart_button {
	background-color: #ffd618;
    border-radius: 2em;
    color: #005faa;
    padding: 10px;
    min-height: unset;
    width: 10em;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
}

.asl_desc span.asl-out-of-stock {
    background-color: #000000;
    border-radius: 0.6666666667rem;
    color: #FFFFFF;
    padding: 10px;
    min-height: unset;
    width: 10em;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
}

div.vertical.wpdreams_asl_results p.showmore {
    background-color: #ffd618;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    width: 15em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
div.vertical.wpdreams_asl_results p.showmore span {
    font-size: 18px;
    font-weight: 800;
    color: #005faa;
}

/* PW WooCommerce Gift Cards styles */
#pwgc-purchase-container .pwgc-label {
    color: var(--body-color);
}
#pwgc-purchase-container .pwgc-input-text::placeholder,
#pwgc-purchase-container #pwgc-message::placeholder {
    color: #bbb;
}
#pwgc-purchase-container #pwgc-message {
    width: 100%;
}
#pwgc-purchase-container .pwgc-subtitle {
    color: #555;
    font-size: 1.2rem;
}
.product.product-type-pw-gift-card .variations_form.cart table.variations tbody tr th.label {
    grid-column: span 4;
}
.product.product-type-pw-gift-card .variations_form.cart table.variations tbody tr td.value {
    grid-column: span 8;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Responsive styles for smaller screens */
@media (max-width: 768px) {
    .cold-info-box {
        position: fixed;
        bottom: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 90%;
        width: calc(100vw - 40px);
        max-height: 80vh;
        overflow-y: auto;
        margin: 0;
    }
    
    .cold-info-box::after {
        display: none;
    }
    
    .cold-info-content {
        padding: 20px;
    }
    
    .cold-info-content p {
        font-size: 16px;
    }
    
    .cold-info-icon {
        font-size: 32px !important;
        margin-left: 8px !important;
    }
}

@media (max-width: 480px) {
    .cold-info-box {
        width: calc(100vw - 20px);
        max-width: calc(100vw - 20px);
    }
    
    .cold-info-content {
        padding: 15px;
    }
    
    .cold-info-content p {
        font-size: 14px;
    }
    
    .cold-info-icon {
        font-size: 28px !important;
        margin-left: 5px !important;
    }
}


/* Checkout availability field */
.sopilka-collection-availability .woocommerce-input-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 8px;
  column-gap: 6px;
  align-items: center;
}

.sopilka-collection-availability .woocommerce-input-wrapper label {
    padding-top: 4px;
    padding-left: 4px;
    font-weight: 400;
}

.sopilka-collection-availability > label .normal {
    font-weight: 400;
}

/* Checkout */
@media (max-width: 440px) {
    /* .woocommerce-checkout div.col2-set#customer_details, .woocommerce-checkout div.woocommerce-checkout-review-order#order_review {
        max-width: 80%;
    } */

    /* .woocommerce-checkout .woocommerce-checkout-review-order-table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .woocommerce-checkout .woocommerce-checkout-review-order-table {
        width: 100%;
        table-layout: fixed;
    }

    .woocommerce-checkout .woocommerce-checkout-review-order-table th,
    .woocommerce-checkout .woocommerce-checkout-review-order-table td {
        word-wrap: break-word;
        overflow-wrap: break-word;
    } */

  /* Hide table header row */
    .woocommerce-checkout-review-order-table thead {
        display: none;
    }

    /* Stack table */
    .woocommerce-checkout-review-order-table,
    .woocommerce-checkout-review-order-table tbody,
    .woocommerce-checkout-review-order-table tfoot,
    .woocommerce-checkout-review-order-table tr {
        display: block;
        width: 100%;
    }

    .woocommerce-checkout-review-order-table tr {
        margin-bottom: 20px;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
    }

    .woocommerce-checkout-review-order-table th,
    .woocommerce-checkout-review-order-table td {
        display: block;
        width: 100%;
        text-align: left;
    }

    .woocommerce-checkout-review-order-table td::before {
        content: attr(data-title);
        display: block;
        font-weight: 600;
        margin-bottom: 4px;
    }

    /* Improve spacing */
    .woocommerce-checkout-review-order-table td.product-total {
        margin-top: 10px;
    }
}