@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//alefalliance.ru/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.2") format("woff2");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(36,36,36);
	--wd-text-font-size: 14px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Exo 2", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(51,51,51);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(16,108,216);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(16,108,216);
	--btn-accented-bgcolor-hover: rgb(15,98,197);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(48,52,65);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgba(16,16,16,0.05);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "SofiaPro-Black";
	src: url("//alefalliance.ru/wp-content/uploads/2025/10/sofiapro-black.woff2") format("woff2"), 
url("//alefalliance.ru/wp-content/uploads/2025/10/sofiapro-black.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "SofiaPro-Bold";
	src: url("//alefalliance.ru/wp-content/uploads/2025/10/sofiapro-black-1.woff2") format("woff2"), 
url("//alefalliance.ru/wp-content/uploads/2025/10/sofiapro-black-1.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "SofiaPro-ExtraLight";
	src: url("//alefalliance.ru/wp-content/uploads/2025/10/sofiapro-extralight.woff2") format("woff2"), 
url("//alefalliance.ru/wp-content/uploads/2025/10/sofiapro-extralight.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Sofia Pro Regular";
	src: url("//alefalliance.ru/wp-content/uploads/2025/10/sofiapro-extralight-1.woff2") format("woff2"), 
url("//alefalliance.ru/wp-content/uploads/2025/10/sofiapro-extralight-1.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

.wd-post-cat.wd-style-with-bg {
  display: none !important;
}


.entry-content .wd-entry-content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.alef-social-links {
    display: flex;
    gap: 15px; /* расстояние между кнопками */
    justify-content: flex-start; /* по умолчанию слева */
    align-items: center;
}

/* На мобильных экранах */
@media (max-width: 768px) {
    .alef-social-links {
        justify-content: center; /* по центру на телефонах */
    }
}

/* Стили для ссылок */
.alef-social-link {
    display: flex;
    gap: 6px;
    font-size: 15px;
    font-weight: 500;
    color: #222;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}

.alef-social-link img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

/* Подсветка при наведении */
.alef-social-link:hover img {
    transform: scale(1.1);
}

.alef-telegram:hover {
    color: #229ED9;
}

.alef-whatsapp:hover {
    color: #229ED9;
}

.wd-post-cat.wd-style-with-bg {
    display: none;
}

.wd-entry-meta .meta-author {
    display: none;
}

.ag-card {
  
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    padding: 1.5rem;
    max-width: 400px;
  }

  .ag-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
  }

  .ag-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
  }

  .ag-subtitle {
    color: #6b7280;
    font-weight: 500;
    font-size: 1rem;
  }

  .ag-info {
    display: flex;
    justify-content: space-between;
    font-size: 1.125rem;
    font-weight: 500;
    color: #374151;
    border-top: 1px solid #e5e7eb;
    padding-top: 1rem;
  }

  .ag-date {
    color: #2563eb;
    font-weight: 700;
  }

/* Основные стили карточки */
        .ap-card {
            max-width: 375px;
            height: 472px;
            margin-top: 24px;
            padding: 25px;
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
       
            border: 1px solid #e5e7eb;
            transition: all 0.3s ease;
        }

        /* Эффект при наведении */
        .ap-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.15);
        }

        /* Заголовок и цена */
        .ap-card__header {
            text-align: center;
            margin-bottom: 20px;
            border-bottom: 1px solid #f0f0f0;
            padding-bottom: 15px;
        }

        .ap-card__header h2 {
            font-size: 1.6rem;
            color: #1a1a1a;
            margin: 0;
            font-weight: 700;
        }

        .ap-card__price {
            font-size: 1.85rem;
            font-weight: bold;
            color: #106cd8;
            margin: 10px 0 0;
        }

        /* Детали апартаментов */
        .ap-card__details {
            margin-bottom: 20px;
        }

        .ap-card__details p {
            margin: 12px 0;
            font-size: 1rem;
            color: #333;
            display: flex;
            align-items: flex-end;
        }
        
        .ap-card__details p i {
            color: #106cd8;
            margin-right: 8px;
        }

        .ap-card__details strong,
        .ap-card__address strong {
            color: #111;
        }

        .ap-card__details span {
            white-space: nowrap;
        }

        .dots {
            flex-grow: 1;
            border-bottom: 1px dotted #ccc;
            margin: 0 5px;
        }
        
        /* Блок адреса */
        .ap-card__address {
            margin-bottom: 20px;
            border-top: 1px solid #f0f0f0;
            padding-top: 15px;
        }

        .ap-card__address p {
            margin: 0;
            font-size: 1rem;
            color: #333;
            line-height: 1.4;
        }
        
        .ap-card__address p i {
            color: #106cd8;
            margin-right: 8px;
        }


        /* Адаптивность */
        @media (max-width: 600px) {
            .ap-card {
                max-width: 100%;
                padding: 15px;
                margin: 20px 10px;
            }

            .ap-card__header h2 {
                font-size: 1.3rem;
            }

            .ap-card__price {
                font-size: 1.6rem;
            }

            .ap-card__details p, .ap-card__address p {
                font-size: 0.95rem;
            }
        }
/* КНОПКИ 7 ШТУК */
.regions-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;       /* промежутки между кнопками */
  align-items: center;
}

.region {
  padding: 0.25rem 0.75rem;
  background-color: #2563EB;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  border-radius: 9999px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  text-align: center;
}


/* Стили для основного блока */
    .homepress-section {
      /* Обновленная фоновая картинка */
      background-image: url('https://alefalliance.ru/wp-content/uploads/2025/09/shutterstock_1818444077-scaled.jpg');
      background-size: cover;
      background-position: center;
      background-attachment: fixed; /* Фиксируем фон */
      padding: 120px 20px;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: left;
      position: relative; /* Необходимо для позиционирования псевдоэлемента */
      overflow: hidden; /* Чтобы затемнение не выходило за границы */
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Небольшая тень */
    }

    /* Псевдоэлемент для затемнения фона */
    .homepress-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4); /* Полупрозрачный черный цвет */
      z-index: 1; /* Размещаем поверх фона, но под текстом */
    }
    
    .content-container {
      max-width: 90%;
      position: relative; /* Размещаем контент над затемнением */
      z-index: 2; /* Контент должен быть выше затемнения */
      padding: 40px; /* Добавляем внутренние отступы для контента */
     background-color: rgb(21 45 46 / 70%);/* Небольшое затемнение самого контейнера текста */
      border-radius: 6px; /* Скругленные углы для контейнера текста */
    }
    
    .homepress-section h2 {
			font-family: 'SofiaPro', sans-serif;
      font-size: 40px;
      font-weight: 500;
      margin: 0 0 20px;
      line-height: 1.2;
    }
    
    .homepress-section p {
			font-family: 'SofiaPro', sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.6;
    }
    
    /* Медиазапрос для адаптивности на небольших экранах */
    @media (max-width: 768px) {
      .homepress-section {
        padding: 50px 2px;
        margin: 10px;
      }
      
      .homepress-section h2 {
        font-size: 32px;
      }
      
      .homepress-section p {
        font-size: 16px;
      }
    }

/* Стили для карты */
        #map {
            height: 500px;
            width: 100%;
            margin-bottom: 20px;
        }
        /* Стили для блока кнопок */
        .text-block {
            text-align: center;
            padding: 20px;
         
            font-size: 14px;
            color: #333333;
            background-color: #F5F5F5;
            margin: 20px auto;
            max-width: 90%;
            border-radius: 8px;
        }
        .text-block ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
        }
        .text-block li {
            display: inline-block;
        }
        .text-block a {
            text-decoration: none;
            color: #FFFFFF;
            background-color: #106cd8;
            padding: 8px 12px;
            border-radius: 5px;
            transition: background-color 0.3s;
            
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            cursor: pointer;
        }
        .text-block a:hover {
            background-color: #F28C38;
        }
        /* Стили для модального окна */
        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            overflow: auto;
        }
        .modal-content {
            background-color: #FFFFFF;
            margin: 5% auto;
            padding: 20px;
            border-radius: 8px;
            width: 80%;
            max-width: 500px;
       
            position: relative;
        }
        .modal-content img {
            width: 100%;
            height: auto;
            border-radius: 5px;
            margin-bottom: 15px;
        }
        .modal-content h2 {
            font-size: 20px;
            color: #106cd8;
            margin: 0 0 10px;
        }
        .modal-content p {
            font-size: 14px;
            color: #333333;
            margin: 5px 0;
        }
        .modal-content strong {
            color: #08366c;
        }
        .close {
            position: absolute;
            top: 10px;
            right: 15px;
            color: #333333;
            font-size: 24px;
            font-weight: bold;
            cursor: pointer;
        }
        .close:hover {
            color: #F28C38;
        }
        .details-button {
            display: inline-block;
            margin-top: 15px;
            padding: 7px 15px;
            background-color:#2975cf;
            color: #FFFFFF;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
            transition: background-color 0.3s;
        }
        .details-button:hover {
            background-color: #d17830;
        }
        /* Адаптивность */
        @media (max-width: 768px) {
            .text-block {
                padding: 15px;
                font-size: 14px;
            }
            .text-block a {
                padding: 8px 12px;
                font-size: 14px;
            }
            .modal-content {
                width: 90%;
                margin: 10% auto;
            }
            .modal-content h2 {
                font-size: 18px;
            }
            .modal-content p {
                font-size: 12px;
            }
            .modal-content img {
                max-height: 200px;
            }
        }

/* Главный уникальный контейнер для вашего каталога, чтобы избежать конфликтов с WordPress */
    #wp-property-catalog-wrapper {
        width: 100%; /* Занимает всю доступную ширину */
        max-width: 1200px; /* Ограничиваем максимальную ширину */
        margin: 40px auto; /* Центрируем и добавляем отступы */
        padding: 0 0px; /* Внутренние отступы по бокам */
        box-sizing: border-box; /* Учитываем padding в общей ширине */
        flex-grow: 1; /* Позволяет контейнеру занимать все доступное пространство */
    }

    /* Контейнер для сетки с недвижимостью внутри уникального wrapper-а */
    #wp-property-catalog-wrapper .container {
        display: grid; /* Активируем CSS Grid для создания колонок */
        grid-template-columns: repeat(3, 1fr); /* Создаем 3 колонки, каждая занимает равную долю */
        gap: 30px; /* Отступ между элементами сетки (как по горизонтали, так и по вертикали) */
    }

    /* Стили для каждого блока недвижимости внутри уникального wrapper-а */
    #wp-property-catalog-wrapper .property {
        background: #fff; /* Белый фон для блока */
        border-radius: 8px; /* Скругленные углы */
        overflow: hidden; /* Обрезаем содержимое */
        box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Легкая тень */
        display: flex; /* Используем flexbox для внутреннего содержимого */
        flex-direction: column; /* Элементы внутри будут располагаться по вертикали */
        justify-content: space-between; /* Распределяем пространство между элементами */
    }

    /* Стили для изображений внутри блоков */
    #wp-property-catalog-wrapper .property img {
        width: 100%; /* Изображение занимает всю ширину блока */
        height: 200px; /* Фиксированная высота для всех изображений */
        object-fit: cover; /* Изображение будет обрезано, сохраняя пропорции */
        display: block; /* Убираем лишнее пространство */
    }

    /* Стили для информационной части блока */
    #wp-property-catalog-wrapper .property-info {
        padding: 20px; /* Внутренние отступы */
        flex-grow: 1; /* Позволяет info-блоку занимать все доступное пространство */
        display: flex; /* Используем flexbox для содержимого info-блока */
        flex-direction: column; /* Элементы внутри будут располагаться по вертикали */
        justify-content: space-between; /* Распределяем пространство, чтобы кнопка была внизу */
        align-items: flex-start; /* Выравниваем элементы (включая кнопку) по левому краю */
    }

    /* Стили для заголовка внутри информационной части */
    #wp-property-catalog-wrapper .property-info h2 {
        margin: 0 0 10px 0; /* Отступы для заголовка */
        font-size: 17px; /* Размер шрифта */
        color: #111111; /* Цвет текста */
			    font-weight: 600;
		
    }

    /* Стили для параграфов внутри информационной части */
    #wp-property-catalog-wrapper .property-info p {
		
        margin: 5px 0; /* Отступы для параграфов */
        color: #333333; /* Цвет текста */
        font-size: 15px; /* Размер шрифта */
    }

    /* Стили для кнопки внутри каждой карточки */
    #wp-property-catalog-wrapper .property-button {
        display: block; /* Делаем кнопку блочным элементом */
        width: fit-content; /* Ширина кнопки подстраивается под содержимое */
        margin-top: 15px; /* Отступ сверху */
        padding: 8px 12px; /* Уменьшенные внутренние отступы для меньшего размера */
        background-color: #007bff; /* Синий цвет фона */
        color: white; /* Белый цвет текста */
        border: none; /* Убираем рамку */
        border-radius: 5px; /* Скругленные углы */
        font-size: 13px; /* Уменьшенный размер шрифта */
        cursor: pointer; /* Курсор-указатель при наведении */
        transition: background-color 0.3s ease; /* Плавный переход цвета */
        text-decoration: none; /* Убираем подчеркивание для ссылки */
        text-align: center; /* Центрируем текст внутри кнопки */
        box-shadow: 0 2px 5px rgba(0, 123, 255, 0.2); /* Легкая тень */
	
    }

    #wp-property-catalog-wrapper .property-button:hover {
        background-color: #0056b3; /* Темнее синий при наведении */
    }

    /* Медиа-запросы для адаптивности */
    @media (max-width: 1024px) {
        #wp-property-catalog-wrapper .container {
            grid-template-columns: repeat(2, 1fr); /* 2 колонки на планшетах */
        }
    }

    @media (max-width: 768px) {
        #wp-property-catalog-wrapper .container {
            grid-template-columns: 1fr; /* 1 колонка на мобильных устройствах */
            gap: 20px; /* Уменьшаем отступ */
        }
    }
 .price-value {
	font-family: 'SofiaPro-Bold';
    color: #007bff;
    font-weight: 500;  }