/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/



//buy button size

.product-type-simple form.cart,
.woocommerce-variation-add-to-cart {
  display: flex;
}
.product-type-simple form.cart > button,
.woocommerce-variation-add-to-cart > button {
  flex-grow: 1;
}

//rotate topbar

.rotate-top-bar p{
		display:none;
}

//text roller
#text-roller {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 75%;
}

.text-roller-section {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#text-roller {
    overflow: hidden; /* Taşan metni gizler */
    white-space: nowrap; /* Metnin tek satırda kalmasını sağlar */
    width: 100%; /* Genişliği ayarlayın */
}

#text-roller span {
    display: inline-block; /* Metin öğelerini yan yana dizmek için */
}


/* Target the selected swatch */
.variations_form .ux-swatch.selected {
    box-shadow: 0 0 0 3px #0077bb !important; /* Add box-shadow with !important */
    outline: none; /* Remove any default focus outline if necessary */
}

/* Ensure swatch images or elements aren't hidden or affected by other styles */
.variations_form .ux-swatch {
    display: inline-block; /* Ensure swatches are inline elements */
    padding: 5px; /* Add padding for better appearance */
}

/* Optional: Add hover effect to swatches for better user experience */
.variations_form .ux-swatch:hover {
    box-shadow: 0 0 0 2px #0077bb;
    cursor: pointer;
}
/*CSS ile Gizleme */

.woocommerce-form-coupon-toggle {
    display: none !important;
}
#ship-to-different-address {
    display: none !important;
}




/*************** ADD CUSTOM CSS HERE.   ***************/


/*************** ADD MOBILE ONLY CSS HERE  ***************/