/*

Theme Name: Divi Child

Theme URI: https://example.com/divi-child/

Description: Scruffy

Author: Gekkoshot

Author URI: https://example.com

Template: Divi

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

input[type="submit"] {
    padding:10px 20px;
    color: #fff !important;
    font-weight: regular!important;
    border-radius: 100px!important;
}

.woocommerce .woocommerce-MyAccount-content > h2 {
  display: none;
}


/* Reverse columns on mobiles */
@media screen and ( max-width: 980px ) {
  #reverse-columns {
      display: flex;
      flex-direction: column-reverse;
  }
}

.woocommerce .subscription-details {
  display: none !important;
}




/* Contact Module */

/* Styling for form input field labels */
.et_pb_contact_form label.et_pb_contact_form_label {
font-size: 16px;
display: block !important;
color: #000000;
font-family: 'Plus Jakarta Sans', sans-serif !important; 
margin-bottom: 5px;
}

/* Styling to hide extra label */
.et_pb_contact_form .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
display: none;
}

/* Styling for placeholder text */
.et_pb_contact_form ::-webkit-input-placeholder {
color: #fff !important;
}

.et_pb_contact_form.my_contact :-moz-placeholder {
color: #fff !important;
}

.et_pb_contact_form ::-moz-placeholder {
color: #fff !important;
}

.et_pb_contact_form :-ms-input-placeholder {
color: #fff !important;
}

/* Styling for inline checkboxes */
.et_pb_contact_field_options_list span {
display: inline-block;
color: #000000;
margin-right: 30px;
}

/* Styling for contact button */
.et_contact_bottom_container {
width: 100% !important;

}

/* ===========================
   App Page – Styled to Match Dashboard
   =========================== */

.app-wrapper {
  font-family: 'Plus Jakarta Sans', sans-serif !important; 
  max-width: 600px;
  margin: 100px auto;
  padding: 40px 20px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

.app-wrapper h1 {

  font-size: 2rem;
  color: #4b4b4b;
  margin-bottom: 30px;
}

.app-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}

.app-wrapper input[type="text"] {
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  width: 100%;
  max-width: 300px;
  font-family: 'Plus Jakarta Sans', sans-serif !important; 
  box-sizing: border-box;
  color: #4b4b4b;
}

.app-wrapper input[type="submit"] {
  background-color: #000;
  color: #fff;
  font-weight: 500;
  border: none;
  border-radius: 100px;
  padding: 12px 20px;
  cursor: pointer;
  font-family: 'Plus Jakarta Sans', sans-serif !important; 
  transition: background 0.3s ease;
  font-size: 15px;
  width: 100%;
  max-width: 160px;
}

.app-wrapper input[type="submit"]:hover {
  background-color: #a17d5f;
  
}

@media (max-width: 768px) {
  .app-wrapper {
    margin: 60px 15px;
  }
}



















/* 🌟 Enhanced Legacy Form Styles */


/* LOADER */
#legacy-overlay {
  display: none;
  position: fixed;
  inset: 0; /* replaces top: 0; left: 0; right: 0; bottom: 0 */
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.95);
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
}



.legacy-loader-box {
  text-align: center !important;
}

.legacy-spinner {
  border: 4px solid #c4a388 !important;
  border-top: 4px solid transparent !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  animation: spin 1s linear infinite !important;
  margin: 0 auto 12px auto !important;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#legacy-loader-overlay p {
  color: #4b4b4b !important;
  font-size: 18px !important;
}


.create-legacy-container {
  background: #ffffff;
  padding: 40px 25px;
  max-width: 840px;
  margin: 60px auto;
  color: #4b4b4b;
  font-family: 'Plus Jakarta Sans', sans-serif;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.create-legacy-container h1 {
  font-size: 2rem;
  text-align: center;
  color: #4b4b4b;
  margin-bottom: 10px;
}

.create-legacy-container p {
  text-align: center;
  font-size: 1rem;
  color: #777;
  margin-bottom: 30px;
}

.create-legacy-container .acf-form {
  background: #f9f9f9;
  border: 1px solid #e3e3e3;
  padding: 30px;
  border-radius: 10px;
}

/* Form Fields */
.acf-field {
  margin-bottom: 24px;
}

.acf-field .acf-label label {
  display: block;
  font-weight: 700;
  margin: 0 0 3px;
  padding: 0;
}

.acf-input input[type="text"],
.acf-input input[type="email"],
.acf-input input[type="number"],
.acf-input input[type="url"],
.acf-input input[type="date"],
.acf-input select,
.acf-input textarea {
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  background-color: #fff;
  color: #333;
}

/*.et_pb_module a{
  font-size: 16px!important;
}*/
button, input[type="submit"], .et_pb_button, .et_pb_module a, .et_pb_module button {
    border: none !important;
    box-shadow: none !important;
    font-size: 18px;
    
}
/* File Upload */
.acf-input input[type="file"] {
  background: transparent;
  color: #4b4b4b;
}

/* Submit Button */
.acf-form input[type="submit"],
.acf-button {
  background-color: #000;
  color: #fff!important;
  border: none;
  padding: 12px 24px;
  border-radius: 100px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-block;
  margin-top: 10px;
}

.acf-form input[type="submit"]:hover,
.acf-button:hover {
  background-color: #000;
}

/* Descriptions (inline helper text) */
.acf-fields .acf-field .description {
  color: #6F6E6E;
  font-size: 13px;
  font-style: normal;
  margin-top: 6px;
  display: block;
  line-height: 1.5;
  text-align: left!important;
}

.acf-repeater .acf-row-handle.remove {
  background: #ffffff;
  border-left-color: #ffffff;
}

.acf-repeater.-row>table>tbody>tr>td, .acf-repeater.-block>table>tbody>tr>td {
  border-top-color: #ffffff;
}
.acf-table>tbody>tr>td {
  border-color: #fff;
  border-width: 0px 0 0 0px;
}

.acf-repeater .acf-row-handle.order {
  background: #ffffff;
  cursor: move;
  color: #000;
  text-shadow: #ffffff 0 1px 0;

}
/* ✅ Responsive: Tablet & Mobile */
@media (max-width: 980px) {
  .create-legacy-container {
    padding: 30px 20px;
    margin-top: 0px!important;
  }

  .create-legacy-container h1 {
    font-size: 1.75rem;
  }

  .create-legacy-container .acf-form {
    padding: 20px;
  }

  .acf-form input[type="submit"] {
    width: 100%;
    font-size: 1rem;

  }
}

@media (max-width: 600px) {
  .create-legacy-container h1 {
    font-size: 1.5rem;
  }

  .create-legacy-container p {
    font-size: 0.95rem;
  }

  .acf-input input,
  .acf-input select,
  .acf-input textarea {
    font-size: 14px;
  }
}



/* Fix overflow inside your #photo_gallery_acf_2 wrapper */
#photo_gallery_acf_2 {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-right: 0;
}

#photo_gallery_acf_2 .acf-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}

#photo_gallery_acf_2 .acf-fields {
  width: 100%;
  box-sizing: border-box;
}

#photo_gallery_acf_2 input[type="file"],
#photo_gallery_acf_2 .acf-input,
#photo_gallery_acf_2 .acf-field {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}




/* WOO LOGIN FORM */

.woocommerce form.login {
  background: #fff;
  border-radius: 10px;
  padding: 40px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.woocommerce form.login input[type="text"],
.woocommerce form.login input[type="email"],
.woocommerce form.login input[type="password"] {
  background: #f7f7f7;
  border: 1px solid #ccc;
  padding: 14px;
  border-radius: 6px;
  
  margin-bottom: 20px;
}

.woocommerce form.login button.button {
  background-color: #000;
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 100px;
  padding: 12px 24px;
  width: 100%;
  cursor: pointer;
  transition: background 0.3s ease;
}

.woocommerce form.login button.button:hover {
  background-color: #000;
}

.woocommerce form.login label {
  font-weight: 600;
  color: #333;
}

.woocommerce form.login .form-row {
  margin-bottom: 1rem;
}

/* Make WooCommerce login form narrower on desktop */
@media (min-width: 768px) {
  .woocommerce form.login {
    width: 700px;
    margin: 0 auto;
  }
}
/*
.woocommerce {
  display: flex;
  justify-content: center;
}
*/
/* Apply 'Plus Jakarta Sans' to headers */
.woocommerce h1,
.woocommerce h2,
.woocommerce-account .entry-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
  text-transform: capitalize;
}

/* Reduce "Login" heading size */
.woocommerce h2 {
  font-size: 1.5rem;
  margin-top: 0;
}

/* Tweak "My Account" page top title */
.woocommerce-account .entry-title {
  font-size: 2rem;
  margin-top: 20px;
}

/* Optional: Hide duplicate titles if needed */
.woocommerce-account .woocommerce h2:first-of-type {
  display: none;
}





.woocommerce-account .woocommerce h2 {
  display: none !important;
}




/* WOO DASH */




/* Main WooCommerce account layout */
.woocommerce-account .woocommerce {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px;
    max-width: 100%;
    margin: 0 auto;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #333;
}

/* Sidebar: minimal padding on mobile */
.woocommerce-MyAccount-navigation {
    background: #ffffff;
    padding: 15px;
    
 
   
    margin-bottom: 10px;
 
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.woocommerce-MyAccount-navigation li {
    margin-bottom: 6px;
}
.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 10px 12px;
    border-radius: 6px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    transition: background 0.2s ease;
}
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
    background-color: #000!important;
    color: white;
}

/* Dashboard content */
.woocommerce-MyAccount-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}



.woocommerce-MyAccount-navigation .is-active a {
  background-color: #000!important;
  color: white !important;
}
.woocommerce .woocommerce-button.button:hover {
  background-color: #000; /* New background color */
  color: #ffffff;           /* Text color */
  border-color:#000;    /* Optional: match border */
}

.woocommerce-page.et_pb_button_helper_class a.button{
  color: white !important;
  border-radius: 100px;
  border: none !important;
}

.woocommerce-MyAccount-navigation a:hover{
  background-color: #000;
  color: white !important;
}





.woocommerce-account .woocommerce {
    display: flex
;
    flex-direction: column;
    gap: 0px;
    padding: 0px!important;
    max-width: 100%;
    margin: 0 auto;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #000;
}

/* Tighten mobile + desktop responsiveness */
@media (min-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: row;
        gap: 30px;
        padding: 20px 30px;
    }

    .woocommerce-MyAccount-navigation {
        min-width: 220px;
    }

    .woocommerce-MyAccount-content {
        flex: 1;
    }

    
}




@media (max-width: 767px) {
  .woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation {
    width: 100%;
    max-width: 100% !important;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .woocommerce form.login {
      background: #fff;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
      font-family: 'Plus Jakarta Sans', sans-serif;
  }
}



.woocommerce button.button, .woocommerce-page button.button, {

    background-color: #000000!important;
}

.et_pb_video_0 .et_pb_video_overlay .et_pb_video_play {
  color: #FFFFFF !important;
}

.et_pb_video_1 .et_pb_video_overlay .et_pb_video_play {
    color: white !important;
  
}
/* MAP CSS */




.ol-marker>img, .wpgmza_map .ol-marker > img {
  position: absolute;
  bottom: 0px;
  transform: translateX(-50%);
  max-width: none;
  z-index: 2;
  width: 40px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Popup styling for map */
.ol-info-window-plain {
  background-color: #ffffff !important; /* White background for consistency */
  border: 1px solid #e0e0e0 !important; /* Light gray border to match the site's color scheme */
  border-radius: 10px !important; /* Rounded corners */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; /* Soft shadow to make it pop */
  padding: 15px !important; /* Padding inside the popup */
  font-family: 'Plus Jakarta Sans', sans-serif !important; /* Ensure font is consistent with the rest of the site */
  color: #333333 !important; /* Dark text color for readability */
  font-size: 14px !important; /* Set a standard font size */
  line-height: 1.6 !important; /* Line height for better readability */
  width: 300px !important; /* Set a consistent width */
}

/* Styling for the title inside the popup */
.ol-info-window-plain .wpgmza-title {
  font-size: 16px !important; /* Larger font size for the title */
  font-weight: bold !important; /* Make title bold */
  color: #333333 !important; /* Same color as text */
  margin-bottom: 10px !important; /* Space between title and content */
}

/* Styling for the description text inside the popup */
.ol-info-window-plain .wpgmza-description {
  color: #666666 !important; /* Lighter color for the description */
  font-size: 14px !important; /* Consistent font size */
}

/* Add some spacing between each marker's info and its title */
.ol-info-window-plain .wpgmza-description, 
.ol-info-window-plain .wpgmza-title {
  margin-bottom: 10px !important;
}

/* Style for links inside the popup */
.ol-info-window-plain a {
  color: #c4a388 !important; 
  text-decoration: none !important;
}

.ol-info-window-plain a:hover {
  text-decoration: underline !important; /* Underline on hover */
}

/* Adjust the close button of the popup */
.ol-info-window-plain .ol-close {
  background-color: transparent !important; /* Make close button blend in */
  border: none !important;
  font-size: 20px !important; /* Larger size for the close icon */
  color: #333 !important; /* Dark color for visibility */
}

/* Optional: Add spacing around content */
.ol-info-window-plain p {
  margin: 0 !important;
  padding: 0 !important;
}



.et_pb_video_play:before {
    font-family: ETmodules;
    color: whiite!important;
    content: "I";
}

/* Change product button + link colors globally */
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce .woocommerce-result-count,
.woocommerce a,
.woocommerce-page a {
    color: #000 !important;
}

/* Also override 'Sign up now' style */
.woocommerce div.product .summary a.button {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}