/*
Template:       gymat
Theme Name:     Gymat Child Theme
Theme URI:      http://radiustheme.com/demo/wordpress/themes/gymat
Author:         RadiusTheme
Author URI:     http://radiustheme.com
Description:    Gymat - Gym Fitness, Yoga & Personal Trainer WordPress Theme. It is fully responsive for all kind of devices like Desktop & Mobile. Gymat has included all kind of features for Gym Fitness , Yoga & Personal Trainer.
Version:        1.0
Text Domain:    gymat
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, editor-style, featured-images, post-formats, sticky-post, threaded-comments, translation-ready
License:   	  Envato split License
License URI:  https://themeforest.net/licenses/terms/regular
*/

/* removing "change address" in subscription detail page */
.woocommerce-button.button.change_address {
    display:none;
}

/* Adding border to "Early Renew" button in user dashboard */

#early_renewal_modal_submit {
    border: 2px solid;
    padding: 8px;
    border-radius: 5px;
}

.woocommerce-button.button.subscription_renewal_early {
    border: 2px solid;
    padding: 2px 10px;
    border-radius: 5px;
}

/* Glow effect + rotate animation */
/* Base styles for variable descriptions */
.variable_description {
    position: relative;
    padding: 15px 15px 5px 15px;
    border-radius: 5px;
    background: #f2f2f2;
    z-index: 1;
    overflow: hidden;
}

/* Rotating gradient border effect */
.variable_description::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, #28a0da, #255b8b, #48cae4, #28a0da, #255b8b);
    z-index: -1;
    border-radius: 10px;
    padding: 3px 0 3px 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    animation: rotate-gradient-fast 3s linear infinite;
    background-size: 300% 300%;
}

@keyframes rotate-gradient-fast {
    0% {
        background-position: 0% 50%;
    }
    25% {
        background-position: 50% 100%;
    }
    50% {
        background-position: 100% 50%;
    }
    75% {
        background-position: 50% 0%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Desktop-specific Width for description box */
@media (min-width: 1024px) {
    .variable_description {
        width: 80%;
    }
    .single_add_to_cart_button {
        width: 80%;
    }
}


/* removing space in variables lable for subscription pages */
.label {
    white-space: nowrap;
}

.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th {
    vertical-align: baseline;
}

/* Removing Quantity counter since we don't use it */

.product-quantity {
    display:none;
}

/* Product Section Full width on Mobile devices */
@media screen and (max-width: 768px) {
    .single-product-top {
        width: 100%;
    }
    .single_add_to_cart_button {
    width:100%;
    }
}

/* Adjusting price section in product pages */
.woocommerce-variation-price {
    padding: 10px 0 5px 0;
}

/* Login/Register in header */

.header-right-button a {
    letter-spacing: normal!important;
    min-width: 140px!important;
}


/* custom User-Menu css in header --- Related to /gymat-child/template-parts/header/header-1.php */
/* Style for the dropdown button */
.header-right-button .dropdown {
    position: relative;
    display: inline-block;
}

.header-right-button .header-btn {
    display: inline-flex;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: #229dd8;
}

.header-right-button .header-btn:hover {
    background-color: #1e73be6e; /* Hover effect for Profile button */
}

/* Style for the dropdown menu */
.header-right-button .dropdown-menu {
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    width: 165px;
    direction: rtl;
    text-align: right;
}

/* Style for the items inside the dropdown */
.header-right-button .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    font-size: 15px;
    border: none;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Space between the icon and text */
.header-right-button .dropdown-menu .dropdown-item i {
    margin-left: 10px; /* Add space between icon and text */
    font-size: 18px;
}

/* Hover effect for the dropdown items (using theme's color for hover) */
.header-right-button .dropdown-menu .dropdown-item:hover {
    background-color: #f1f1f1;
    color: #28a0da; /* Theme color for hover effect */
}
.header-menu.rt-sticky .header-right-button a {
    color:#28a0da !important;
}

/* Display dropdown on hover */
.header-right-button .dropdown:hover .dropdown-menu {
    display: block;
}

/* Animation for the dropdown appearing */
.header-right-button .dropdown-menu {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.header-right-button .dropdown:hover .dropdown-menu {
    opacity: 1;
    transform: translateY(0);
}

/* Hiding price range in subscription page */
.woocommerce .product-details-page .rt-right span.price, .woocommerce .product-details-page .rt-right p.price {
    display:none;
}

/* Subscription Page font and style design */
.product_meta {
    display:none;
}

.woocommerce table.shop_attributes td {
    font-style: normal;
}
.woocommerce table.shop_attributes {
    border-top: 1px solid rgb(30 115 190 / 37%);
}

.woocommerce div.product form.cart .variations select {
    background: #28a0da21;
    border-radius: 5px;
    color: #080808;
}

.woocommerce-product-details__short-description {
    font-family: 'Morabba';
    color: #28a0da;
}

@media (max-width: 991px) {
    .woocommerce .product-details-page .rt-right {
        padding-right: 15px !important;
    }
}

/* Hide the cart subtotal */
.cart-subtotal,
.recurring-total.cart-subtotal,
.woocommerce-shipping-totals,
.woocommerce-additional-fields,
.shipping.recurring-total {
    display: none !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled {
    display:none !important;
}

/* Header Customizations */

.header-menu {
	background-color: #0e0e0e !important;
}
.mean-bar {
	background: #0e0e0e !important;
}