/*
Theme Name: Blocktone
*/

/* — Basic Product Page Layout — */
.single-product .product {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: start;
    gap: 4%;
}

/* — Gallery / Images — */
.single-product .woocommerce-product-gallery {

}
.single-product .woocommerce-product-gallery__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}

.single-product .entry-summary h1.product_title {
    font-size: clamp(1.5rem, 2.5vw, 2.3rem);
    margin: 0 0 0.5rem 0;
    color: #fff;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-left: -6px;
    margin-right: -6px;
}

.woocommerce div.product form.cart .variations select.select2-hidden-accessible {
    min-width: 1px !important;
}

.woocommerce div.product form.cart .variations .select2-container {
    background-color: #222227;
    border-radius: 12px;
    padding: 0 12px;
}

.woocommerce div.product form.cart .variations .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 6px;
}

.woocommerce div.product form.cart .variations th {
    width: 50px !important;
}

.select2-container .select2-results__option[aria-selected="false"] {
    color: #222;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    margin: 12px 6px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #25a56a;
}

.single_variation_wrap a {
    color: #25a56a !important;
    display: inline-block;
    margin: 0 0 12px;
}

.reset_variations {
    color: #25a56a !important;
}

.woocommerce div.product form.cart .button {
    background: #25a56a;
    height: 44px;
}

.woocommerce ul.products li.product .price {
    color: #25a56a !important;
}

.woocommerce ul.products li.product .button {
    background: #25a56a !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .single-product .product {
        padding: 15px 15px 0;
    }
}

.related.products {
    width: 100%;
}

.related.products h2 {
    color: #fff;
}

.single-product .woocommerce-product-gallery__image img {
    border-radius: 0 !important;
}

.woocommerce div.product form.cart .variations label {
    color: #fff;
}

.custom-full-content {
    color: #fff;
}

.single-product .entry-summary .price {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin: 0.3rem 0 1rem;
}
.single-product form.cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}
.single-product .quantity input.qty {
    width: 80px;
    padding: 0.55rem 0.6rem;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.single-product button.single_add_to_cart_button {
    padding: 0.7rem 1.2rem;
    background-color: #007cba;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.single-product button.single_add_to_cart_button:hover {
    background-color: #006ba1;
}

/* — Meta, categories, tags — */
.single-product .product_meta {
    margin-top: 1rem;
    font-size: 0.9rem;
    color: #666;
}
.single-product .product_meta span {
    display: block;
    margin: 0.3rem 0;
}

/* — Tabs / details / reviews — */
.single-product .woocommerce-tabs {
    margin-top: 2rem;
    border-top: 1px solid #e1e1e1;
    padding-top: 1.25rem;
}
.single-product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 1rem;
    list-style: none;
    margin: 0 0 1rem 0;
    padding: 0;
    border-bottom: 1px solid #e1e1e1;
}
.single-product .woocommerce-tabs ul.tabs li {
    margin: 0;
    padding: 0.6rem 1rem;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom: none;
}
.single-product .woocommerce-tabs ul.tabs li.active {
    border-color: #e1e1e1;
    border-bottom: 1px solid #fff;
    background-color: #f9f9f9;
}
.single-product .woocommerce-tabs .panel {
    padding: 0.5rem 0;
}

/* — Related Products — */
.single-product .related.products {
    margin-top: 3rem;
}
.single-product .related.products h2 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.single-product .related ul.products li.product img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

/* — Notices & messages — */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    margin: 1rem 0;
    background-color: #222227;
    border-top-color: #25a56a;
    color: #fff;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    color: #25a56a !important;
}

.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
    background: #25a56a !important;
    color: #fff !important;
}

.wc-block-components-checkout-return-to-cart-button:hover,
.wc-block-components-checkbox__label a,
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    color: #25a56a !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link),
.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
    background: #25a56a !important;
    color: #fff !important;
}

.product__img:before {
    pointer-events: none;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    background-color: #222227 !important;
}

.wp-block-woocommerce-empty-cart-block > * {
    width: 100%;
}

.wc-block-checkout__sidebar .wc-block-components-product-name {
    font-size: 1em;
}

.wc-block-cart__empty-cart__title {
    display: block !important;
}

.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart {
    width: 100%;
}

@media (max-width: 767px) {
    .woocommerce-error, .woocommerce-info, .woocommerce-message {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 10px;
        padding-left: 2em;
    }

    .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
        content: unset;
    }
}