/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 09 2026 | 11:16:49 */
/ * Добавьте сюда свой CSS-код.

/* ДАТА */

.wpa-result-meta--pattern__post_date {
	color: #0012d3;
}

.wpa-results.wpa-grid-view .wpa-result-details {
	background-color: #f8f8f8;
}

.wpa-results.wpa-grid-view .wpa-result-details:hover {
	background-color: rgb(0 0 243 / 4%);
}

/* ====================================
   WPAdverts - Excerpt стилізація (FIXED)
   ==================================== */
.adverts-excerpt {
    margin: 8px 0 0 0;
    padding: 0;
    font-size: 14px;
    color: #666;
    line-height: 1.5;

    /* Головне обрізання — 1 рядок на десктопі */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    /* Критичний фікс для тексту без пробілів */
    word-break: break-word;
    overflow-wrap: anywhere; /* сильніше за break-word */
    min-width: 0; /* фікс для flex-дітей */
    max-width: 100%;
}

/* ====================================
   Планшети — до 1024px: 2 рядки
   ==================================== */
@media screen and (max-width: 1024px) {
    .adverts-excerpt {
        -webkit-line-clamp: 2;
        font-size: 13px;
        line-height: 1.4;
        margin-top: 6px;
    }
}

/* ====================================
   Мобільні — до 480px: 2 рядки
   ==================================== */
@media screen and (max-width: 480px) {
    .adverts-excerpt {
        -webkit-line-clamp: 2;
        font-size: 12px;
        line-height: 1.3;
        margin-top: 4px;
    }
}

/* СТІЛІ ДОШКИ ОГОЛОШ */

i.fa-solid.fa-magnifying-glass::before {
    color: #dfdfdf;
}

.wpadverts-form.wpadverts-form.wpa-border-none input[type=text], .wpadverts-form.wpa-border-none .wpa-input-alike, .wpadverts-form.wpa-border-none input[type=checkbox], .wpadverts-form.wpa-border-none input[type=radio], .wpadverts-form.wpa-border-none select, .wpadverts-form.wpa-border-none textarea {
	border: 1px solid #4652d7;
}

.wpadverts-form.wpa-border-none :is(
    input[type=text],
    .wpa-input-alike,
    input[type=checkbox],
    input[type=radio],
    select,
    textarea
):is(:hover, :focus) {
    box-shadow: 0px 0px 12px #6f7afc;
}

.wpadverts-form.wpadverts-form #advert_category {
	border: 1px solid #4652d7;
}

.wpadverts-form.wpadverts-form #advert_category:hover,
.wpadverts-form.wpadverts-form #advert_category:focus {
    box-shadow: 0px 0px 12px #6f7afc;
}

.wpa-picture-grid .atw-object-contain {
	object-fit: cover !important;
}

/* ICO CTEGORY */

body .adverts-flexbox-icon {
  transition: color 0.3s ease;
	color: rgb(10 92 205 / 55%);
	font-size: 55px;
}

body .adverts-flexbox-item {
	background:none;
	box-shadow:none
}

body .adverts-flexbox-icon:hover {
	color: #df0000;
	font-size: 55px;

}

body .adverts-category-link:hover {
	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 28%);
	border-radius: 6px;
	background: linear-gradient(
    180deg,
    rgb(173 216 230 / 33%),  /* світло-голубий зверху */
    rgb(255 253 208 / 35%)   /* світло-жовтий знизу */
);
}

body .atw-bg-gray-50 {
	background: none;
}

/* КНОПКИ НА ДЕТАЛ СТОР. */

.wpa-cpt-contact-details .wpa-btn-primary {
    border: 2px solid #2e368c;
    background-color: #ffffff;
    color: #2e3192 !important;
    transition: background-color 0.6s ease;
}

.wpa-cpt-contact-details .wpa-btn-primary:hover {
	background-color: #2e368c2b;
	cursor: pointer;
}

.wpa-cpt-contact-details .atw-inline {
	color: #2e3192;
}

.wpadverts-cpt-data-table .atw-border-b:last-child {
    display: none !important;
}

.wpa-result-item.advert-is-featured > div:first-child {
    position: relative !important;
}

.wpa-result-item.advert-is-featured > div:first-child::before {
    content: "РЕКОМЕНДОВАНІ";
    position: absolute !important;
    top: 3px !important;
    right: 4px !important;

    /* Жовтий → білий блик → голубий — одна широка смужка */
    background: linear-gradient(
        90deg,
        #f59e0b,
        #fbbf24,
        #fde68a,
        rgba(255, 255, 255, 1.0),
        #7dd3fc,
        #38bdf8,
        #0ea5e9
    );
    background-size: 300% 100%;
    background-position: 0% 50%;

    color: #084188 !important;
    font-size: 12px !important;
    font-family: "Syne", "Akaya Kanadaka", system-ui;
    font-weight: 800;
    letter-spacing: 1.2px;
    font-style: normal;
    text-transform: uppercase !important;

    text-shadow:
        0 0  6px rgba(255, 255, 255, 1.0),
        0 0 14px rgba(255, 255, 255, 0.9),
        0 1px 3px rgba(0, 0, 0, 0.25);

    padding: 5px 12px !important;
    border-radius: 12px !important;
    z-index: 20 !important;

    box-shadow:
        inset 0 1.5px 0 rgba(255, 255, 255, 0.85),
        0 4px 14px rgba(14, 165, 233, 0.40),
        0 2px  6px rgba(251, 191,  36, 0.35);

    /* alternate = автоматично вперед/назад */
    animation:
        badgeSweep     3s ease-in-out infinite alternate,
        badgeShadowSwap 3s ease-in-out infinite alternate;
}

/* Смужка рухається від жовтого до голубого і назад */
@keyframes badgeSweep {
    0%   { background-position: 0%   50%; } /* жовтий */
    100% { background-position: 100% 50%; } /* голубий */
}

/* Тінь синхронно змінює колір разом зі смужкою */
@keyframes badgeShadowSwap {
    0% {
        box-shadow:
            inset 0 1.5px 0 rgba(255, 255, 255, 0.85),
            0 5px 16px rgba(251, 191,  36, 0.65),
            0 2px  8px rgba(253, 224,  71, 0.50);
    }
    100% {
        box-shadow:
            inset 0 1.5px 0 rgba(255, 255, 255, 0.85),
            0 5px 16px rgba(14,  165, 233, 0.65),
            0 2px  8px rgba(14,  165, 233, 0.50);
    }
}

/* Hover-ефект для картинки оголошення */
.wpa-result-item > div:first-child:hover {
    transform: scale(1.04) !important;
    transition: transform 0.40s ease-in-out !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}

@media only screen and (max-width: 365px) {

    /* Основний бейдж (загин і 3D тінь) */
    .wpa-result-item.advert-is-featured > div:first-child::before {
        content: "VIP";
        position: absolute !important;
        top: 4px !important;
        right: -7px !important;

        /* Половина жовтий → половина синій */
        background: linear-gradient(
23deg, #ffd500 50%, #005bbb 50%) !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        padding: 4px 12px !important;
        transform: rotate(45deg) !important;
        border-radius: 3px !important;
        z-index: 30 !important;

        /* 3D-ефект – м’яка тінь під бейджем */
        box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.50), -2px -2px 6px rgba(255, 255, 255, 0.3) !important; /* світлий акцент */
    }

    /* Надаємо вигин краям бейджу */
    .wpa-result-item.advert-is-featured > div:first-child::before::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 6px;
        bottom: -3px;
        left: -4px;
        background: inherit;
        border-radius: 50% 50% 0 0;
        transform: rotate(-45deg);
        filter: blur(2px);
        opacity: 0.4;
    }

    /* Забезпечуємо, щоб бейдж не обрізався */
    .wpa-result-item.advert-is-featured > div:first-child {
        overflow: visible !important;
    }
}

body { background: #edf2f7; }

/* для вигляду списку бейдж */

/* =====================================================
   LIST VIEW — компактний бейдж з легким переливом
===================================================== */

.wpa-list-view .wpa-result-item.advert-is-featured > div:first-child::before {
    display: none !important;
}

.wpa-list-view .wpa-result-item.advert-is-featured {
    position: relative;
}

.wpa-list-view .wpa-result-item.advert-is-featured::before {

    content: "РЕКОМЕНДОВАНІ";
    position: absolute;

    top: -7px;
    right: 0px;

    background: linear-gradient(
        135deg,
        #005bbb,
        #ffd500,
        #005bbb
    );

    background-size: 200% 200%;
    animation: badgeShine 4s ease-in-out infinite;

    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    padding: 4px 9px;

    border-radius: 5px;
    text-transform: uppercase;

    box-shadow:
        0 4px 10px rgba(0, 91, 187, 0.35),
        0 0 6px rgba(255, 215, 0, 0.4);

    text-shadow: 0 2px 2px rgba(0,0,0,0.6);

    z-index: 30;
}

/* Плавний перелив */
@keyframes badgeShine {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ===== ОБГОРТКА ===== */
.faq-grid {
  display:          flex;
  flex-direction:   column;
  gap:              10px;
  width:            100%;
  max-width:        100%;       /* на всю ширину контент-колонки */
  margin-top:       0px;
  margin-left:      0;
  margin-right:     0;
  padding:          0 0 18px 0;
  box-sizing:       border-box;
}

/* ===== КАРТКА — ЗАКРИТА ===== */
details {
  background:       #f5f6f8;
  border-radius:    8px;
  overflow:         hidden;
  box-shadow:
    0 2px 0px  0px  rgba(0, 0, 0, 0.12),
    0 4px 8px -1px  rgba(0, 0, 0, 0.13),
    0 1px 3px  0px  rgba(0, 0, 0, 0.10),
    inset 0 1px 0   rgba(255, 255, 255, 0.85);
  transition:       background .3s, box-shadow .3s;
}

/* ===== КАРТКА — ВІДКРИТА ===== */
details[open] {
  background:       #ffffff;
  box-shadow:
    0 4px 14px -2px rgba(79, 70, 229, 0.15),
    0 2px  6px -1px rgba(79, 70, 229, 0.10),
    inset 0 1px 0   rgba(255, 255, 255, 0.90);
}

/* ===== HOVER І FOCUS ===== */
details:hover,
details:focus-within {
  box-shadow:
    0 6px 16px -3px rgba(0, 4, 137, 0.28),
    0 2px  0px  0px rgba(0, 4, 137, 0.45),
    inset 0 1px 0   rgba(255, 255, 255, 0.90);
  outline:          none;
}

/* ===== ХОВАЄМО ДЕФОЛТНИЙ МАРКЕР ===== */
summary::-webkit-details-marker  { display: none; }
summary::-moz-list-bullet         { list-style-type: none; }
summary::marker                    { display: none; }

/* ===== SUMMARY ===== */
summary {
  display:          flex;
  align-items:      center;
  justify-content:  space-between;
  padding:          .55em 1em .55em 2em;   /* 2em = ~2 таби зліва */
  font-size:        clamp(.85rem, 1.5vw, 1rem);
  font-weight:      500;
  cursor:           pointer;
  list-style:       none;
  color:            #1e1b4b;
  border-bottom:    1px solid transparent;
  transition:       border-color .3s;
}

details[open] > summary {
  border-bottom-color: #e0e7ff;
}

summary:focus { outline: none; }

/* ===== ІКОНКА — СТРІЛКА (закрито, червона) ===== */
summary::after {
  content:          "";
  flex-shrink:      0;
  margin-left:      .6em;
  width:            1.1em;
  height:           1.1em;
  background:       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23e53e3e' d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center / 1.1em 1.1em;
  transition:       background .25s;
}

/* ===== ІКОНКА — ГАЛОЧКА (відкрито, indigo) ===== */
details[open] > summary::after {
  width:            1.1em;
  height:           1.1em;
  background:       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%234f46e5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center / 1.1em 1.1em;
}

/* ===== КОНТЕНТ ВСЕРЕДИНІ ===== */
summary ~ * {
  padding:          .6em 1em .75em 2em;    /* 2em = ~2 таби зліва, як у summary */
  font-size:        clamp(.8rem, 1.4vw, .95rem);
  color:            #374151;
  line-height:      1.6;
  margin:           0;
}

details[open] summary ~ * {
  animation:        faqSweep .35s ease-in-out;
}

@keyframes faqSweep {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ===== МОБІЛКА ===== */
@media (max-width: 480px) {
  summary,
  summary ~ * {
    padding-left: 1.2em;           /* на мобілці трохи менше */
    font-size:    .9rem;
  }
}

/* ===== 2K / ВЕЛИКІ МОНІТОРИ ===== */
@media (min-width: 1600px) {
  summary { font-size: 1.05rem; }
}

/* адаптація висоти картинок
 */
/* --- WPAdverts: адаптивна висота фото в grid-карточках --- */

/* Мобільні (до 480px) */
@media (max-width: 480px) {
  .wpa-grid-view .atw-h-56 {
    height: 7rem !important; /* ~112px */
  }
  .wpa-grid-view .advert-is-featured .atw-h-56 {
    margin-top: 28px !important;
  }
}

/* Планшети (481px – 768px) */
@media (min-width: 481px) and (max-width: 768px) {
  .wpa-grid-view .atw-h-56 {
    height: 9rem !important; /* ~144px */
  }
  .wpa-grid-view .advert-is-featured .atw-h-56 {
    margin-top: 28px !important;
  }
}

/* Планшети landscape / малі десктопи (769px – 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .wpa-grid-view .atw-h-56 {
    height: 11rem !important; /* ~176px */
  }
  .wpa-grid-view .advert-is-featured .atw-h-56 {
    margin-top: 28px !important;
  }
}

/* Десктоп — залишаємо дефолтний atw-h-56 = 14rem */