html, body {
    height: 100%;
    margin: 0;
}

#page.hfeed.site {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#content {
    flex: 1;
}

.site-header-section>div:last-child {
    padding: 0 !important;
}

/*.site-footer {*/
/*    margin-top: auto;*/
/*}*/

body, h1, h2, h3, h4, h5, h6, p, a {
    font-family: 'Roboto', sans-serif !important;
}

.vrc-alert-container-confirm {
    left: 50%;
    transform: translateX(-50%);
	width: 70% !important;
}

.carousel.carousel-slider .carousel-item {
    min-height: 180px !important;
}
.carousel {
    height: auto;
    min-height: 180px
}

.material-tooltip {
    max-width: 296px !important;
    word-wrap: break-word; /* Додає переноси слів, якщо текст виходить за межі */
}

.footer-nav-wrap .astra-footer-vertical-menu {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.main-header-menu .menu-link, .main-header-menu>a {
    padding: 0 10px !important;
}

.site-header-section .ast-builder-menu {
    padding: 0;
}

#astra-footer-menu .menu-item, .main-header-bar .ast-masthead-custom-menu-items {
    line-height: 140% !important;
    font-size: 16px !important;
}

body, button, input, select, textarea, .ast-button, .ast-custom-button {
    font-weight: 400;
}

.main-page-title {
    font-size: 48px;
    line-height: 130%;
}

.rent-page-title.elementor-widget-heading h1.elementor-heading-title {
     font-size: 64px !important;
    line-height: 110%;
}

.desktop-irent-info-block__title {
    font-size: 46px;
    line-height: 120%;
    margin-bottom: 16px !important;
}

.main-header-menu .sub-menu {
    width: auto;
    background-color: var(--mdc-theme-black-actual);
}

.ast-separate-container .ast-article-single:not(.ast-related-post), .woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description, .ast-separate-container .comments-area .comment-respond, .ast-separate-container .comments-area .ast-comment-list li, .ast-separate-container .comments-area .comments-title {
    
    background: #fff;
}

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    margin: 0;
}

nav {
    background-color: inherit;
    box-shadow: none;
}

/* styles for tabs on main page start */
body, h1, .entry-title a, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6 {
    color: var(--mdc-theme-black-actual);
    margin: 0;
}
.irent-tabs.elementor-element.elementor-widget-n-tabs, .irent-tabs {
	background: var(--mdc-theme-neutral);
	border-radius: 16px;
	padding-top: 20px;
	border: none;
}

.irent-form-container .e-con-inner, .irent-form-container .elementor-widget.elementor-widget {
    background: var(--mdc-theme-neutral);
	border-radius: 16px;
	padding-top: 20px;
}

.irent-form-container .e-con-inner, .irent-form-container .elementor-widget.elementor-widget .vrcdivsearch {
    background: inherit;
    border: none;
}

.irent-tabs.elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true], .irent-tabs.elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
	background-color: #fff !important;
	border: 1px solid var(--mdc-theme-primary);
	color: var(--mdc-theme-primary)
}

.elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover, .elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover a {
    color: var(--mdc-theme-primary) !important;
}

.irent-tabs.elementor-widget-n-tabs .e-n-tab-title {
	background-color: #fff !important;
	border-radius: 8px;
	padding: 5px 16px;
}
.irent-tabs.elementor-widget-n-tabs .e-n-tab-title-text {
	font-size: 16px;
	line-height: 140%;
}

.irent-tabs-cars.elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true], .irent-tabs.elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
	background-color: #fff !important;
	border: 1px solid var(--mdc-theme-primary);
	color: var(--mdc-theme-primary)
}

.irent-tabs-cars.elementor-widget-n-tabs .e-n-tab-title {
	background-color: #fff !important;
	border-radius: 8px;
	padding: 5px 16px;
}
.irent-tabs-cars.elementor-widget-n-tabs .e-n-tab-title-text {
	font-size: 16px;
	line-height: 140%;
}


/* styles for tabs on main page end */

.irent-form-wrp {
	background: var(--mdc-theme-neutral);
    border-radius: 16px;
	padding: 16px 16px 24px;
	margin-bottom: 0 !important;
	display: grid;
    gap: 12px;
}

.irent-form-wrp label {
    color: var(--mdc-theme-black-actual);
    font-size: 14px;
    line-height: 140%;
}

.irent-form-wrp p {
    margin-bottom: 0;
}

.irent-input-wrp input {
	border: 1px solid var(--mdc-theme-gray-light) !important;
    border-radius: 8px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    height: 52px !important;
    background-color: #fff !important;
}

.irent-input-wrp input:focus {
	border: 1px solid var(--mdc-theme-primary) !important; /* Колір бордеру при фокусі */
	outline: none !important;
	box-shadow: none !important; /* Вимкнення стандартного тіні */
}

.irent-btn-wrp {
    width: 100%;
    position: relative;
    margin-top: 4px;
}

.irent-btn-wrp .btn {
    width: 100%;
}

.irent-btn-wrp .wpcf7-spinner {
     position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
}

/*figma styles*/


[type="checkbox"]+span:not(.lever) {
    display: flex;    
}

.elementor-widget-heading h1.elementor-heading-title, h1 {
    font-size: 28px !important;
    line-height: 130%;
}

.elementor-widget-heading h2.elementor-heading-title, h2, .entry-content h2 {
    font-size: 22px;
    line-height: 140%;
    font-weight: 400;
}

.body1, .body1 p {
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
}

.entry-content p.body1 {
    margin-bottom: 0;
}

.body2, .body2 p {
    font-size: 14px;
    line-height: 140%;
}

a {
	color: var(--mdc-theme-blue);
	font-weight: 400;
}

label.static-label {
    color: var(--mdc-theme-black-actual);
    font-size: 14px;
    line-height: 140%;
}

@media (max-width: 365px) {
    label.static-label {
        font-size: 13px;
    }
}

.btn, input[type=submit].btn {
    height: 40px;
    border-radius: 8px;
    box-shadow: none;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    text-transform: initial;
}

a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.main-form-row {
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
}

.vrcdivsearchmodule.vrcdivsearch {
    padding: 0;
    padding-bottom: 18px;
}

.btn.fullwidth, input[type=submit].btn.fullwidth {
	width: 100%;
}
.btn, .btn-large, .btn-small, input[type=submit].btn, input[type=submit].btn-large, input[type=submit].btn-small {
    background-color: var(--mdc-theme-primary);
    color: var(--mdc-theme-white-actual);
}
.btn:hover {
    background-color: var(--mdc-theme-primary-dark);
    color: var(--mdc-theme-white-actual);
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus, button:focus {
    background-color: var(--mdc-theme-primary-dark);
}

input[type=submit].btn {
    padding: 0 16px;
    text-transform: initial;
    vertical-align: middle;
    border: none;
}

.subtitle1, h3.subtitle1 {
    font-size: 16px;
    line-height: 140%;
    font-weight: 500;
    margin: 0;
}

.subtitle2 {
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
}

.caption {
    font-size: 12px;
    line-height: 140%;
}

/* car options */
.options-icon {
	display: flex;
	align-items: center;
}

.options-icon p {
    margin-bottom: 0;
}

.options-icon-item {
	display: flex;
	align-items: end;
	margin-right: 5px;
	font-size: 12px;
    line-height: 140%;
}
.options-icon-item [class^="icon-"], [class*=" icon-"] {
    font-size: 18px;
}
.options-icon-item .text {
    font-size: 12px;
    line-height: 140%;
}

/* Іконки машин */
.row.icons-details, .row.icons-details p {
	margin-bottom: 0;
}

.row.icons-details .col {
	padding: 0;
}

.row.icons-details .col:nth-child(even) .options-icon {
    justify-content: flex-end;
}

.row.icons-details .options-icon {
	color: var(--mdc-theme-gray-dark);;
}



.car-icons {
    display: flex;
    gap: 8px;
}

.icon-item {
	display: flex;
    align-items: center;
    color: var(--mdc-theme-white-actual);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 0px 4px;
    height: 20px;
    border: 1px solid var(--mdc-theme-gray-dark);
    border-radius: 4px;
    background-color: var(--mdc-theme-gray-dark);
}

.icon-item span {
    font-size: 18px;
}

.icon-item i {
    font-size: 14px;
}

.icon-item .vrc-carat-cont {
	display: flex;
	align-items: center;
    justify-content: center;
    height: 20px;
}

.icon-item span.text {
    line-height: 140%;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif !important;
}

.icon-item-wrapper {
    display: flex;
	align-items: center;
}

.car_description_box .specifications {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 32px;
}

.desktop-footer-info {
    
}

.desktop-footer-info .body1 {
    display: flex;
    gap: 4px;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] figure.alignleft {
        margin: 0;
    }
/* Стиль для мобільного */
@media (max-width: 768px) {
    .car_description_box .specifications {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .main-page-title .elementor-widget-container h3 {
        font-size: 22px;
    }
    
    .main-page-title .elementor-widget-container {
        margin: 0 !important;
    }
    
    .ast-header-break-point .header-widget-area[data-section="sidebar-widgets-header-widget-1"] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
    }
    
    .ast-header-break-point .header-widget-area[data-section="sidebar-widgets-header-widget-1"] .widget:last-child {
        margin: 0;
        display: flex;
    }
    
    .ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row-container-inner {
        position: relative;
    }
    .ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"] figure.alignleft {
        margin: 0;
    }
    
    .ast-header-break-point .ast-builder-layout-element[data-section="section-fb-social-icons-1"] {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
    }

}


.car_description_box .spec-row {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    font-size: 14px;
    line-height: 140%;
}

.car_description_box {
    font-size: 16px;
    line-height: 140%;
}


.notice-error {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto';
    line-height: 140%;
    margin-bottom: 20px;
}

.buy-car-text-container .elementor-heading-title {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto';
    line-height: 140%;
}

.buy-car-text-container .elementor-widget-container ol li {
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 140%;
}