.type-page .page-header{
	display:none;
}

/* 1. Default state: Ensure text is White when at the top */
header.elementor-section:not(.she-header) .elementor-nav-menu .elementor-item {
    color: #FFFFFF !important;
}

/* 2. Scrolled state: Change text to Black when the plugin activates */
.she-header .elementor-nav-menu .elementor-item {
    color: #000000 !important;
    transition: color 0.4s ease-in-out !important;
}

/* 3. Handle the Mobile Hamburger Icon */
.she-header .elementor-menu-toggle i {
    color: #fff !important;
}

/* Target the header only when it has the 'she-header' class (scrolled state) */
.she-header {
    min-height: 50px !important;
    height: 50px !important;
    transition: all 0.4s ease-in-out !important;
}

/* Ensure the internal container and widgets align perfectly in the center */
.she-header .elementor-container {
    min-height: 50px !important;
    height: 50px !important;
}

.side-menu .elementor-menu-toggle{
    display: inherit !important;
}

.side-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
	display:none;
}

.side-menu .elementor-nav-menu--dropdown-mobile .elementor-menu-toggle, .elementor-nav-menu--dropdown-mobile .elementor-nav-menu--dropdown{
   display: inherit !important;

}

.she-header-yes .elementor-menu-toggle:before, .she-header-yes .elementor-menu-toggle:after, .she-header-yes .elementor-menu-toggle i:after {
	height:1px !important;
	width:0 !important;
	border-radius:0 !important;
}

/* 1. Change the Hamburger Icon (Bars) Color on Scroll */
.she-header .elementor-menu-toggle svg {
    fill: #000 !important; /* Changes the SVG icon color to White */
}

/* 2. Change the Toggle Background Color on Scroll (if applicable) */
.she-header .elementor-menu-toggle {
     !important; /* Keeps the toggle background clear */
    color: #000 !important; /* Fallback for non-SVG icons */
}

/* 3. Optional: Change the color back to Black when NOT scrolled */
/* (Only if your default theme settings aren't working) */
.elementor-menu-toggle svg {
    fill: #fff!important; 
    transition: fill 0.3s ease; /* Smooth color transition */
	
}
.elementor-menu-toggle {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Remove background specifically when the sticky effect is active */
.she-header .elementor-menu-toggle {
    background-color: transparent !important;
}

/* Remove the border line and rounded corners from the toggle */
.elementor-menu-toggle {
    border: none !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    outline: none !important; /* Removes the focus ring when clicked */
    box-shadow: none !important; /* Removes any slight shadow that looks like a line */
}

/* Ensure it stays removed even when scrolling (Sticky Header) */
.she-header .elementor-menu-toggle {
    border: none !important;
    border-radius: 0 !important;
}


    .woocommerce ul.products li.product {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 20px;
        text-align: left;
    }
    .woocommerce ul.products li.product a img {
        width: 200px; /* Adjust image size */
        margin: 0;
    }
	
.form-row {
    display: flex;
    flex-wrap: wrap; /* Allows stacking on mobile */
    gap: 20px;       /* Space between the two fields */
    margin-bottom: 20px;
    align-items: flex-end; /* Keeps the bottoms aligned */
	font-size:14px;
}

/* Force each column to exactly 50% (minus the gap) */
.form-column {
    flex: 1;

}

/* Ensure inputs inside the columns fill the 50% width */
.form-column input, .form-column textarea, .form-column select{
    width: 100% !important;
	font-size:14px;
	margin-top:5px;
}
	
	label{
		width:100%;
		font-size:14px;
	}
	
    .wpcf7-submit {
        font-size: 14px !important;
        background-color: #000 !important;
        color: #fff !important;
        border: 1px solid #000;
    }
	
/* Fix the 50/50 Row */
.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    align-items: flex-start;
}

.form-column {
    flex: 1;
}
	
	.form-column p{
		margin-bottom:0;
	}

	/* Align circle and word side-by-side on the same line */
.wpcf7-list-item {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important; /* Centers circle vertically with text */
    gap: 8px !important;           /* Space between circle and word */
    margin-right: 20px !important;
}

.wpcf7-list-item input[type="radio"] {
    margin: 0 !important;
}
	

.rmp-submenu li {
        color: #000 !important;

}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
  /* Force the container/row to stack vertically */
  .form-row, .grid-container { 
    display: flex;
    flex-direction: column;
  }

  /* Make all inputs and the wrapper divs span 100% */

  textarea, 
  select,
  .input-group {
    width: 100% !important;
    box-sizing: border-box; /* Ensures padding doesn't break the width */
    margin-bottom: 15px;    /* Adds spacing between stacked fields */
  }

  /* Adjust the radio buttons to align nicely */
  .radio-group {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
  }
}