/* ═══════════════════════════════════════════════════
   OCEAN COSTA skin
   Средиземноморско синьо — морски туризъм, яхти, крайбрежни имоти
   ═══════════════════════════════════════════════════ */

/* ── CSS Variables ── */
:root {
    --accent:       #0ea5e9;
    --accent-hover: #0284c7;
    --primary:      #0c4a6e;
    --bg:           #f0f9ff;
    --surface:      #ffffff;
    --surface-2:    #e0f2fe;
    --border:       #bae6fd;
    --text-muted:   #0369a1;
}

/* ── Body background ── */
body { background: #f0f9ff !important; }


/* ── Header ── */
.site-header {
    background: rgba(255,255,255,.97) !important;
    border-bottom: 2px solid #0ea5e9 !important;
    box-shadow: 0 2px 24px rgba(14,165,233,.12) !important;
}
.desktop-nav a:hover {
    color: #0284c7 !important;
    background: rgba(14,165,233,.07) !important;
}
.nav-dropdown          { border-color: rgba(14,165,233,.2) !important; }
.nav-dropdown a:hover {
    color: #0284c7 !important;
    background: rgba(14,165,233,.06) !important;
}
.site-header .header-phone:hover,
.site-header .header-cta:hover  { color: #0284c7 !important; }

/* ── Buttons ── */
.btn-primary {
    background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%) !important;
    border-color: #0284c7 !important;
    color: #fff !important;
    font-weight: 700 !important;
}
.btn-primary:hover {
    background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%) !important;
    border-color: #0369a1 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 22px rgba(14,165,233,.4) !important;
}
.btn-primary:active {
    transform: translateY(0) !important;
    box-shadow: 0 3px 10px rgba(14,165,233,.25) !important;
}
.btn-accent {
    background: #0ea5e9 !important;
    border-color: #0ea5e9 !important;
    color: #fff !important;
}
.btn-accent:hover {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #fff !important;
    box-shadow: 0 6px 20px rgba(14,165,233,.35) !important;
}

/* ── Inquiry popup button ── */
.btn-inquiry-popup {
    background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%) !important;
    box-shadow: 0 4px 16px rgba(14,165,233,.3) !important;
}
.btn-inquiry-popup:hover {
    background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%) !important;
    box-shadow: 0 8px 28px rgba(14,165,233,.45) !important;
}

/* ── Offer cards ── */
.big-offer-card:hover {
    border-color: rgba(14,165,233,.4) !important;
    box-shadow: 0 12px 44px rgba(14,165,233,.14) !important;
}
.big-offer-card__title a:hover { color: #0284c7 !important; }
.big-offer-card__desc          { color: #0369a1 !important; }

/* ── News / info cards ── */
.info-card:hover {
    border-color: rgba(14,165,233,.35) !important;
    box-shadow: 0 10px 32px rgba(14,165,233,.12) !important;
}
.info-card__title a:hover      { color: #0284c7 !important; }
.info-card__text               { color: #0369a1 !important; }

/* ── Home news cards ── */
.home-news-card:hover {
    box-shadow: 0 8px 32px rgba(14,165,233,.14) !important;
}
.home-news-card__title a:hover { color: #0284c7 !important; }

/* ── Badges ── */
.offer-badge                   { background: #0ea5e9 !important; color: #fff !important; }
.offer-badge.sale              { background: linear-gradient(135deg, #0369a1, #0ea5e9) !important; }
.big-offer-card__badge         { background: linear-gradient(135deg, #0369a1, #0ea5e9) !important; color: #fff !important; }
.nd-cat-badge                  { background: #0ea5e9 !important; color: #fff !important; }

/* ── Category pills ── */
.cat-pill:hover {
    border-color: rgba(14,165,233,.5) !important;
    color: #0284c7 !important;
    background: rgba(14,165,233,.07) !important;
}
.cat-pill--active {
    background: #0ea5e9 !important;
    border-color: #0ea5e9 !important;
    color: #fff !important;
    font-weight: 700 !important;
}
.cat-pill:hover:not(.cat-pill--active) {
    background: rgba(14,165,233,.07) !important;
    border-color: rgba(14,165,233,.45) !important;
    color: #0284c7 !important;
}
.news-cat-pill.active {
    background: #0ea5e9 !important;
    border-color: #0ea5e9 !important;
    color: #fff !important;
    font-weight: 700 !important;
}
.news-cat-pill:hover:not(.active) {
    background: rgba(14,165,233,.07) !important;
    border-color: rgba(14,165,233,.4) !important;
    color: #0284c7 !important;
}

/* ── Prices ── */
.offer-price-main,
.price-new,
.big-offer-card__price-new          { color: #0284c7 !important; }
.big-offer-card__price-new small    { color: #0284c7 !important; opacity: .75; }
.offer-price-curr,
.offer-price-prefix,
.offer-price-suffix,
.big-offer-card__price-prefix,
.big-offer-card__price-suffix       { color: #0369a1 !important; opacity: .8; }
.offer-price-neg,
.price-neg,
.big-offer-card__price-neg          { color: #0ea5e9 !important; }
.offer-price-old,
.price-old,
.big-offer-card__price-old          { opacity: .5 !important; }
.offer-price-discount               { background: linear-gradient(135deg, #0369a1, #0ea5e9) !important; color: #fff !important; }
.price-currency                     { color: #0369a1 !important; opacity: .8; }

/* ── Contact app buttons — ocean glare sweep ── */
.offer-app-btn {
    position: relative !important;
    overflow: hidden !important;
}
.offer-app-btn::after {
    content: '';
    position: absolute;
    top: -40%; left: -60%;
    width: 55%; height: 180%;
    background: radial-gradient(ellipse at center, rgba(255,255,255,.5) 0%, rgba(255,255,255,.18) 40%, transparent 70%);
    animation: ocean-glare 4s ease-in-out infinite;
    pointer-events: none;
}
@keyframes ocean-glare {
    0%   { left: -60%; opacity: 0; }
    10%  { opacity: 1; }
    65%  { left: 130%; opacity: .6; }
    66%  { opacity: 0; }
    100% { left: 130%; opacity: 0; }
}
.offer-app-btn:hover::after { animation: none; opacity: 0; }

/* ── Agent avatar border ── */
.agent-avatar          { border-color: rgba(14,165,233,.4) !important; }
.agent-avatar-initials { border-color: rgba(14,165,233,.4) !important; }

/* ── Agent CTA strip ── */
.acta__layout {
    background: #fff !important;
    border-color: rgba(14,165,233,.25) !important;
    box-shadow: 0 4px 24px rgba(14,165,233,.1) !important;
}
.acta__divider         { background: rgba(14,165,233,.2) !important; }
.acta__app:hover {
    border-color: rgba(14,165,233,.5) !important;
    color: #0284c7 !important;
    background: rgba(14,165,233,.06) !important;
}

/* ── Advantages section ── */
.adv-icon {
    color: #0ea5e9 !important;
    background: rgba(14,165,233,.1) !important;
    border-color: rgba(14,165,233,.2) !important;
}

/* ── Reviews ── */
.review-card__stars,
.reviews-aggregate__stars          { color: #0ea5e9 !important; }
.reviews-aggregate__score          { color: #0284c7 !important; }
.review-card__verified             { color: #0284c7 !important; }

/* ── Offer info card ── */
.offer-cat-tag {
    color: #0284c7 !important;
    border-color: rgba(14,165,233,.3) !important;
    background: rgba(14,165,233,.08) !important;
}
.offer-countdown {
    background: linear-gradient(135deg, #0c4a6e 0%, #0284c7 100%) !important;
    border-color: rgba(14,165,233,.4) !important;
    color: #fff !important;
}

/* ── Metrics strip ── */
.metrics-suffix        { color: #0ea5e9 !important; }
.offers-list-count {
    color: #0284c7 !important;
    background: rgba(14,165,233,.08) !important;
    border-color: rgba(14,165,233,.25) !important;
}
.offers-list-count svg { stroke: #0284c7 !important; }

/* ── Section & nav links ── */
.section-link          { color: #0284c7 !important; }
.section-link svg      { stroke: #0284c7 !important; }
.section-link:hover    { color: #0369a1 !important; }
.site-logo span        { color: #0ea5e9 !important; }
.news-card__link       { color: #0284c7 !important; }
.news-card__link:hover { color: #0369a1 !important; }

/* ── News detail ── */
.nd-breadcrumb__link   { color: #0284c7 !important; }
.nd-content a          { color: #0284c7 !important; }
.nd-content a:hover    { color: #0369a1 !important; }
.nd-related-offers__btn {
    color: #0284c7 !important;
    border-color: rgba(14,165,233,.35) !important;
}
.nd-related-offers__btn:hover {
    color: #0369a1 !important;
    border-color: rgba(14,165,233,.6) !important;
    background: rgba(14,165,233,.06) !important;
}
.nd-prevnext__btn {
    border-color: rgba(14,165,233,.25) !important;
}
.nd-prevnext__btn:hover {
    border-color: rgba(14,165,233,.55) !important;
    background: rgba(14,165,233,.06) !important;
    color: #0284c7 !important;
}

/* ── Page body ── */
.page-body a           { color: #0284c7 !important; }
.page-body a:hover     { color: #0369a1 !important; }

/* ── Footer — dark ocean blue ── */
.site-footer {
    background: linear-gradient(160deg, #0c4a6e 0%, #075985 100%) !important;
    border-top: 2px solid #0ea5e9;
}
.footer-contact-icon   { background: rgba(14,165,233,.15) !important; }
.footer-nav a:hover    { color: #7dd3fc !important; }
.footer-contact-val a:hover { color: #7dd3fc !important; }

/* ── Mobile hamburger & menu ── */
.hamburger:hover { border-color: #0ea5e9 !important; }
.mob-menu  { background: #fff !important; }
.mob-head  { border-bottom-color: #bae6fd !important; }
.mob-close:hover { color: #0284c7 !important; }
.mob-nav a:hover { background: #e0f2fe !important; color: #0284c7 !important; }
.mob-footer { background: #f0f9ff !important; }
.mob-lang  { background: #e0f2fe !important; border-color: #bae6fd !important; }
.mob-lang.active { border-color: #0ea5e9 !important; color: #0284c7 !important; }
.mob-lang:hover  { border-color: #0ea5e9 !important; color: #0284c7 !important; }

/* ── Agent profile card ── */
.agent-profile,
.agent-card            { border-color: rgba(14,165,233,.25) !important; }
.agent-online-dot      { border-color: #fff !important; }

/* ── Offer contact apps ── */
.offer-contact-apps__phone {
    color: #0284c7 !important;
    border-color: rgba(14,165,233,.3) !important;
}
.offer-contact-apps__phone svg { stroke: #0284c7 !important; }

/* ── Hero slim ── */
.hero-slim              { background: #e0f2fe !important; }
.hero-slim__title       { color: #0c4a6e !important; }
.hero-slim__sub,
.hero-slim__sub *       { color: #0369a1 !important; }

/* ── News list ── */
.news-card:hover {
    border-color: rgba(14,165,233,.35) !important;
    box-shadow: 0 8px 28px rgba(14,165,233,.12) !important;
}
.news-card__title a:hover { color: #0284c7 !important; }

/* ── Offers list back ── */
.offers-list-back      { color: #0284c7 !important; }

/* ── Form submit ── */
.form-submit {
    background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%) !important;
    color: #fff !important;
    border-color: #0369a1 !important;
}
.form-submit:hover {
    background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%) !important;
    color: #fff !important;
}

/* ── Mobile phone button ── */
.mob-phone {
    background: linear-gradient(135deg, #0284c7, #0ea5e9) !important;
    color: #fff !important;
}