/*
  Theme Name: LA LILA Theme
  Version: 1.0.0.
  Template: Divi
  Author: Martyna Hofman
  Author URI: https://martynahofman.pl
  Text Domain: la-lila-theme
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Przycisk CTA w menu */
.de-menu-cta a {
    color: #fff !important;
    background-color: #A05C65;
    font-family: \'Montserrat\', sans-serif !important;
    font-size: 17px !important;
    font-weight: 400;
    text-transform: uppercase;
	letter-spacing: 1px !important;
	padding: 10px 32px !important;
    line-height: 1.2em;
    display: inline-block !important;
    border: none;
    text-align: center;
}

/* 🔸 Desktop – delikatne odsunięcie przycisku */
#top-menu .de-menu-cta {
	margin-top: 20px !important;
    margin-left: 20px !important;
}

/* 🔸 Mobile menu – poprawne wcięcie i odstęp */
.et_mobile_menu .de-menu-cta {
	margin-top: 15px !important;
    padding-left: 20px !important; /* Odsuwa cały li */
    padding-right: 20px !important;
}

/* Upewnij się, że link w środku nie rozciąga się na 100% */
.et_mobile_menu .de-menu-cta a {
    display: inline-block !important;
    width: auto !important;
    background-color: #A05C65;
    margin: 10px 0 !important; /* odstęp góra/dół */
}

/* --- CTA LINK: wymuszenie białego koloru --- */

/* Główne reguły – działają na wszystkich wersjach menu */
#top-menu li.de-menu-cta a,
.et_mobile_menu li.de-menu-cta a,
.et-fixed-header #top-menu li.de-menu-cta a,
#et-top-navigation li.de-menu-cta a,
.de-menu-cta a {
    color: #fff !important;
    background-color: #A05C65 !important;
}

/* Hover i active */
#top-menu li.de-menu-cta a:hover,
.et_mobile_menu li.de-menu-cta a:hover,
.et-fixed-header #top-menu li.de-menu-cta a:hover {
    background-color: #8c4f57 !important;
    color: #fff !important;
}

/* Gdy klasa jest na  (nie na li) — na wszelki wypadek */
#top-menu a.de-menu-cta,
.et_mobile_menu a.de-menu-cta {
    color: #fff !important;
}

/* 🔸 Nadpisanie koloru dla CTA w menu */
.et_pb_menu_1_tb_header.et_pb_menu ul li.de-menu-cta a {
    color: #fff !important;
    background-color: #A05C65 !important;
}

/* Hover (lekko ciemniejszy odcień) */
.et_pb_menu_1_tb_header.et_pb_menu ul li.de-menu-cta a:hover {
    color: #fff !important;
    background-color: #8c4f57 !important;
}

/*kolor tła menu*/
.et_mobile_menu {
    background-color: #f3efe5 !important; /* Jasny beż */
    padding-top: 30px !important;
    padding-bottom: 40px !important;
}

/*przycisk formularza ankiety*/

.mh-custom-button {
	background: #A05C65!important;
	text-transform: uppercase!important;
	letter-spacing: 1px!important;
	padding: 12px 30px!important;
	
	
}

/* Logo standardowe na stronie głównej */
.home #custommenu .et-menu-logo {
    content: url(\'/wp-content/uploads/2025/11/lalila-logo-white-330.png\');
}


/* Logo sticky na stronie głównej */
.home.et-fixed-header #custommenu .et-menu-logo {
    content: url(\'/wp-content/uploads/2025/10/lalila-logo-black-300-mobile-2.png\');
}


/*zakladka Suknie slubne - kwadratowe grafiki*/


/*changing the Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: \'\\4d\';
}
/*rotating the Divi Menu icon*/

.mobile_menu_bar:before {
    transition: all .4s ease;
    transform: rotate(0deg);
    display: block;
}


/*rotate the Divi Menu icon on click*/



.cta-image h2 {
    position: absolute;
    color: white;
}.mobile_nav.opened .mobile_menu_bar::before {
    transition: all .4s ease;
    transform: rotate(90deg);
    display: block;
}

/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0;
}

/*making the Divi Menu full width*/
.et_pb_menu .et_mobile_menu{
    min-width: 105vw;
     padding-top: 20%!important;
   margin-left: -4vw;
    padding-bottom: 100vh!important;
}

/*removing the line from the menu items and adding line height*/

	
	
.et_mobile_menu li a {
padding:10px 30px 10px -10px!important;
border-bottom: none!important;
}

/*removing padding of the social media icons*/
.et_mobile_menu li li {
padding-left:0%!important;
padding-right:10%!important;	
padding-top:15%!important;
}

/* --- Ogólne fonty WPForms --- */
.wpforms-container,
.wpforms-container * {
  font-family: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;
  font-weight: 400;
  box-sizing: border-box;
}

/* --- Pytania / etykiety pól (Playfair Display) --- */
.wpforms-form .wpforms-field-label {
  font-family: \"Playfair Display\", serif !important;
  font-weight: 600 !important;
  font-size: 1.4em !important;
  line-height: 1.4 !important;
  letter-spacing: 0.3px;
  color: inherit;
  display: block;
  margin-bottom: 1em !important;	
}

/* --- Odstęp między poszczególnymi pytaniami --- */
.wpforms-form .wpforms-field {
   margin-bottom: 1em !important;
}	

/* --- Opisy pod pytaniami --- */
.wpforms-form .wpforms-field-description {
  font-family: \"Poppins\", sans-serif !important;
  font-weight: 400;
  font-size: 0.95em;
  color: #555;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

/* --- Pola input, select, textarea --- */
.wpforms-form input,
.wpforms-form textarea,
.wpforms-form select {
  font-family: \"Poppins\", sans-serif !important;
  font-weight: 400;
  font-size: 1em;
  padding: 0.7em 1em;
  border-radius: 6px;
  border: 1px solid #ccc;
}

/* --- Placeholdery --- */
.wpforms-form ::placeholder {
  font-family: \"Poppins\", sans-serif !important;
  font-weight: 300;
  color: #aaa;
}

/* --- Przyciski --- */
.wpforms-form .wpforms-submit,
.wpforms-form button,
.wpforms-form .wpforms-page-next,
.wpforms-form .wpforms-page-prev {
  font-family: \"Poppins\", sans-serif !important;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.5px;
  padding: 0.9em 2.4em;
}

.wpforms-confirmation-container-full,
.wpforms-confirmation-container {
  background: none !important;        /* usuwa zielone tło */
  border: none !important;            /* usuwa ramkę */
  color: #333 !important;             /* neutralny, ciemnoszary tekst */
  font-family: \"Poppins\", sans-serif !important;
  font-size: 1.1em !important;
  text-align: center !important;
  padding: 1.5em 0 !important;
  box-shadow: none !important;
}

/* --- Dodatkowo: jeśli chcesz delikatną animację pojawiania się --- */
.wpforms-confirmation-container {
  opacity: 0;
  animation: fadeIn 0.8s ease forwards;
}

@keyframes fadeIn {
  to { opacity: 1; }
}


/*Domyslna stopka Divi*/
#footer-bottom { display: none; }

/* --- Responsywne dostosowanie odstępów na mniejszych ekranach --- */
@media (max-width: 768px) {
  .wpforms-form .wpforms-field {
	  margin-bottom: 1em !important;
  }

  .wpforms-form .wpforms-field-label {
    margin-bottom: 0.8em !important;
    font-size: 1.3em !important;
  }
	
  .wpforms-form .wpforms-submit,
  .wpforms-form button,
  .wpforms-form .wpforms-page-next,
  .wpforms-form .wpforms-page-prev {
	font-size: 1.3em !important; /* większy tekst */
    padding: 1.2em 2.4em !important; /* większy przycisk */
	display: block !important;
    margin: 1.2em auto 0 auto !important;  
  }
	
	/* dopasowanie kontenera, żeby nie był zbyt wąski */
  .wpforms-form .wpforms-submit-container {
    text-align: center !important;
  }
}