.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}.ihp-container {
margin: 20px 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",
sans-serif;
display: flex;
flex-wrap: wrap;
gap: 20px;
overflow: hidden;
}
.ihp-header {
width: 100%;
}
.ihp-floor-details-container,
.ihp-section-image-view {
position: relative;
width: 100%;
display: flex;
justify-content: center;
}
.ihp-project-title {
margin-bottom: 0;
font-size: 24px;
font-weight: 600;
text-align: center;
}
.ihp-project-description {
margin-bottom: 20px;
color: #666;
text-align: center;
padding: 8px;
} .ihp-main-content {
min-width: 300px;
max-height: calc(100vh - 100px);
flex: 7;
display: flex;
justify-content: center;
}
.ihp-sidebar {
flex: 3; min-width: 250px;
max-height: calc(100vh - 100px);
max-width: calc(100% - 24px);
overflow-y: auto;
} .ihp-back-button {
position: absolute;
top: 30px;
left: 30px;
display: inline-flex;
align-items: center;
padding: 8px 15px;
background-color: rgba(255, 255, 255, 0.9);
color: #333;
text-decoration: none;
border-radius: 4px;
font-weight: 500;
border: 1px solid #ddd;
transition: all 0.2s ease;
z-index: 100;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.ihp-back-button:hover {
background-color: #fff;
color: #000;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}
.ihp-back-button .ihp-back-icon {
margin-right: 5px;
}  .ihp-project-map-container,
.ihp-section-image-container,
.ihp-floor-map-container {
position: relative;
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
width: 100%;
height: 100%;
}
.ihp-project-image {
display: block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
} .ihp-section-highlight,
.ihp-floor-highlight {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.ihp-section-highlight polygon,
.ihp-floor-highlight polygon {
pointer-events: all;
cursor: pointer;
transition: all 0.2s ease;
}
.ihp-highlight-active {
z-index: 10;
} .ihp-sections-tabs {
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
background-color: #fff;
}
.ihp-tabs-nav {
display: flex;
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #ddd;
background-color: #f5f5f5;
flex-wrap: wrap;
}
.ihp-tabs-nav li {
margin: 0;
padding: 0;
}
.ihp-tabs-nav li a {
display: block;
padding: 12px 20px;
text-decoration: none;
color: #333;
font-weight: 500;
transition: all 0.2s ease;
}
.ihp-tabs-nav li:hover a {
background-color: #e9e9e9;
}
.ihp-tabs-nav li.ihp-active a {
background-color: #fff;
border-bottom: 2px solid #4caf50;
color: #4caf50;
}
.ihp-tabs-content,
.ihp-section-floors-list,
.ihp-apartments-list-container {
padding: 20px;
}
.ihp-section-floors-list,
.ihp-apartments-list-container {
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff;
}
.ihp-tab-pane {
display: none;
}
.ihp-tab-pane.ihp-active {
display: block;
}
.ihp-section-description {
margin-bottom: 20px;
color: #666;
} .ihp-floors-container {
display: flex;
flex-direction: column;
}
.ihp-floors-list {
width: 100%;
margin-bottom: 20px;
}
.ihp-floors-list ul,
.ihp-apartments-list ul {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #ddd;
border-radius: 4px;
}
.ihp-floors-list li {
margin: 0;
padding: 0;
border-bottom: 1px solid #ddd;
}
.ihp-floors-list li:last-child {
border-bottom: none;
}
.ihp-floors-list li a {
display: block;
padding: 12px 15px;
text-decoration: none;
color: #333;
transition: all 0.2s ease;
position: relative;
}
.ihp-floors-list li:hover a {
background-color: #f5f5f5;
}
.ihp-floors-list li.ihp-active a {
background-color: #f0f0f0;
font-weight: 500;
}
.ihp-floors-list li.ihp-has-available a {
border-left: 4px solid #4caf50;
}
.ihp-floors-list li.ihp-has-available.ihp-no-available-filter a {
border-left: 4px solid rgba(161, 161, 161, 0.3)!important;
}
li.ihp-apartment-item.ihp-apartment-hidden {
display: none;
}
.ihp-floors-list li.ihp-no-available a {
border-left: 4px solid #f44336;
}
.ihp-floor-availability {
display: block;
margin-top: 4px;
}
.ihp-tabs-content .ihp-floor-availability,
.ihp-section-floors-list .ihp-floor-availability {
font-size: 12px;
color: #666;
}
.ihp-floor-details {
width: 100%;
}
.ihp-floor-pane {
display: none;
}
.ihp-floor-pane.ihp-active {
display: block;
}
.ihp-floor-description {
margin-bottom: 20px;
color: #666;
} .ihp-floor-map-container {
position: relative;
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
background-color: #f9f9f9;
}
.ihp-floor-map,
.ihp-section-map-image {
position: relative;
width: 100%;
height: 100%;
}
.ihp-floor-image {
display: block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
.ihp-apartment-marker {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.ihp-apartment-marker polygon {
pointer-events: all;
cursor: pointer;
transition: all 0.2s ease;
}
.ihp-apartment-marker.ihp-status-available polygon {
fill: rgba(76, 175, 80, 0.3);
stroke: rgba(76, 175, 80, 0.7);
stroke-width: 2;
}
.ihp-apartment-marker.ihp-no-available-filter polygon {
fill: rgba(161, 161, 161, 0.3)!important;
stroke: rgba(161, 161, 161, 0.7)!important;
stroke-width: 2;
}
.ihp-apartment-marker.ihp-status-reserved polygon {
fill: rgba(255, 152, 0, 0.3);
stroke: rgba(255, 152, 0, 0.7);
stroke-width: 2;
}
.ihp-apartment-marker.ihp-status-sold polygon {
fill: rgba(244, 67, 54, 0.3);
stroke: rgba(244, 67, 54, 0.7);
stroke-width: 2;
}
.ihp-apartment-marker:hover {
z-index: 10;
}
.ihp-apartment-marker.ihp-status-available:hover polygon {
fill: rgba(76, 175, 80, 0.5);
stroke: rgba(76, 175, 80, 1);
}
.ihp-apartment-marker.ihp-no-available-filter:hover polygon {
fill: rgba(161, 161, 161, 0.5)!important;
stroke: rgba(161, 161, 161, 1)!important;
}
.ihp-floor-highlight:not(.ihp-no-available) polygon,
.ihp-section-highlight:not(.ihp-no-available) polygon {
fill: #4caf5030;
stroke: #4caf50B3;
}
.ihp-floor-highlight:not(.ihp-no-available):hover polygon,
.ihp-section-highlight:not(.ihp-no-available):hover polygon {
fill: #4caf5080;
stroke: #4caf50B3;
}
.ihp-apartment-marker.ihp-status-reserved:hover polygon {
fill: rgba(255, 152, 0, 0.5);
stroke: rgba(255, 152, 0, 1);
}
.ihp-apartment-marker.ihp-status-sold:hover polygon {
fill: rgba(244, 67, 54, 0.5);
stroke: rgba(244, 67, 54, 1);
} .ihp-section-highlight.ihp-no-available polygon {
fill: rgba(244, 67, 54, 0.2);
stroke: rgba(244, 67, 54, 0.7);
}
.ihp-section-highlight.ihp-no-available:hover polygon {
fill: rgba(244, 67, 54, 0.4);
} .ihp-floor-highlight.ihp-no-available polygon {
fill: rgba(244, 67, 54, 0.2);
stroke: rgba(244, 67, 54, 0.7);
}
.ihp-floor-highlight.ihp-no-available:hover polygon {
fill: rgba(244, 67, 54, 0.4);
} .ihp-apartment-tooltip,
.ihp-floor-tooltip,
.ihp-section-tooltip {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
min-width: 200px;
background-color: #333;
color: #fff;
padding: 10px;
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
z-index: 100;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
pointer-events: none;
}
.ihp-apartment-tooltip:after,
.ihp-floor-tooltip:after,
.ihp-section-tooltip:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
border-top: 8px solid #333;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
.ihp-apartment-tooltip.active,
.ihp-floor-tooltip.active,
.ihp-section-tooltip.active {
opacity: 1;
visibility: visible;
bottom: calc(100% + 10px);
}
.ihp-apartment-tooltip h4,
.ihp-floor-tooltip h4,
.ihp-section-tooltip h4 {
margin: 0 0 5px 0;
font-size: 16px;
font-weight: 600;
}
.ihp-apartment-status {
display: inline-block;
padding: 2px 6px;
border-radius: 3px;
font-size: 12px;
margin-bottom: 8px;
}
.ihp-status-available.ihp-apartment-status {
background-color: #4caf50;
color: #fff;
}
.ihp-status-reserved.ihp-apartment-status {
background-color: #ff9800;
color: #fff;
}
.ihp-status-sold.ihp-apartment-status {
background-color: #f44336;
color: #fff;
}
.ihp-apartment-price,
.ihp-apartment-bedrooms,
.ihp-apartment-bathrooms,
.ihp-apartment-area {
margin-bottom: 5px;
font-size: 13px;
}
.ihp-view-details {
display: inline-block;
margin-top: 8px;
padding: 4px 8px;
background-color: #fff;
color: #333;
text-decoration: none;
border-radius: 3px;
font-size: 12px;
transition: all 0.2s ease;
}
.ihp-view-details:hover {
background-color: #f0f0f0;
} .ihp-modal {
display: none;
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.ihp-modal-content {
position: relative;
background-color: #fff;
margin: 10% auto;
padding: 20px;
border-radius: 5px;
width: 80%;
max-width: 800px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.ihp-shortcode-form {
margin-top: 20px;
}
.ihp-modal-close {
position: absolute;
top: 10px;
right: 15px;
color: #aaa;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.ihp-modal-close:hover,
.ihp-modal-close:focus {
color: #333;
text-decoration: none;
} .ihp-apartment-details {
padding: 10px;
}
.ihp-apartment-details h3 {
margin-top: 0;
margin-bottom: 10px;
font-size: 20px;
}
.ihp-apartment-image {
margin: 15px 0;
text-align: center;
}
.ihp-apartment-image img {
max-width: 100%;
height: auto;
border-radius: 4px;
}
.ihp-apartment-info {
margin-top: 15px;
}
.ihp-apartment-info table {
width: 100%;
}
.ihp-apartment-info table td {
border: 1px solid #c4c4c4;
padding: 5px;
}
.ihp-apartment-info table td:first-child {
font-weight: 600;
}
.ihp-apartment-info table td:last-child {
font-weight: 400;
}
.ihp-apartment-features {
display: flex;
flex-wrap: wrap;
margin: 10px 0;
padding: 10px;
background-color: #f9f9f9;
border-radius: 4px;
}
.ihp-apartment-features > div {
flex: 1 0 33%;
margin-bottom: 5px;
}
.ihp-apartment-description {
margin: 15px 0;
line-height: 1.5;
}
.ihp-apartment-contact {
margin-top: 20px;
text-align: center;
}
.ihp-contact-button {
display: inline-block;
padding: 8px 16px;
background-color: #4caf50;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.2s ease;
}
.ihp-contact-button:hover {
background-color: #45a049;
} .ihp-floors-only .ihp-sections-tabs {
display: none;
}
.ihp-floors-only .ihp-floors-only-container {
display: block;
} .ihp-sections-mode .ihp-floors-only-container {
display: none;
}
.ihp-sections-mode .ihp-sections-tabs {
display: block;
overflow-y: auto;
} .ihp-section-image-container {
position: relative;
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
margin-bottom: 20px;
}
.ihp-section-image {
display: block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
} .ihp-sidebar .ihp-back-button {
position: relative;
top: auto;
left: auto;
margin-bottom: 15px;
width: calc(100% - 24px);
justify-content: center;
} @media (max-width: 768px) {
.ihp-container {
flex-direction: column;
}
.ihp-main-content,
.ihp-sidebar {
width: 100%;
max-width: 100%;
flex: none;
}
.ihp-sidebar {
padding: 0 12px;
}
.ihp-floors-container {
flex-direction: column;
}
.ihp-floors-list,
.ihp-floor-details {
width: 100%;
}
.ihp-modal-content {
width: unset;
margin: 100px 3% 3% 3%;
}
.ihp-apartment-features > div {
flex: 1 0 50%;
}
.ihp-tabs-nav {
flex-direction: column;
}
}
@media (max-width: 480px) {
.ihp-apartment-features > div {
flex: 1 0 100%;
}
} .ihp-apartment-tooltip-container,
.ihp-floor-tooltip-container,
.ihp-section-tooltip-container {
position: absolute;
z-index: 1000;
pointer-events: none;
display: none;
}
.ihp-apartment-tooltip,
.ihp-floor-tooltip,
.ihp-section-tooltip {
background: #333333;
padding: 12px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
min-width: 200px;
position: relative;
}
.ihp-apartment-tooltip[data-arrow="bottom"]:after,
.ihp-floor-tooltip[data-arrow="bottom"]:after,
.ihp-section-tooltip[data-arrow="bottom"]:after {
content: '';
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #333333;
}
.ihp-apartment-tooltip[data-arrow="top"]:after,
.ihp-floor-tooltip[data-arrow="top"]:after,
.ihp-section-tooltip[data-arrow="top"]:after {
content: '';
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%) rotate(180deg);
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #333333;
}
.ihp-apartment-tooltip h4,
.ihp-floor-tooltip h4,
.ihp-section-tooltip h4 {
margin: 0 0 8px 0;
font-size: 16px;
font-weight: 600;
color: #ffffff;
}
.ihp-apartment-status {
display: inline-block;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
margin-bottom: 8px;
color: #ffffff;
}
.ihp-apartment-status:empty {
display: none;
}
.ihp-apartment-type,
.ihp-apartment-area {
margin: 4px 0;
font-size: 14px;
color: #969696;
}
.ihp-section-tooltip .ihp-section-info,
.ihp-floor-tooltip .ihp-floor-info,
.ihp-apartment-tooltip > div {
color: #969696;
font-size: 12px;
}
.ihp-apartment-price {
margin: 4px 0;
font-size: 18px!important;
font-weight: 600;
}
.ihp-apartment-tooltip .ihp-apartment-price {
color: #ffffff;
}
.ihp-apartment-price:empty,
.ihp-apartment-type:empty,
.ihp-apartment-area:empty {
display: none;
}
.ihp-apartment-item {
padding: 10px;
border-bottom: 1px solid #ddd;
cursor: pointer;
}
.ihp-apartment-item:hover {
background-color: #f0f0f0;
}
.ihp-apartment-item:last-child {
border-bottom: none;
} .ihp-apartment-contact {
margin: 40px 0;
}
.ihp-apartment-contact .wpcf7-form label {
display: block;
margin-bottom: 5px;
font-weight: 600;
color: #1d2327;
text-align: left;
}
.ihp-apartment-contact .wpcf7-form input[type="text"]:focus,
.ihp-apartment-contact .wpcf7-form input[type="email"]:focus,
.ihp-apartment-contact .wpcf7-form input[type="tel"]:focus,
.ihp-apartment-contact .wpcf7-form textarea:focus {
border-color: #2271b1;
box-shadow: 0 0 0 1px #2271b1;
outline: none;
}
.ihp-apartment-contact .wpcf7-form textarea {
min-height: 120px;
resize: vertical;
}
.ihp-apartment-contact .wpcf7-form input[type="submit"] {
background: #2271b1;
border: 1px solid #2271b1;
color: #fff;
padding: 8px 16px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
line-height: 1.4;
font-weight: 600;
transition: all 0.2s ease;
}
.ihp-apartment-contact .wpcf7-form input[type="submit"]:hover {
background: #135e96;
border-color: #135e96;
}
.ihp-apartment-contact .wpcf7-form input[type="submit"]:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
outline: none;
}
.ihp-apartment-contact .wpcf7-form .wpcf7-response-output {
margin: 20px 0 0;
padding: 12px;
border-radius: 4px;
border: none;
}
.ihp-apartment-contact .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
background-color: #fcf0f1;
color: #d63638;
}
.ihp-apartment-contact .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #edfaef;
color: #00a32a;
}
.ihp-apartment-contact .wpcf7-form .wpcf7-not-valid-tip {
color: #d63638;
font-size: 12px;
margin-top: -10px;
margin-bottom: 10px;
}
.ihp-apartment-contact .wpcf7-form .wpcf7-spinner {
background-color: #2271b1;
opacity: 0.7;
} .ihp-filter-container {
border-radius: 4px;
padding: 20px;
margin-bottom: 20px;
border: 1px solid #ddd;
background-color: #fff;
}
.ihp-filter-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(81, 81, 81, 0.2);
}
.ihp-filter-header h3 {
margin: 0;
font-size: 20px;
font-weight: 600;
}
.ihp-clear-filters {
border: 1px solid #ddd;
padding: 8px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
backdrop-filter: blur(5px);
}
.ihp-filter-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-bottom: 24px;
}
.ihp-filter-item {
display: flex;
flex-direction: column;
}
.ihp-filter-item label {
color: #1d2327;
font-weight: 600;
margin-bottom: 8px;
font-size: 14px;
}
.ihp-filter-select,
.ihp-filter-input {
border: 1px solid #ddd;
padding: 12px 16px;
font-size: 14px;
transition: all 0.3s ease;
backdrop-filter: blur(5px);
width: 100%;
box-sizing: border-box;
}
.ihp-filter-input {
text-align: center;
}
.ihp-range-inputs {
display: flex;
align-items: center;
gap: 8px;
}
.ihp-range-separator {
color: #ffffff;
font-weight: 600;
font-size: 16px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ihp-filter-actions {
display: flex;
justify-content: center;
}
.ihp-apply-filters {
border: 1px solid #ddd;
padding: 10px 32px;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 8px;
}
.ihp-apply-filters:active {
transform: translateY(0);
}
.ihp-filter-icon {
font-size: 18px;
} @media screen and (max-width: 768px) {
.ihp-filter-container {
padding: 16px;
margin-bottom: 16px;
}
.ihp-filter-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.ihp-range-separator {
display: none;
}
.ihp-apply-filters {
width: 100%;
justify-content: center;
}
.ihp-sidebar {
overflow: hidden;
height: 100%;
max-height: 100%;
}
}
@media screen and (max-width: 480px) {
.ihp-filter-container {
padding: 12px;
}
.ihp-filter-header h3 {
font-size: 18px;
}
.ihp-apply-filters {
padding: 12px 24px;
font-size: 14px;
}
} .ihp-no-results {
text-align: center;
padding: 40px 20px;
background: rgba(255, 255, 255, 0.95);
border-radius: 12px;
margin: 20px 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.ihp-no-results-icon {
font-size: 48px;
margin-bottom: 16px;
opacity: 0.6;
}
.ihp-no-results h4 {
color: #333;
margin: 0 0 8px 0;
font-size: 18px;
font-weight: 600;
}
.ihp-no-results p {
color: #666;
margin: 0 0 20px 0;
font-size: 14px;
}
.ihp-clear-filters-btn {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border: none;
color: #ffffff;
padding: 10px 20px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
}
.ihp-clear-filters-btn:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
} .ihp-apply-filters.ihp-filtering {
transform: scale(0.95);
opacity: 0.8;
}
.ihp-clear-filters.ihp-clearing {
transform: scale(0.95);
opacity: 0.8;
} .ihp-apartment-count {
background: rgba(255, 255, 255, 0.9);
padding: 8px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
color: #333;
margin-bottom: 16px;
text-align: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} @media screen and (max-width: 782px) {
.ihp-apartment-contact .wpcf7-form input[type="text"],
.ihp-apartment-contact .wpcf7-form input[type="email"],
.ihp-apartment-contact .wpcf7-form input[type="tel"],
.ihp-apartment-contact .wpcf7-form textarea {
font-size: 16px; }
}
.ihp-apartment-contact .wpcf7-form input[type="text"],
.ihp-apartment-contact .wpcf7-form input[type="number"],
.ihp-apartment-contact .wpcf7-form input[type="email"],
.ihp-apartment-contact .wpcf7-form input[type="tel"],
.ihp-apartment-contact .wpcf7-form select,
.ihp-apartment-contact .wpcf7-form textarea {
width: 100%;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff;
transition: border-color 0.2s ease;
}