/*
 Theme Name: Tile Place Theme
 Theme URI: https://tileplace.com/
 Template: bootscore
 Author: Team Tile Place
 Author URI: https://tileplace.com/
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 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.
 Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
 Version: 1.0.0.1740498842
 Updated: 2025-02-25 15:54:02
*/

/* Variables CSS */
:root {
  --color-primary: #0069c8;
  --color-secondary: #0069c8;
  --color-text-dark: #212121;
  --color-text-light: #888888;
  --color-border: #EDEDED;
  --transition-smooth: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  --color-primary-hover: #0057a8;
  --color-primary-light: rgba(0, 105, 200, 0.08);
  --color-surface: #ffffff;
  --color-background: #f8fafc;
  --color-text-dark: #1e293b;
  --color-text-medium: #475569;
  --color-text-light: #94a3b8;
  --color-border: #e2e8f0;
  --color-success: #10b981;
  
  /* Tokens de diseño */
  --radius-sm: 4px;
  --radius-md: 5px;
  --radius-lg: 8px;
  --radius-xl: 24px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  
  /* Efectos modernos */
  --shadow-sm: 1px 1px 1px rgba(0, 0, 0, 0.04);
  --shadow-md: 1px 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-lg: 1px 1px 4px rgba(0, 0, 0, 0.12);
  --shadow-primary: 0 4px 16px rgba(0, 105, 200, 0.16);
  
  /* Transiciones */
  --transition-base: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: all 0.42s cubic-bezier(0.16, 1, 0.3, 1);
}



/* Breadcrumb mejorado */
.woocommerce div#content div#primary main#main .wc-breadcrumb {
    background: transparent;
    padding: 0.5rem 0;
    margin: 0 0 2rem;
    border-radius: 0;
}

.woocommerce div#content div#primary main#main .wc-breadcrumb .breadcrumb-item {
    position: relative;
    padding-right: 1.5rem;
    color: var(--color-text-light);
}

.woocommerce div#content div#primary main#main .wc-breadcrumb .breadcrumb-item:not(:last-child):after {
    content: '›';
    position: absolute;
    right: 0.25rem;
    color: var(--color-text-light);
    opacity: 0.6;
}

.woocommerce div#content div#primary main#main .wc-breadcrumb a {
    color: var(--color-primary);
    text-decoration: none;
    position: relative;
    padding-bottom: 2px;
    transition: var(--transition-smooth);
}

.woocommerce div#content div#primary main#main .wc-breadcrumb a:hover {
    color: var(--color-secondary);
    transform: translateX(3px);
}

.woocommerce div#content div#primary main#main .wc-breadcrumb a:hover:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--color-primary) 0%, transparent 100%);
}

/* Page Title mejorado */
.woocommerce div#content div#primary main#main .page-title {
    font-size: 2.5rem;
    font-weight: 300;
    color: var(--color-text-dark);
    margin-bottom: 2.5rem;
    text-align: center;
    position: relative;
    padding-bottom: 1rem;
    letter-spacing: -0.5px;
}

.woocommerce div#content div#primary main#main .page-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}

/* Product Card mejorado */
.woocommerce div#content div#primary main#main .card.product {
    background: #FFFFFF;
    border: 1px solid rgba(232, 224, 217, 0.3);
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(168, 195, 176, 0.08);
    transition: var(--transition-smooth);
    overflow: hidden;
    position: relative;
}

.woocommerce div#content div#primary main#main .card.product:hover {
    box-shadow: 0 3px 3px 5px rgb(237 237 237 / 15%);
    /* transform: translateY(-5px) rotateZ(0.5deg); */
}

.woocommerce div#content div#primary main#main .card.product:hover:before {
    /* content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px solid rgba(140, 175, 157, 0.15);
    border-radius: 14px;
    animation: borderGlow 1.5s infinite; */
}

@keyframes borderGlow {
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
}

/* Product Image */
.woocommerce div#content div#primary main#main .card.product .card-img-top {
    /* height: 240px; */
    /* object-fit: contain; */
    /* padding: 1.5rem; */
    overflow: hidden;
    /* mix-blend-mode: multiply; */
    /* transition: var(--transition-smooth); */
    /* background: linear-gradient(135deg, #F9F6F3 0%, #FFFFFF 100%); */
}

.woocommerce div#content div#primary main#main .card.product .card-img-top a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    overflow: hidden;
}

.woocommerce div#content div#primary main#main .card.product:hover .card-img-top {
    transform: scale(1.05) rotateZ(0.5deg);
    filter: drop-shadow(0 4px 12px rgba(140, 175, 157, 0.1));
}

/* Product Title */
.woocommerce div#content div#primary main#main .card.product .woocommerce-loop-product__title {
    font-size: 1.15rem;
    color: var(--color-text-dark);
    font-weight: 700;
    padding: 0 1rem;
    margin: 0 auto;
    min-height: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}

.woocommerce div#content div#primary main#main .card.product:hover .woocommerce-loop-product__title {
    color: var(--color-primary);
}

/* Price */
.woocommerce div#content div#primary main#main .card.product .price {
    color: var(--color-primary);
    font-size: 1.5rem;
    font-weight: 800;
    position: relative;
    margin: 0px 0px 1rem 0px;
    display: block;
}

.woocommerce div#content div#primary main#main .card.product:hover .price:after {
    width: 60px;
}

/* Add to Cart Button */
.woocommerce div#content div#primary main#main .card.product .btn-primary {
    background: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 70%, #7A9B88) 100%);
    border: none !important;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: var(--transition-smooth);
    position: relative;
    overflow: hidden;
    margin: 0 1rem 1rem;
}

.woocommerce div#content div#primary main#main .card.product .btn-primary:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255,255,255,0.25), 
        transparent);
    transition: 0.6s;
}

.woocommerce div#content div#primary main#main .card.product .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(140, 175, 157, 0.3);
}

.woocommerce div#content div#primary main#main .card.product .btn-primary:hover:before {
    left: 100%;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce div#content div#primary main#main .card.product .card-img-top {
        height: 200px;
        padding: 1rem;
    }
    
    .woocommerce div#content div#primary main#main .card.product .woocommerce-loop-product__title {
        font-size: 1rem;
        min-height: auto;
    }
    
    .woocommerce div#content div#primary main#main .card.product .btn-primary {
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
    }
    
    .woocommerce div#content div#primary main#main .page-title {
        font-size: 2rem;
    }
}






















/* Estilos generales My Account */

.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .e-my-account-tab {
    padding: var(--space-xl) 0;
}


.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .woocommerce-MyAccount-navigation {
    border-radius: var(--radius-lg);
    overflow: hidden;
    float: none;
    width: 100%;
}

/* Navegación lateral */

.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .list-group-item {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    color: var(--color-text-medium);
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--radius-md) !important;
    margin-bottom: var(--space-xs);
    transition: var(--transition-base);
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}


.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .list-group-item:hover {
    background: var(--color-primary-light);
    color: var(--color-primary);
    transform: translateX(8px);
    border-color: var(--color-primary);
}


.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .list-group-item.active {
    background: var(--color-primary);
    color: white !important;
    border-color: var(--color-primary);
    font-weight: 500;
    position: relative;
}


.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .list-group-item.active:before {
    content: '';
    position: absolute;
    left: -4px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--color-primary);
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

/* Contenido principal */

.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .woocommerce-MyAccount-content {
    background: var(--color-surface);
    padding: var(--space-xl);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    float: none;
    width: 100%;
    height: 100%;
}


.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .woocommerce-MyAccount-content p {
    color: var(--color-text-medium);
    line-height: 1.7;
    margin-bottom: var(--space-lg);
}


.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .woocommerce-MyAccount-content a:not(.button) {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    transition: var(--transition-base);
}


.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .woocommerce-MyAccount-content a:not(.button):hover {
    color: var(--color-primary-hover);
    text-decoration-thickness: 2px;
}

/* Mensaje de bienvenida */

.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .woocommerce-MyAccount-content strong {
    color: var(--color-text-dark);
    font-weight: 500;
}

/* Logout */

.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .list-group-item[href*="logout"] {
    color: #dc3545;
    position: relative;
}


.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .list-group-item[href*="logout"]:hover {
    color: white !important;
    background: #dc3545;
    border-color: #dc3545;
}


.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .list-group-item[href*="logout"]:before {
    content: "→";
    position: absolute;
    right: var(--space-md);
    opacity: 0;
    transition: var(--transition-base);
}


.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .list-group-item[href*="logout"]:hover:before {
    opacity: 1;
    right: var(--space-lg);
}

/* Responsive */
@media (max-width: 768px) {
    
.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .row {
        gap: var(--space-lg);
    }
    
    
.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .woocommerce-MyAccount-navigation {
        margin-bottom: var(--space-lg);
    }
    
    
.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .woocommerce-MyAccount-content {
        padding: var(--space-lg);
    }
    
    
.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .list-group-item {
        padding: var(--space-md);
    }
}

@media (max-width: 576px) {
    
.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .woocommerce-MyAccount-content {
        padding: var(--space-md);
        border-radius: var(--radius-md);
    }
    
   
.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .list-group-item:hover {
        transform: none;
    }
    
   
.elementor-element.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account .elementor-widget-container .list-group-item.active:before {
        display: none;
    }
}











/* Single Product Styles */
div#content div#primary main#main .wc-breadcrumb {
    background: var(--color-background);
    border-radius: var(--radius-md);
    padding: var(--space-sm) var(--space-md);
    margin-bottom: var(--space-xl);
}

div#content div#primary main#main .wc-breadcrumb .breadcrumb-item {
    font-size: 0.9em;
    color: var(--color-text-medium);
}

div#content div#primary main#main .wc-breadcrumb a {
    color: var(--color-primary);
    transition: var(--transition-base);
    position: relative;
}

div#content div#primary main#main .wc-breadcrumb a:hover {
    color: var(--color-primary-hover);
    transform: translateX(3px);
}

div#content div#primary main#main .wc-breadcrumb a:hover:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    opacity: 0.3;
}

/* Product Gallery */
div#content div#primary main#main .woocommerce-product-gallery {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--color-surface);
    border: 1px solid #dddddd47;
}

div#content div#primary main#main .woocommerce-product-gallery__image {
    padding: var(--space-lg);
}

div#content div#primary main#main .woocommerce-product-gallery img {
    border-radius: var(--radius-md);
    transition: var(--transition-base);
    background: var(--color-background);
    padding: var(--space-sm);
}

div#content div#primary main#main .woocommerce-product-gallery__trigger {
    background: rgba(255,255,255,0.9);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    transition: var(--transition-base);
}

div#content div#primary main#main .woocommerce-product-gallery__trigger:hover {
    background: var(--color-surface);
    transform: scale(1.1);
}

/* Product Summary */
div#content div#primary main#main .summary.entry-summary {
    padding: 15px;
    background: var(--color-surface);
    border-radius: 5px;
    box-shadow: var(--shadow-sm);
}

div#content div#primary main#main .product_title {
    font-size: 2.2rem;
    color: var(--color-text-dark);
    font-weight: 500;
    margin-bottom: var(--space-md);
    line-height: 1.3;
}

div#content div#primary main#main .price {
    font-size: 1.8rem;
    color: var(--color-primary);
    display: block;
}

/* Quantity Input */
div#content div#primary main#main .quantity .input-group {
    width: 160px;
    margin-bottom: 0;
}

div#content div#primary main#main .quantity .input-group-text {
    background: #0065c1;
    border: none;
    color: #ffffff;
    transition: var(--transition-base);
}

div#content div#primary main#main .quantity .input-group-text:hover {
    background: rgb(2 66 125);
    color: #fafafa;
}

div#content div#primary main#main .quantity .qty {
    border-color: var(--color-border);
    text-align: center;
    font-weight: 500;
    color: var(--color-text-dark);
}

/* Add to Cart Button */
div#content div#primary main#main .single_add_to_cart_button {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);
    color: white;
    padding: var(--space-md) var(--space-xl);
    border-radius: var(--radius-md);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--transition-base);
    width: 100%;
    position: relative;
    overflow: hidden;
}

div#content div#primary main#main .single_add_to_cart_button:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-primary);
}

div#content div#primary main#main .single_add_to_cart_button:after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.3) 50%,
        rgba(255,255,255,0) 100%
    );
    transition: var(--transition-slow);
}

div#content div#primary main#main .single_add_to_cart_button:hover:after {
    left: 100%;
}

/* Product Tabs */
div#content div#primary main#main .wc-tabs.nav-tabs {
    border-bottom: 2px solid var(--color-border);
}

div#content div#primary main#main .wc-tabs.nav-tabs .nav-link {
    color: var(--color-text-medium);
    border: none;
    padding: var(--space-md) var(--space-lg);
    position: relative;
}

div#content div#primary main#main .wc-tabs.nav-tabs .nav-link.active {
    color: var(--color-primary);
    background: transparent;
}

div#content div#primary main#main .wc-tabs.nav-tabs .nav-link.active:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--color-primary);
}

div#content div#primary main#main .woocommerce-Tabs-panel {
    padding: var(--space-xl) 0;
    color: var(--color-text-medium);
    line-height: 1.7;
}

/* Related Products */
div#content div#primary main#main section.related {
    margin-top: var(--space-2xl);
    padding-top: var(--space-2xl);
    border-top: 1px solid var(--color-border);
}

div#content div#primary main#main section.related h2 {
    font-size: 1.8rem;
    color: var(--color-text-dark);
    margin-bottom: var(--space-xl);
}



/* Estilos para productos variables */
div#content div#primary main#main .product-type-variable .variations {
    margin: 0 auto;
    width: 100%;
}

div#content div#primary main#main .product-type-variable .variations tr {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

div#content div#primary main#main .product-type-variable .variations th.label {
    text-align: left;
    padding: 0;
    font-weight: 500;
    color: var(--color-text-dark);
}

div#content div#primary main#main .product-type-variable .variations td.value {
    padding: 0;
}

div#content div#primary main#main .product-type-variable select {
    background: var(--color-surface);
    border: 2px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--space-sm) var(--space-lg);
    width: 100%;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right var(--space-md) center;
    background-size: 16px;
    transition: var(--transition-base);
}

div#content div#primary main#main .product-type-variable select:focus {
    border-color: var(--color-primary);
    box-shadow: var(--shadow-primary);
    outline: none;
}

div#content div#primary main#main .product-type-variable .reset_variations {
    display: inline-block;
    margin-top: var(--space-sm);
    font-size: 0.9em;
    color: var(--color-text-light);
    text-decoration: underline;
    transition: var(--transition-base);
}

div#content div#primary main#main .product-type-variable .reset_variations:hover {
    color: var(--color-primary);
}

div#content div#primary main#main .product-type-variable .woocommerce-variation-price {
    font-size: 1.4rem;
    color: var(--color-primary);
    margin: 0;
    padding: 0;
    /* background: var(--color-primary-light); */
    border-radius: var(--radius-md);
}

div#content div#primary main#main .product-type-variable .woocommerce-variation-availability {
    color: var(--color-success);
    font-weight: 500;
    margin-bottom: var(--space-lg);
}

/* Estado deshabilitado */
div#content div#primary main#main .product-type-variable .disabled .button {
    opacity: 0.7;
    cursor: not-allowed;
    background: var(--color-text-light) !important;
}

/* Información adicional */
div#content div#primary main#main .woocommerce-product-attributes {
    border-top: 1px solid var(--color-border);
    margin-top: var(--space-xl);
    padding-top: var(--space-lg);
}

div#content div#primary main#main .woocommerce-product-attributes-item {
    display: flex;
    gap: var(--space-md);
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--color-border);
}

div#content div#primary main#main .woocommerce-product-attributes-item__label {
    font-weight: 500;
    color: var(--color-text-dark);
    min-width: 160px;
}


/******** General styles ********/
div#content div#primary main#main .woocommerce-variation-add-to-cart.variations_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid #dddddd66;
    border-radius: 8px;
    background-color: #f9f9f9ba;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    flex-wrap: nowrap;
    align-content: center;
}

div#content div#primary main#main .quantity {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
}

div#content div#primary main#main .input-group {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

div#content div#primary main#main .input-group button {
    padding: 0.5rem 1rem;
    background-color: #007bff;
    border: none;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

div#content div#primary main#main .input-group button:hover {
    background-color: #0056b3;
}

div#content div#primary main#main .input-group .input-text {
    width: 50px;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem;
    border: none;
    outline: none;
}

div#content div#primary main#main .single_add_to_cart_button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    background-color: #28a745;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

div#content div#primary main#main .single_add_to_cart_button:hover {
    background-color: #218838;
}







/* Responsive */
@media (max-width: 768px) {
    div#content div#primary main#main .product-type-variable .variations tr {
        margin-bottom: var(--space-md);
    }
    
    div#content div#primary main#main .product-type-variable select {
        padding: var(--space-xs) var(--space-md);
        background-position: right var(--space-sm) center;
    }
    
    div#content div#primary main#main .woocommerce-product-attributes-item {
        flex-direction: column;
        gap: var(--space-xs);
    }
    
    div#content div#primary main#main .woocommerce-product-attributes-item__label {
        min-width: auto;
    }
}


/* Responsive Design */
@media (max-width: 992px) {
    div#content div#primary main#main .product_title {
        font-size: 1.8rem;
    }
    
    div#content div#primary main#main .woocommerce-product-gallery {
        margin-bottom: var(--space-lg);
    }
    
    div#content div#primary main#main .summary.entry-summary {
        padding: var(--space-lg);
    }
}

@media (max-width: 576px) {
    div#content div#primary main#main .product_title {
        font-size: 1.5rem;
    }
    
    div#content div#primary main#main .price {
        font-size: 1.4rem;
    }
    
    div#content div#primary main#main .single_add_to_cart_button {
        padding: var(--space-md) var(--space-lg);
    }
}