/* Vanzy — per-page & per-section visual diversity (gradients, no repeated bg photo) */

/* ═══ HOMEPAGE — unique hero (mesh + phone, NO europe photo) ═══ */
.page-home .home-hero__bg img { display: none; }

.page-home .home-hero__bg {
  background:
    radial-gradient(ellipse 80% 60% at 15% 20%, rgba(77,163,255,0.28) 0%, transparent 55%),
    radial-gradient(ellipse 60% 50% at 85% 75%, rgba(142,197,255,0.12) 0%, transparent 50%),
    radial-gradient(ellipse 40% 40% at 60% 30%, rgba(26,86,219,0.15) 0%, transparent 45%),
    linear-gradient(165deg, #081426 0%, #0E1E36 45%, #0B1736 100%);
}

.page-home .home-hero__overlay {
  background:
    linear-gradient(90deg, rgba(8,20,38,0.85) 0%, rgba(8,20,38,0.4) 55%, transparent 100%),
    linear-gradient(180deg, transparent 50%, rgba(8,20,38,0.6) 100%);
}

/* Homepage sections — each distinct */
.page-home .home-stats {
  background: linear-gradient(180deg, #0B1736 0%, #0E1E36 100%);
  border-top: 1px solid rgba(77,163,255,0.1);
  border-bottom: 1px solid rgba(77,163,255,0.08);
}

.page-home .home-stat {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 20px 16px;
}

.page-home .home-services {
  background:
    radial-gradient(ellipse 50% 40% at 0% 50%, rgba(77,163,255,0.08) 0%, transparent 60%),
    #081426;
}

.page-home .service-card__img { display: none; }

.page-home .service-card {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.page-home .service-card:nth-child(1) {
  background: linear-gradient(145deg, rgba(0,122,255,0.22) 0%, rgba(14,30,54,0.9) 60%, #0B1736 100%);
}
.page-home .service-card:nth-child(2) {
  background: linear-gradient(145deg, rgba(52,199,89,0.2) 0%, rgba(14,30,54,0.9) 60%, #0B1736 100%);
}
.page-home .service-card:nth-child(3) {
  background: linear-gradient(145deg, rgba(255,149,0,0.18) 0%, rgba(14,30,54,0.9) 60%, #0B1736 100%);
}

.page-home .service-card__overlay { display: none; }

.page-home .home-map {
  background: linear-gradient(180deg, #0E1E36 0%, #081426 100%);
}

.page-home .home-features {
  background:
    url('/assets/ui/mesh-navy.svg') center/cover no-repeat,
    #081426;
}

.page-home .home-testimonials {
  background: linear-gradient(180deg, #0B1736 0%, #0E1E36 50%, #081426 100%);
}

.page-home .home-cta {
  background: radial-gradient(ellipse 70% 80% at 50% 100%, rgba(77,163,255,0.15) 0%, transparent 60%), #081426;
}

/* ═══ TRANSPORTATORI — orange publish theme ═══ */
.page-carriers .inner-hero__bg img { display: none; }

.page-carriers .inner-hero__bg {
  background:
    url('/assets/ui/mesh-publish.svg') center/cover no-repeat,
    linear-gradient(135deg, #1a1208 0%, #081426 40%, #0B1736 100%);
}

.page-carriers .inner-hero__overlay {
  background: linear-gradient(90deg, rgba(8,20,38,0.92) 0%, rgba(8,20,38,0.5) 50%, transparent 100%);
}

.page-carriers .inner-hero {
  position: relative;
  min-height: 52vh;
  display: grid;
  align-items: end;
}

.page-passengers .inner-hero {
  position: relative;
  min-height: 48vh;
}

.page-carriers .inner-hero__content { grid-column: 1; }

.page-carriers .inner-hero__mockup {
  position: absolute;
  right: max(16px, calc(50% - 560px));
  bottom: 24px;
  z-index: 2;
  display: none;
}

@media (min-width: 900px) {
  .page-carriers .inner-hero__mockup { display: block; }
}

.page-carriers .page-section:nth-of-type(2) {
  background: linear-gradient(180deg, #081426 0%, #0E1E36 100%);
}

.page-carriers .page-section--alt {
  background: radial-gradient(ellipse 60% 50% at 80% 20%, rgba(255,149,0,0.1) 0%, transparent 50%), #0B1736;
}

.page-carriers .page-section:last-of-type {
  background: #081426;
}

.page-carriers .feature-card:nth-child(1) .feature-card__icon { background: rgba(255,149,0,0.14) !important; border-color: rgba(255,149,0,0.42) !important; color: #FF9500 !important; }
.page-carriers .feature-card:nth-child(2) .feature-card__icon { background: rgba(37,99,235,0.14) !important; border-color: rgba(37,99,235,0.42) !important; color: #2563EB !important; }
.page-carriers .feature-card:nth-child(3) .feature-card__icon { background: rgba(38,198,218,0.14) !important; border-color: rgba(38,198,218,0.42) !important; color: #26C6DA !important; }

/* ═══ PASAGERI — blue search theme ═══ */
.page-passengers .inner-hero__bg img { display: none; }

.page-passengers .inner-hero__bg {
  background:
    url('/assets/ui/mesh-search.svg') center/cover no-repeat,
    linear-gradient(135deg, #081426 0%, #0a1a3a 50%, #0B1736 100%);
}

.page-passengers .inner-hero__overlay {
  background: linear-gradient(90deg, rgba(8,20,38,0.9) 0%, rgba(8,20,38,0.45) 55%, transparent 100%);
}

.page-passengers .inner-hero__mockup {
  position: absolute;
  right: max(16px, calc(50% - 540px));
  bottom: 20px;
  z-index: 2;
  display: none;
}

@media (min-width: 900px) {
  .page-passengers .inner-hero__mockup { display: block; }
}

.page-passengers .page-section:nth-of-type(2) {
  background: linear-gradient(180deg, #0E1E36 0%, #081426 100%);
}

.page-passengers .page-section--alt {
  background: radial-gradient(ellipse 50% 60% at 20% 80%, rgba(0,122,255,0.12) 0%, transparent 50%), #0B1736;
}

.page-passengers .feature-card:nth-child(1) .feature-card__icon { color: #007AFF !important; background: rgba(0,122,255,0.14) !important; border-color: rgba(0,122,255,0.42) !important; }
.page-passengers .feature-card:nth-child(2) .feature-card__icon { color: #34C759 !important; background: rgba(52,199,89,0.14) !important; border-color: rgba(52,199,89,0.42) !important; }
.page-passengers .feature-card:nth-child(4) .feature-card__icon { color: #FF2D55 !important; background: rgba(255,45,85,0.14) !important; border-color: rgba(255,45,85,0.42) !important; }
.page-passengers .feature-card:nth-child(5) .feature-card__icon { color: #AF52DE !important; background: rgba(175,82,222,0.14) !important; border-color: rgba(175,82,222,0.42) !important; }
.page-passengers .feature-card:nth-child(6) .feature-card__icon { color: #5AC8FA !important; background: rgba(90,200,250,0.14) !important; border-color: rgba(90,200,250,0.42) !important; }

/* ═══ ANUNȚURI — app feed layout ═══ */
.page-listings .inner-hero {
  min-height: auto;
  padding-bottom: 0;
  background: linear-gradient(180deg, #0E1E36 0%, #081426 100%);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.page-listings .inner-hero__bg,
.page-listings .inner-hero__overlay { display: none; }

.page-listings .inner-hero__content {
  padding: calc(var(--header-h) + 20px) 0 24px;
  text-align: left;
}

.page-listings .inner-hero__content h1 {
  font-size: clamp(1.5rem, 4vw, 2rem);
  margin-bottom: 4px;
}

.page-listings .inner-hero__content p { font-size: 0.95rem; }

.page-listings .page-feed-bg {
  background: #081426;
  padding-top: 16px;
}

.page-listings .search-bar {
  background: linear-gradient(135deg, rgba(255,255,255,0.14) 0%, rgba(14,30,54,0.82) 100%);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 16px;
  backdrop-filter: blur(8px);
}

.page-listings .search-bar input {
  background: transparent;
  border: none;
  color: var(--text-primary);
}

.page-listings .search-bar input::placeholder { color: var(--text-muted); }

.page-listings .filter-chips .chip {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--text-secondary);
}

.page-listings .filter-chips .chip.active {
  background: rgba(77,163,255,0.2);
  border-color: rgba(77,163,255,0.45);
  color: #fff;
}

.page-listings .listing-grid {
  max-width: 640px;
  margin-inline: auto;
}

/* ═══ PROFIL — app profile screen ═══ */
.page-profile main {
  background: linear-gradient(180deg, #0E1E36 0%, #081426 100%);
}

.page-profile .profile-hero {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  gap: 0 18px;
  text-align: left;
  padding: 24px;
  align-items: start;
}

.page-profile .profile-avatar-lg {
  grid-row: 1 / span 3;
  margin: 0;
}

.page-profile .profile-hero h1 { grid-column: 2; margin: 0 0 4px; font-size: 1.25rem; }
.page-profile .profile-hero .subtitle { grid-column: 2; margin: 0 0 12px; text-align: left; }
.page-profile .profile-badges { grid-column: 1 / -1; justify-content: flex-start; margin-top: 16px; }

.page-profile .profile-stats {
  grid-template-columns: repeat(3, 1fr);
}

.page-profile .profile-tabs {
  display: flex;
  gap: 4px;
  padding: 8px;
  margin-bottom: 24px;
  background: #151B26;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
}

.page-profile .profile-tab {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  background: transparent;
  border: none;
  cursor: default;
}

.page-profile .profile-tab.active {
  background: rgba(14,30,54,0.95);
  color: var(--text-primary);
  box-shadow: 0 3px 10px rgba(0,0,0,0.28);
  border: 1px solid rgba(38,198,218,0.22);
}

.page-profile .profile-tab svg { width: 20px; height: 20px; opacity: 0.85; }
.page-profile .profile-tab--fav svg { color: #E53935; }
.page-profile .profile-tab--rev svg { color: #FFA000; }

.page-profile .listing-grid {
  grid-template-columns: 1fr;
  max-width: 640px;
}

/* ═══ CONTACT — purple messages theme ═══ */
.page-contact .inner-hero__bg img { display: none; }

.page-contact .inner-hero__bg {
  background:
    url('/assets/ui/mesh-contact.svg') center/cover no-repeat,
    linear-gradient(135deg, #12081a 0%, #081426 50%, #0B1736 100%);
}

.page-contact .inner-hero__overlay {
  background: linear-gradient(180deg, rgba(8,20,38,0.3) 0%, rgba(8,20,38,0.85) 100%);
}

.page-contact .page-section:nth-of-type(2) {
  background: #081426;
}

/* ═══ CUM FUNCȚIONEAZĂ — step flow ═══ */
.page-how .inner-hero__bg img { display: none; }

.page-how .inner-hero__bg {
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(77,163,255,0.2) 0%, transparent 60%),
    linear-gradient(180deg, #0E1E36 0%, #081426 100%);
}

.page-how .inner-hero__overlay { background: transparent; }

.page-how .page-section:nth-of-type(2) { background: #081426; }

.page-how .page-section--alt {
  background: linear-gradient(180deg, #0B1736 0%, #0E1E36 100%);
}

.page-how .service-card__img { display: none; }

.page-how .service-card:nth-child(1) { background: linear-gradient(145deg, rgba(52,199,89,0.18), rgba(14,30,54,0.95)); }
.page-how .service-card:nth-child(2) { background: linear-gradient(145deg, rgba(0,122,255,0.18), rgba(14,30,54,0.95)); }
.page-how .service-card:nth-child(3) { background: linear-gradient(145deg, rgba(255,149,0,0.15), rgba(14,30,54,0.95)); }

.page-how .service-card__overlay { display: none; }

.page-how .step-item:nth-child(1) { border-left: 3px solid #4DA3FF; }
.page-how .step-item:nth-child(2) { border-left: 3px solid #34C759; }
.page-how .step-item:nth-child(3) { border-left: 3px solid #FF9500; }
.page-how .step-item:nth-child(4) { border-left: 3px solid #AF52DE; }

/* ═══ Shared mockup frames (inner pages) ═══ */
.device-frame--sm {
  width: 200px;
  padding: 8px;
  border-radius: 28px;
  transform: rotateY(-6deg) rotateX(2deg);
  animation: device-float 6s ease-in-out infinite;
}

.device-frame--sm img {
  border-radius: 22px;
  width: 100%;
}

.inner-hero { position: relative; }

.inner-hero__mockup .device-glow {
  position: absolute;
  inset: -30%;
  background: radial-gradient(circle, rgba(77,163,255,0.25) 0%, transparent 65%);
  z-index: -1;
}

.page-carriers .inner-hero__mockup .device-glow {
  background: radial-gradient(circle, rgba(255,149,0,0.3) 0%, transparent 65%);
}

.page-passengers .inner-hero__mockup .device-glow {
  background: radial-gradient(circle, rgba(0,122,255,0.3) 0%, transparent 65%);
}