/*
Theme Name: Hello Biz Child
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-biz
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.1.1.1754316680
Updated: 2025-08-04 14:11:20

*/

/* Custom Product Page Styles */
.wp-block-woocommerce-cart {
    padding-top: 60px;
}
div.woocommerce-message {padding-left: 50px;}

div.woocommerce-message::before {
    color: #fff;
}
.custom-product-page {
        background-color: rgb(242 244 247);
    margin: 0 auto;
    padding: 40px 20px;
}

.custom-product-container {
    display: grid;
    grid-template-columns: 50% 47%;
    gap: 45px;
    align-items: start;
}
.size-selector {
    margin-bottom: 20px;
}

.size-selector>label {
    margin-bottom: 10px;
}
.variations .size-selector {
    margin-bottom: 0px;
}
.woocommerce table.shop_attributes td{
padding:15px;
}
.woocommerce table.shop_attributes th {
    vertical-align: middle;
}
.woocommerce table.shop_attributes td p{
padding:0px;
}
/* Gallery Styles */
.custom-product-gallery {
    position: relative;
}

.main-image-container {
    position: relative;
    background: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}

.main-product-image {
    width: 100%;
    height: auto;
    display: block;
}

.gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.gallery-nav:hover {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.gallery-nav.prev {
    left: 20px;
}

.gallery-nav.next {
    right: 20px;
}

.gallery-nav svg {
    width: 20px;
    height: 20px;
    fill: #333;
}

.gallery-thumbnails {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.thumbnail-item {
    width: 80px;
    height: 80px;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #f5f5f5;
}

.thumbnail-item.active {
    border-color: #333;
}

.thumbnail-item:hover {
    border-color: #666;
}

.thumbnail-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
button.gallery-nav.prev:before {
    content: "🠸";
    font-size: 32px;
}

button.gallery-nav.next:before {
    content: "🠺";
    font-size: 32px;
}

button.gallery-nav.prev:hover:before,button.gallery-nav.next:hover:before {
    color:#1ba1a0;
}
/* Product Summary Styles */
.custom-product-summary {
    padding-top: 20px;
}

.product-title {
    text-transform: uppercase;
    line-height: 1.2;
}

.product-price {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.product-description {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 40px;
}

/* Size Selector */


.size-selector label {
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.size-options {
    display: flex;
    gap: 15px;
}

.size-option {
    position: relative;
}

.size-option input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.size-option label {
    display: block;
    padding: 10px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    text-align: center;
    min-width: 60px;
}

.size-option input[type="radio"]:checked + label {
    border-color: #333;
    background: #fff;
}

.size-option label:hover {
    border-color: #999;
}

/* Quantity and Add to Cart */
.product-actions {
    display: flex;
    gap: 20px;
    align-items: center;
}

.quantity-selector {
    display: flex;
    align-items: center;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.quantity-btn {
    background: #fff;
    border: none;
    width: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 20px;
    transition: all 0.3s ease;
}

.quantity-btn:hover {
    background: #f5f5f5;
    color: #000;
}

.quantity-input {
    border: none;
    width: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.add-to-cart-btn {
    flex: 1;
    background: #1a1a1a;
    color: #fff;
    border: none;
    padding: 18px 40px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.add-to-cart-btn:hover {
    background: #333;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Zoom Effect */
.main-image-container.zoom-enabled {
    cursor: zoom-in;
}

.main-image-container.zoom-enabled .main-product-image {
    transition: transform 0.3s ease;
}

.main-image-container.zoom-enabled:hover .main-product-image {
    transform: scale(1.5);
}

/* Selected Size Style */
.size-option.selected label {
    border-color: #333;
    background: #f5f5f5;
}

/* Product Meta Styles */
.product-meta {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
    color: #666;
}

.product-meta > span {
    display: block;
    margin-bottom: 10px;
}

/* Loading States */
.add-to-cart-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Success Message */
.woocommerce-message {
    background: #4caf50;
    color: white;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

/* Variable Product Styles */
.variations {
    margin-bottom: 30px;
}

.variations td {
    padding: 10px 0;
    vertical-align: top;
}

.variations td.label {
    width: 100px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
}

.variations td.value {
    padding-left: 20px;
}

.variations select.custom-select {
    width: 100%;
    padding: 12px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 16px;
    background: #fff;
}

/* Hide the hidden select used for WooCommerce compatibility */
.hidden-select {
    display: none !important;
}

/* Ensure quantity input styling */
.quantity-selector .quantity {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.quantity-selector .quantity-input {
    border: none;
    width: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    background: transparent;
}

/* Hide any duplicate add to cart buttons */
.single_variation .single_add_to_cart_button {
    display: none !important;
}

/* Style the variation price display */
.single_variation .woocommerce-variation-price {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 500;
}

/* Reset button style */
.reset_variations {
    font-size: 14px;
    text-decoration: underline;
    margin-left: 10px;
    cursor: pointer;
    color: #666;
}

.single_variation_wrap {
    margin-top: 20px;
}

.woocommerce-variation-price {
    font-size: 24px;
    margin-bottom: 20px;
}
.custom-product-summary {
    box-shadow: 0 0 0px transparent, 0 0 0px transparent, 0px 4px 24px 0px rgba(0, 0, 0, .1);
    padding: 20px;
    border-radius: 1.5rem;
    background-color: rgb(255 255 255);
}

button.single_add_to_cart_button.button.alt {
    width: 70%;
    height: 50px;
    border-radius: 9999px;
    background: var(--e-global-color-primary)!important;
}

button.single_add_to_cart_button.button:hover {
    background: var(--e-global-color-accent) !important;
}


/* Tab navigation */
.woocommerce .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    padding: 0;
    list-style: none;
}

/* Tab items */
.woocommerce .woocommerce-tabs ul.tabs li {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

/* Tab links */
.woocommerce .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
    color: #333;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}

/* Active tab */
.woocommerce .woocommerce-tabs ul.tabs li.active a {
    color: #000;
    border-bottom: 3px solid #000;
}

/* Tab content area */
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 20px 0;
    font-size: 15px;
    line-height: 1.6;
}
.custom-sec {margin: 0 auto;padding: 40px;background: #fff;margin-top: 50px;border-radius: 1.5rem;}

.related.products {
  margin-top: 40px;
}

.related-swiper .swiper-slide {
  background: #f2f4f7;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 0 8px -2px rgb(143 143 143);
  margin: 5px;
}

.related-swiper .swiper-button-prev,
.related-swiper .swiper-button-next {
  color: #000; /* change arrow color */
}

.related-swiper .swiper-pagination-bullet-active {
  background: #000;
}
/* Container */
.related.products {
  margin-top: 50px;
}

.related.products h2 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  color: #222;
}

/* Product card */
.related.products ul.products li.product {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 15px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* Hover effect */
.related.products ul.products li.product:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  border-color: #ddd;
}

/* Product image */
.related.products ul.products li.product img {
  border-radius: 10px;
  margin-bottom: 15px;
  transition: transform 0.3s ease;
}

.related.products ul.products li.product:hover img {
  transform: scale(1.05);
}

/* Product title */
.related.products ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 10px 0;
  color: #444;
  min-height: 48px; /* keep height consistent */
}

/* Price */
.related.products ul.products li.product .price {
  font-size: 1rem;
  font-weight: 700;
  color: #e63946; /* nice red accent */
  margin: 8px 0;
  display: block;
}

/* Add to Cart Button */
.related.products ul.products li.product .button {
  display: inline-block;
  background: #111;
  color: #fff;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.related.products ul.products li.product .button:hover {
  background: #e63946; /* accent hover */
  color: #fff;
}


.related-swiper .swiper-slide:hover {
    box-shadow: 0 0 8px -1px rgb(146 210 210);
}

.related-swiper a.button.add_to_cart_button{
    padding: 12px 25px;
  display:block;
  width:200px;
  margin:10px auto;
  background: var(--e-global-color-primary) !important;
  color:#fff;
  border-radius:50PX;
}
.related-swiper a.button.add_to_cart_button:hover{
  background: var(--e-global-color-accent) !important;
  color:#fff;
}



.related-swiper li.product.type-product {
    text-align: center;
}


.gallery-wrapper .swiper-button-prev.thumb-prev,.gallery-wrapper .swiper-button-next.thumb-next {
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.gallery-wrapper .swiper-button-next:after,.gallery-wrapper .swiper-button-prev:after {
    font-size: 15px;
    font-weight: 600;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .custom-product-container {
        grid-template-columns: 100%;
        gap: 30px;
    }
    
    .product-title {
        font-size: 32px;
    }
    
    .size-options {
        flex-wrap: wrap;
    }
    
    .product-actions {
        flex-direction: column;
        width: 100%;
    }
    
    .add-to-cart-btn {
        width: 100%;
    }
    
    .gallery-nav {
        display: none;
    }
    
    .main-image-container.zoom-enabled:hover .main-product-image {
        transform: none;
    }
}