/* ═══════════════════════════════════════════════════════════
   WHITE LUXURY skin
   Гланц и прецизност — без смяна на цветовете на марката.
   Работи върху всякакъв акцент цвят.
   ═══════════════════════════════════════════════════════════ */

/* ── Gloss sweep animation ── */
@keyframes wl-gloss {
    0%   { left: -80%; opacity: 0; }
    15%  { opacity: 1; }
    100% { left: 130%; opacity: 0; }
}


/* ════════════════════════════════════════════════════════════
   БУТОНИ — лъскав гланц
   ════════════════════════════════════════════════════════════ */

.btn-primary,
.btn-accent,
.btn-outline {
    position: relative;
    overflow: hidden;
}

/* Статичен горен блясък — винаги видим */
.btn-primary::before,
.btn-accent::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        160deg,
        rgba(255,255,255,.30) 0%,
        rgba(255,255,255,.08) 45%,
        transparent 55%
    );
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
}

/* Подвижен светлинен лъч при hover */
.btn-primary::after,
.btn-accent::after,
.btn-outline::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -80%;
    width: 45%;
    height: 200%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0)   0%,
        rgba(255,255,255,.40) 50%,
        rgba(255,255,255,0)   100%
    );
    transform: skewX(-18deg);
    pointer-events: none;
    z-index: 2;
}

.btn-primary:hover::after,
.btn-accent:hover::after,
.btn-outline:hover::after {
    animation: wl-gloss .55s ease forwards;
}

/* Малко по-изразена сянка на бутоните */
.btn-primary,
.btn-accent {
    box-shadow: 0 2px 10px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.10) !important;
    transition: box-shadow .25s ease, transform .25s ease !important;
}

.btn-primary:hover,
.btn-accent:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.20), 0 2px 6px rgba(0,0,0,.12) !important;
}


/* ════════════════════════════════════════════════════════════
   HEADER — стъклен ефект
   ════════════════════════════════════════════════════════════ */

.site-header {
    background: rgba(255,255,255,.88) !important;
    backdrop-filter: blur(24px) saturate(1.6) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.6) !important;
    border-bottom: 1px solid rgba(0,0,0,.055) !important;
    box-shadow: 0 2px 28px rgba(0,0,0,.06) !important;
}


/* ════════════════════════════════════════════════════════════
   КАРТИ — премиум сянки
   ════════════════════════════════════════════════════════════ */

.offer-card {
    box-shadow: 0 2px 16px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04) !important;
    transition: transform .35s ease, box-shadow .35s ease !important;
}
.offer-card:hover {
    box-shadow: 0 14px 44px rgba(0,0,0,.11), 0 4px 12px rgba(0,0,0,.06) !important;
    transform: translateY(-5px) !important;
}

.big-offer-card {
    box-shadow: 0 3px 20px rgba(0,0,0,.07), 0 1px 5px rgba(0,0,0,.04) !important;
    transition: transform .35s ease, box-shadow .35s ease !important;
}
.big-offer-card:hover {
    box-shadow: 0 18px 54px rgba(0,0,0,.13), 0 6px 16px rgba(0,0,0,.07) !important;
    transform: translateY(-5px) !important;
}


/* ════════════════════════════════════════════════════════════
   СНИМКИ — лек brightness boost (без рамка)
   ════════════════════════════════════════════════════════════ */

.offer-card-img img,
.big-offer-card__img-wrap img {
    filter: brightness(1.03) contrast(1.01) saturate(1.06);
    transition: transform .55s ease, filter .55s ease !important;
}

.offer-card:hover .offer-card-img img,
.big-offer-card:hover .big-offer-card__img-wrap img {
    filter: brightness(1.06) contrast(1.02) saturate(1.08);
}


/* ════════════════════════════════════════════════════════════
   ТИПОГРАФИЯ — премиум усещане
   ════════════════════════════════════════════════════════════ */

.section-title {
    letter-spacing: .04em !important;
}

/* Тънка разделителна линия под section-head */
.section-head {
    border-bottom: 1px solid rgba(0,0,0,.06);
    padding-bottom: 20px !important;
    margin-bottom: 36px !important;
}


/* ════════════════════════════════════════════════════════════
   CONTACT APPS — само гланц на бутоните, без сенки
   ════════════════════════════════════════════════════════════ */

/* Телефон бутон — гланц sweep */
.offer-contact-apps__phone {
    position: relative;
    overflow: hidden;
}
.offer-contact-apps__phone::after {
    content: '';
    position: absolute;
    top: -50%; left: -80%;
    width: 45%; height: 200%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0)   0%,
        rgba(255,255,255,.45) 50%,
        rgba(255,255,255,0)   100%
    );
    transform: skewX(-18deg);
    pointer-events: none;
}
.offer-contact-apps__phone:hover::after {
    animation: wl-gloss .55s ease forwards;
}

/* App бутони (WhatsApp, Viber, Messenger…) — гланц отгоре */
.offer-app-btn {
    position: relative;
    overflow: hidden;
}

/* Статичен горен блясък */
.offer-app-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        160deg,
        rgba(255,255,255,.28) 0%,
        rgba(255,255,255,.06) 45%,
        transparent 55%
    );
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
}

/* Sweep при hover */
.offer-app-btn::after {
    content: '';
    position: absolute;
    top: -50%; left: -80%;
    width: 45%; height: 200%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0)   0%,
        rgba(255,255,255,.40) 50%,
        rgba(255,255,255,0)   100%
    );
    transform: skewX(-18deg);
    pointer-events: none;
    z-index: 2;
}
.offer-app-btn:hover {
    opacity: 1 !important;
    transform: translateY(-3px) !important;
}
.offer-app-btn:hover::after {
    animation: wl-gloss .55s ease forwards;
}

/* Inquiry бутон — гланц */
.btn-inquiry-popup::before {
    background: linear-gradient(
        160deg,
        rgba(255,255,255,.30) 0%,
        rgba(255,255,255,.05) 45%,
        transparent 55%
    ) !important;
}


/* ════════════════════════════════════════════════════════════
   FOOTER — по-чист, по-светъл
   ════════════════════════════════════════════════════════════ */

.site-footer {
    border-top: 1px solid rgba(0,0,0,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
}


/* ════════════════════════════════════════════════════════════
   ДОПЪЛНИТЕЛНИ ЕЛЕМЕНТИ
   ════════════════════════════════════════════════════════════ */

/* News карти (само .news-card — НЕ .nd-article, който е article контейнер на detail страницата) */
.news-card {
    box-shadow: 0 2px 16px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.03) !important;
    transition: transform .35s ease, box-shadow .35s ease !important;
}
.news-card:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,.11), 0 3px 10px rgba(0,0,0,.06) !important;
    transform: translateY(-4px) !important;
}

/* Info карти (страниците на начало) */
.info-card {
    box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;
    transition: transform .35s ease, box-shadow .35s ease !important;
}
.info-card:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,.11) !important;
    transform: translateY(-4px) !important;
}

/* Hero секция — лек glow под текста */
.hero-slim__text {
    text-shadow: 0 2px 24px rgba(0,0,0,.18) !important;
}

/* Home news карти */
.home-news-card {
    box-shadow: 0 2px 16px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.03) !important;
    transition: transform .35s ease, box-shadow .35s ease !important;
}
.home-news-card:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,.11), 0 3px 10px rgba(0,0,0,.06) !important;
    transform: translateY(-4px) !important;
}