/* ===================================================================
   FreelanceBG 2026 redesign — home-2026.css
   IVO-REDESIGN-20260702 — hero снимка + ясен dual-path (търся/предлагам)
   Зарежда се СЛЕД style.css; всички класове са нови/скоупнати към home.
   =================================================================== */

/* --- Hero: генерирана снимка под бранд-градиента --- */
.hero-v2{
  background:
    linear-gradient(135deg, rgba(79,70,229,.93) 0%, rgba(124,58,237,.88) 52%, rgba(168,85,247,.80) 100%),
    url('/assets/img/redesign/hero.jpg') center 35%/cover no-repeat;
  padding-bottom: 96px; /* място за припокриващите се карти */
}
.hero-v2 h1{ text-shadow: 0 2px 24px rgba(24,18,64,.35); }
.hero-v2 .subtitle{ text-shadow: 0 1px 12px rgba(24,18,64,.28); }

/* --- Dual paths: „Търся работа" / „Предлагам работа" --- */
.dual-paths{ max-width: 1080px; margin: -64px auto 8px; padding: 0 20px; position: relative; z-index: 5; }
.dual-paths-head{ text-align:center; color:#fff; margin-bottom:18px; }
.dual-paths-grid{ display:grid; gap: 20px; grid-template-columns: 1fr; }
@media (min-width: 760px){ .dual-paths-grid{ grid-template-columns: 1fr 1fr; } }

.path-card{
  position: relative; border-radius: 22px; overflow: hidden; min-height: 250px;
  display: flex; flex-direction: column; justify-content: flex-end;
  color: #fff; text-decoration: none;
  box-shadow: 0 14px 34px rgba(30,25,80,.18);
  transition: transform .28s cubic-bezier(.4,0,.2,1), box-shadow .28s;
}
.path-card:hover{ transform: translateY(-5px); box-shadow: 0 22px 46px rgba(30,25,80,.28); color:#fff; }
.path-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; transition: transform .5s ease; }
.path-card:hover img{ transform: scale(1.05); }
.path-card .veil{ position:absolute; inset:0; z-index:1; }
.path-card.seek .veil{ background: linear-gradient(180deg, rgba(30,27,75,.10) 0%, rgba(49,46,129,.90) 88%); }
.path-card.hire .veil{ background: linear-gradient(180deg, rgba(59,20,84,.10) 0%, rgba(109,40,217,.90) 88%); }
.path-card .pc-body{ position: relative; z-index: 2; padding: 26px 24px 24px; }
.path-card .pc-tag{
  display:inline-block; font-size:.7rem; font-weight:800; letter-spacing:.7px; text-transform:uppercase;
  background: rgba(255,255,255,.20); padding: 5px 12px; border-radius: 999px; margin-bottom: 12px;
  backdrop-filter: blur(4px);
}
.path-card h3{ font-size: 1.6rem; font-weight: 900; margin: 0 0 8px; letter-spacing:-.5px; }
.path-card p{ font-size: .96rem; opacity: .94; margin: 0 0 18px; line-height: 1.5; max-width: 36ch; }
.path-card .pc-cta{
  display:inline-flex; align-items:center; gap: 8px; font-weight: 800; font-size: .95rem;
  background:#fff; color:#312e81; padding: 12px 22px; border-radius: 12px;
}
.path-card.hire .pc-cta{ color:#6d28d9; }
.path-card .pc-cta .arrow{ transition: transform .2s; }
.path-card:hover .pc-cta .arrow{ transform: translateX(5px); }
.path-card .pc-sub{ display:inline-block; margin: 12px 0 0 4px; color:#fff; font-size:.85rem; font-weight:600; text-decoration:underline; opacity:.9; }
.path-card .pc-sub:hover{ opacity:1; color:#fff; }

@media (max-width: 759px){
  .dual-paths{ margin-top: -56px; }
  .path-card{ min-height: 210px; }
  .path-card h3{ font-size: 1.4rem; }
}
@media (prefers-reduced-motion: reduce){
  .path-card, .path-card img, .path-card .pc-cta .arrow{ transition: none; }
  .path-card:hover{ transform: none; } .path-card:hover img{ transform: none; }
}