/*
 Theme Name:  M1S1L-Child-Theme-for-Divi
 Theme URI:    https://commotiondigital.com
 Description:  This is a Child Theme for Divi
 Author:       Matt Lichtenwalter
 Author URI:   https://commotiondigital.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* Fluent Form - Contact Us Form */
/* Style the submit button */
.ff-el-group.ff-text-left.ff_submit_btn_wrapper button[type="submit"] {
  width: 100%;
  max-width: 100%;
  display: block;
}


/*fluent form - newsletter signup - styling */
/* Style Fluent Form newsletter input fields */
#fluentform_4 .ff-el-form-control {
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  padding: 10px 15px;
  font-size: 16px;
  font-family: 'Work Sans', sans-serif;
  box-shadow: none;
  width: 100%;
}

/* Style placeholder text */
#fluentform_4 .ff-el-form-control::placeholder {
  color: #ccc;
  font-size: 14px;
  font-family: 'Work Sans', sans-serif;
}


/* End Fluent form */


/* Completely disable mobile dropdown behavior in all Menu modules */
.et_pb_menu .et_mobile_nav_menu,
.et_pb_menu .mobile_menu_bar,
.et_pb_menu .et_pb_menu__icon {
    display: none !important;
}

/* Force main menu (ul list) to display always */
.et_pb_menu .et_pb_menu__menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    position: static !important;
}

/* Ensure menu items are visible and clickable */
.et_pb_menu .et_pb_menu__menu li {
    display: block !important;
    margin-bottom: 5px;
}

/* Optional: remove collapsed styling if any */
.et_pb_menu .et_pb_menu__wrap {
    display: block !important;
}


/* hide Variation Swatches - color and size on Shop page */
/* Hide variation swatches (colors and sizes) on /shop page only */
body.archive.woocommerce .cfvsw-swatches-container {
    display: none !important;
}



.woocommerce div.product div.woocommerce-product-gallery img {
    border-color: transparent !important;
}

/* Buy Now Button on Product Pages - spacing and Button Colors */
.wc-buy-now-btn {
    margin-left: 10px !important; 
}

body #page-container #et-boc .wc-buy-now-btn.single_add_to_cart_button {
    background-color: black !important;
    color: white !important;
}

body #page-container #et-boc .wc-buy-now-btn.single_add_to_cart_button:hover {
    background-color: #333 !important;
    border-color: #333 !important;
}

/* ACF Custom Field - Size Chart */
.size-chart {
    width: 100% !important;
    max-width: 600px !important; /* Adjust width as needed */
    border-collapse: collapse !important;
    margin: 20px auto !important;
    font-family: Arial, sans-serif !important;
}

.size-chart td {
    border: 1px solid #ddd !important;
    padding: 10px !important;
    text-align: center !important;
}

.size-chart tr:first-child td {
    font-weight: bold !important;
    background-color: #f8f8f8 !important; /* Light background for header row */
}

.size-chart tr td:first-child {
    font-weight: bold !important;
    text-align: left !important;
}

.size-chart tr:nth-child(even) {
    background-color: #f9f9f9 !important; /* Light gray alternating row */
}

.size-chart tr:hover {
    background-color: #ececec !important; /* Subtle hover effect */
}