/*
 Theme Name: Blocksy Child
 Theme URI: https://example.com
 Description: Child theme for Blocksy.
 Author: Pinal Shah
 Template: blocksy
 Version: 1.0
*/

@import url("../blocksy/style.css");

/*Customization starts here */
/* Font family */
body,
html,
button,
input,
select,
textarea,
.ct-menu-link,
.ct-logo,
.site-footer,
.ct-footer,
.entry-title,
h1, h2, h3, h4, h5, h6,
.woocommerce div.product .product_title,
.woocommerce div.product .price,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce div.product form.cart .button,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product h2,
.widget,
p,
span,
a,
li {
    font-family: "the-seasons", serif !important;
     letter-spacing: 0.4px !important;
}

.ct-header,
.ct-header a,
.ct-menu-link,
.site-title,
.ct-logo {
    font-family: "the-seasons", serif !important;
    font-weight: 700 !important;
     letter-spacing: 0.7px !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.woocommerce div.product .product_title,
.woocommerce ul.products li.product h2 {
    font-family: "the-seasons", serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
}

/* Product long description */
.woocommerce-Tabs-panel--description,
.woocommerce-Tabs-panel--additional_information,
.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th {
    letter-spacing: 0.8px !important;
}

/* WooCommerce product title */
.woocommerce div.product .product_title {
    letter-spacing: 0.8px !important;
}

/* Product price */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    letter-spacing: 0.8px !important;
}

/* Product short description */
.woocommerce-product-details__short-description {
    letter-spacing: 0.8px !important;
}

/* Buttons (Add to Cart, etc.) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.single_add_to_cart_button {
    letter-spacing: 1px !important;
}

/* Categories */
.product_meta,
.product_meta a {
    letter-spacing: 1.5px !important;
}

/* Footer widgets text */
#colophon, 
#colophon * {
    letter-spacing: 0.8px !important;
}

/* ---- Apply letter spacing across ALL WooCommerce product meta & tabs ---- */
.single-product .product_meta *,
.single-product .product_meta a,
.single-product .woocommerce-tabs .tabs li a,
.single-product .woocommerce-tabs .panel,
.single-product .woocommerce-Tabs-panel *,
.single-product .woocommerce-tabs *,
.single-product .woocommerce-product-attributes-item__label,
.single-product .woocommerce-product-attributes-item__value,
.single-product .woocommerce-Tabs-panel--description,
.single-product .woocommerce-Tabs-panel--additional_information,
.single-product .woocommerce table.shop_attributes th,
.single-product .woocommerce table.shop_attributes td,
.single-product .woocommerce-Reviews-title,
.single-product .woocommerce-variation-description,
.single-product .woocommerce-variation-price p.price,
.single-product .woocommerce-product-details__short-description p {
    letter-spacing: 1.5px !important;
}

/* Single Product page */
/*.single-product .product-entry-wrapper {
    display: flex !important;
    flex-direction: column !important;
}*/

/* Make gallery full width */
/*.single-product .woocommerce-product-gallery,
.single-product .ct-product-gallery-container {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}*/

/* Make summary full width */
/*.single-product .entry-summary {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 20px;
}*/

/* Limit the height of the main product image */
.single-product .ct-product-gallery-container img.wp-post-image {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 500px !important;
    object-fit: contain !important;
}
/* Remove overflow hidden so full image is visible */
.single-product .ct-product-gallery-container {
    height: auto !important;
    overflow: visible !important;
}

.summary {
    text-align: center;
}

/* Reduce Add to Cart button width on single product page */
.single-product .ct-cart-actions {
    width: fit-content;
    display: inline-block !important;
}