/*================================================== = CONTAINER ==================================================*/ .lca-archive-rent-search{ position:relative; margin-top:-90px; z-index:20; padding:0 20px; } .lca-archive-rent-search__inner{ width:100%; max-width:1500px; margin:0 auto; background:#FFFFFF; border-radius:24px; padding:45px; box-shadow: 0 25px 70px rgba(0,0,0,.12); } /*================================================== = HEADER ==================================================*/ .lca-archive-rent-search__header{ text-align:center; margin-bottom:45px; } .lca-archive-rent-search__title{ margin:0; color:#202020; font-size:38px; font-weight:700; line-height:1.2; } .lca-archive-rent-search__subtitle{ width:100%; max-width:760px; margin:18px auto 0; color:#777777; font-size:17px; line-height:1.7; } /*================================================== = FORM ==================================================*/ .lca-archive-rent-search__form{ width:100%; } /*================================================== = QUICK SEARCH ==================================================*/ .lca-archive-rent-search__quick{ display:grid; grid-template-columns: 1.4fr 1fr 1fr 220px; gap:18px; align-items:end; } /*================================================== = FIELD ==================================================*/ .lca-archive-rent-search__field{ display:flex; flex-direction:column; } .lca-archive-rent-search__field label{ margin-bottom:10px; color:#444; font-size:14px; font-weight:600; } .lca-archive-rent-search__field input, .lca-archive-rent-search__field select{ width:100%; height:54px; padding:0 18px; border-radius:12px; border:1px solid #D9D9D9; background:#FFFFFF; color:#222; font-size:15px; transition:.30s; } .lca-archive-rent-search__field input::placeholder{ color:#999; } .lca-archive-rent-search__field input:focus, .lca-archive-rent-search__field select:focus{ outline:none; border-color:#88B04B; box-shadow: 0 0 0 4px rgba(136,176,75,.18); } /*================================================== = QUICK BUTTON ==================================================*/ .lca-archive-rent-search__quick-action{ display:flex; } .lca-archive-rent-search__submit{ width:100%; height:54px; border:none !important; border-radius:12px; background:#88B04B !important; color:#FFFFFF !important; font-size:15px; font-weight:700; cursor:pointer; transition:.30s; } .lca-archive-rent-search__submit:hover{ background:#6E9445; transform:translateY(-2px); } /*================================================== = TOGGLE RECHERCHE AVANCÉE ==================================================*/ .lca-archive-rent-search__toggle-wrap{ display:flex; justify-content:center; margin:40px 0; } .lca-archive-rent-search__toggle{ display:flex; align-items:center; gap:12px; padding:14px 28px; border:none !important; border-radius:50px; background:#F6F6F6 !important; color:#202020 !important; font-size:15px; font-weight:700; cursor:pointer; transition:.30s; } .lca-archive-rent-search__toggle:hover{ background:#ECECEC; } .lca-archive-rent-search__toggle-icon{ display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:#88B04B !important; color:#FFFFFF !important; font-size:12px; transition:.30s; } /*================================================== = ADVANCED SEARCH ==================================================*/ .lca-archive-rent-search__advanced{ border-top:1px solid #ECECEC; padding-top:45px; } .lca-archive-rent-search__advanced-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:35px; margin-bottom:55px; } /*================================================== = FIELDSET ==================================================*/ .lca-archive-rent-search__group{ padding:0; margin:0; border:none !important; } .lca-archive-rent-search__group legend{ margin-bottom:18px; color:#202020; font-size:18px; font-weight:700; } /*================================================== = CHOICES ==================================================*/ .lca-archive-rent-search__choice{ display:flex; align-items:center; gap:12px; margin-bottom:14px; cursor:pointer; color:#444; font-size:15px; } .lca-archive-rent-search__choice input{ width:18px; height:18px; accent-color:#88B04B; } /*================================================== = SECTION ==================================================*/ .lca-archive-rent-search__section{ margin-top:55px; } .lca-archive-rent-search__section-title{ margin:0 0 22px; color:#202020; font-size:22px; font-weight:700; } /*================================================== = CRITERIA GRID ==================================================*/ .lca-archive-rent-search__criteria-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:25px; } /*================================================== = LOCATION GRID ==================================================*/ .lca-archive-rent-search__location-grid{ display:grid; grid-template-columns: repeat(2,1fr); gap:25px; } /*================================================== = ACTIONS ==================================================*/ .lca-archive-rent-search__actions{ display:flex; justify-content:space-between; align-items:center; margin-top:60px; padding-top:35px; border-top:1px solid #ECECEC; } /*================================================== = RESET BUTTON ==================================================*/ .lca-archive-rent-search__reset{ height:54px; padding:0 28px; border:2px solid #D9D9D9; border-radius:12px; background:#FFFFFF; color:#444; font-size:15px; font-weight:600; cursor:pointer; transition:.30s; } .lca-archive-rent-search__reset:hover{ border-color:#88B04B; color:#88B04B; } /*================================================== = RESULT BUTTON ==================================================*/ .lca-archive-rent-search__results{ min-width:260px; height:56px; border:none !important; border-radius:12px; background:#88B04B !important; color:#FFFFFF !important; font-size:16px; font-weight:700; cursor:pointer; transition:.30s; box-shadow: 0 12px 30px rgba(136,176,75,.30); } .lca-archive-rent-search__results:hover{ background:#6E9445; transform:translateY(-3px); box-shadow: 0 18px 40px rgba(136,176,75,.40); } /*================================================== = TOGGLE ANIMATION ==================================================*/ .lca-archive-rent-search__advanced{ display:block; transition:.35s; } .lca-archive-rent-search__advanced.is-open{ display:block; } .lca-archive-rent-search__toggle-icon{ transition:.35s; } /*================================================== = TABLET ==================================================*/ @media(max-width:1024px){ .lca-archive-rent-search__quick{ grid-template-columns: repeat(2,1fr); } .lca-archive-rent-search__advanced-grid{ grid-template-columns:1fr; } .lca-archive-rent-search__criteria-grid{ grid-template-columns:1fr; } .lca-archive-rent-search__location-grid{ grid-template-columns:1fr; } .lca-archive-rent-search__actions{ flex-direction:column; gap:18px; } .lca-archive-rent-search__results, .lca-archive-rent-search__reset{ width:100%; } } /*================================================== = MOBILE ==================================================*/ @media(max-width:768px){ .lca-archive-rent-search{ margin-top:-60px; } .lca-archive-rent-search__inner{ padding:25px; border-radius:18px; } .lca-archive-rent-search__title{ font-size:30px; } .lca-archive-rent-search__subtitle{ font-size:15px; } .lca-archive-rent-search__quick{ grid-template-columns:1fr; } .lca-archive-rent-search__toggle{ width:100%; justify-content:center; } }