/* ================================================================
   UzAirDesk — Homepage 2026  ·  Premium Edition
   Prefix: uad-hp-   (zero collision with existing classes)
   ================================================================ */

/* ── Design Tokens ───────────────────────────────────────────────── */
:root {
  --uad-primary:        #0099b5;
  --uad-primary-dark:   #4a0a12;
  --uad-primary-mid:    #9c1e1e;
  --uad-primary-hero:   #180810;
  --uad-primary-bg:     rgba(0, 153, 181,.07);
  --uad-primary-border: rgba(0, 153, 181,.14);
  --uad-ink:            #1a0a0e;
  --uad-muted:          #6b7280;
  --uad-surface:        #ffffff;
  --uad-surface-warm:   #fdf8f8;
  --uad-wa:             #25D366;
}

/* ── Keyframes ─────────────────────────────────────────────────── */
/* WA float — WhatsApp yeşil glow */
@keyframes uad-pulse {
  0%,100% { box-shadow: 0 4px 20px rgba(37,211,102,.38), 0 0 0 0 rgba(37,211,102,.55); }
  60%      { box-shadow: 0 4px 20px rgba(37,211,102,.38), 0 0 0 10px rgba(37,211,102,0); }
}
/* Live badge nokta — marka bordo glow */
@keyframes uad-pulse-brand {
  0%,100% { box-shadow: 0 0 0 0 rgba(0, 153, 181,.60); }
  60%      { box-shadow: 0 0 0 5px rgba(0, 153, 181,0); }
}
@keyframes uad-shimmer {
  0%   { background-position: -400px 0; }
  100% { background-position:  400px 0; }
}
@keyframes uad-fadeup {
  from { opacity:0; transform:translateY(14px); }
  to   { opacity:1; transform:translateY(0);    }
}
@keyframes uad-spin {
  to { transform: rotate(360deg); }
}
@keyframes uad-count {
  from { opacity:0; }
  to   { opacity:1; }
}


/* ── Floating WhatsApp Button (pulse) ──────────────────────────── */
/*  Chat toggle: bottom:24px right:24px z-index:9998, height:64px → top edge at 88px
    WA float:   bottom:112px right:20px z-index:8990 → 24px safe gap above toggle  */
.uad-hp-wa-float {
  position: fixed;
  bottom: 112px;
  right: 20px;
  z-index: 8990;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 8px;
  background: #25D366;
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  padding: 11px 18px 11px 13px;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  animation: uad-pulse 2.8s ease-in-out infinite;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: transform .2s ease;
  transition: transform .2s ease;
}
.uad-hp-wa-float:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.uad-hp-wa-float img {
  width: 26px;
  height: 26px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

/* Mobile: icon-only pill — chat toggle at bottom:16px height:64px → top edge 80px
   WA float at bottom:104px → 24px safe gap */
@media (max-width: 479px) {
  .uad-hp-wa-float {
    padding: 0;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    -webkit-justify-content: center;
    justify-content: center;
    bottom: 104px;
    right: 20px;
  }
  .uad-hp-wa-float__label { display: none; }
}


/* ── Section wrapper ───────────────────────────────────────────── */
.uad-hp-section {
  padding: 22px 0 10px;
  margin-top: 8px;
  border-top: 1px solid rgba(0,0,0,.065);
}
.uad-hp-section__header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 14px;
}
.uad-hp-section__title {
  font-size: 15px;
  font-weight: 800;
  color: var(--uad-ink);
  margin: 0;
  letter-spacing: -.3px;
  line-height: 1.2;
}
.uad-hp-section__badge {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: 3px 7px;
  border-radius: 6px;
  background: rgba(37,211,102,.12);
  color: #16a34a;
}
.uad-hp-section__badge--live {
  background: rgba(0, 153, 181,.08);
  color: var(--uad-primary);
  position: relative;
}
.uad-hp-section__badge--live::before {
  content: '';
  display: inline-block;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--uad-primary);
  margin-right: 4px;
  vertical-align: middle;
  animation: uad-pulse-brand 1.6s ease-in-out infinite;
}


/* ── Popular Routes — skeleton ─────────────────────────────────── */
.uad-hp-popular__scroll {
  display: -webkit-flex;
  display: flex;
  gap: 11px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
  padding-right: 4px;
  scrollbar-width: none;
}
.uad-hp-popular__scroll::-webkit-scrollbar { display: none; }

/* Skeleton loading card */
.uad-hp-skel-card {
  -webkit-flex: 0 0 168px;
  flex: 0 0 168px;
  height: 200px;
  border-radius: 18px;
  background: linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);
  background-size: 800px 100%;
  animation: uad-shimmer 1.4s ease-in-out infinite;
}

/* Real route cards */
.uad-hp-route-card {
  -webkit-flex: 0 0 168px;
  flex: 0 0 168px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 15px 13px 12px;
  cursor: pointer;
  -webkit-transition: transform .2s ease, box-shadow .2s ease;
  transition: transform .2s ease, box-shadow .2s ease;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  box-shadow: 0 2px 12px rgba(0,0,0,.045);
  position: relative;
  overflow: hidden;
  animation: uad-fadeup .4s ease both;
}
.uad-hp-route-card:hover {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(0,0,0,.10);
  border-color: rgba(0, 153, 181,.20);
}

/* destinasyon renk aksanı — CSS değişkeni JS'den set edilir */
.uad-hp-route-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--dc, transparent);
  border-radius: 18px 18px 0 0;
  z-index: 0;
}

/* live indicator strip — ::before'un üstünde kalır */
.uad-hp-route-card::after {
  content: '';
  display: none;
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #0099b5, #c62828);
  z-index: 1;
}
.uad-hp-route-card.is-live::after { display: block; }

.uad-hp-route-card__logos {
  display: -webkit-flex;
  display: flex;
  gap: 4px;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 2px;
}
.uad-hp-route-card__logo {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  object-fit: contain;
  border: 1px solid rgba(0,0,0,.07);
  background: #f9f9f9;
  padding: 2px;
}
.uad-hp-route-card__logo-more {
  font-size: 10px;
  font-weight: 700;
  color: #9ca3af;
  margin-left: 2px;
}
.uad-hp-route-card__route {
  font-size: 16px;
  font-weight: 800;
  color: var(--uad-ink);
  letter-spacing: -.2px;
  line-height: 1.2;
}
.uad-hp-route-card__city {
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
  line-height: 1.3;
}
.uad-hp-route-card__meta {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
}
.uad-hp-route-card__stops {
  font-size: 10px;
  font-weight: 600;
  color: #6b7280;
  background: #f3f4f6;
  padding: 2px 6px;
  border-radius: 5px;
}
.uad-hp-route-card__stops.direct { color: #16a34a; background: rgba(37,211,102,.10); }

.uad-hp-route-card__price {
  font-size: 18px;
  font-weight: 900;
  color: #0099b5;
  letter-spacing: -.4px;
  margin-top: 3px;
}
.uad-hp-route-card__price-sub {
  font-size: 10px;
  font-weight: 500;
  color: #9ca3af;
}
.uad-hp-route-card__btn {
  margin-top: auto;
  background: var(--uad-primary);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 8px 0;
  font-size: 12px;
  font-weight: 700;
  width: 100%;
  cursor: pointer;
  font-family: inherit;
  -webkit-transition: background .15s;
  transition: background .15s;
}
.uad-hp-route-card__btn:hover { background: var(--uad-primary-mid); }
.uad-hp-route-card__btn:active { opacity: .85; }

/* error state */
.uad-hp-popular__error {
  font-size: 13px;
  color: #9ca3af;
  padding: 20px 0;
  text-align: center;
}


/* ── Payment Methods ───────────────────────────────────────────── */
.uad-hp-payment__sub {
  font-size: 12px;
  color: #6b7280;
  margin: -4px 0 16px;
  font-weight: 500;
  line-height: 1.4;
}
.uad-hp-payment__logos {
  display: -webkit-flex;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin-bottom: 18px;
}
.uad-hp-pay-pill {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .2px;
  border: 1.5px solid;
  -webkit-transition: transform .15s, box-shadow .15s;
  transition: transform .15s, box-shadow .15s;
}
.uad-hp-pay-pill:hover {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0,0,0,.10);
}
/* Click */
.uad-hp-pay-pill--click {
  color: #0068FF;
  background: rgba(0,104,255,.07);
  border-color: rgba(0,104,255,.20);
}
/* Payme */
.uad-hp-pay-pill--payme {
  color: #00C0A3;
  background: rgba(0,192,163,.07);
  border-color: rgba(0,192,163,.22);
}
/* Apelsin */
.uad-hp-pay-pill--apelsin {
  color: #F97316;
  background: rgba(249,115,22,.07);
  border-color: rgba(249,115,22,.22);
}
/* Uzcard */
.uad-hp-pay-pill--uzcard {
  color: #dc2626;
  background: rgba(220,38,38,.07);
  border-color: rgba(220,38,38,.20);
}
/* Humo */
.uad-hp-pay-pill--humo {
  color: #7c3aed;
  background: rgba(124,58,237,.07);
  border-color: rgba(124,58,237,.20);
}
.uad-hp-pay-pill svg {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.uad-hp-payment__cta {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 8px;
  background: #25D366;
  color: #fff;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 13px;
  font-size: 13px;
  font-weight: 700;
  -webkit-transition: background .15s, transform .18s;
  transition: background .15s, transform .18s;
}
.uad-hp-payment__cta:hover {
  background: #1da851;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.uad-hp-payment__cta img { width: 18px; height: 18px; }
.uad-hp-payment__note {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 12px;
  line-height: 1.5;
  font-style: italic;
}


/* ── Destination Network ───────────────────────────────────────── */
.uad-hp-network__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 7px;
}
.uad-hp-network__row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 10px;
  padding: 10px 13px;
  background: var(--uad-surface-warm);
  border-radius: 12px;
  border: 1px solid var(--uad-primary-border);
  -webkit-transition: background .15s, border-color .15s;
  transition: background .15s, border-color .15s;
}
.uad-hp-network__row:hover { background: rgba(0, 153, 181,.05); }
.uad-hp-network__hub {
  font-size: 11px;
  font-weight: 800;
  color: #0099b5;
  background: rgba(0, 153, 181,.08);
  padding: 3px 7px;
  border-radius: 5px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  letter-spacing: .3px;
}
.uad-hp-network__arrow {
  color: #d1d5db;
  font-size: 13px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.uad-hp-network__dest {
  font-size: 13px;
  font-weight: 700;
  color: var(--uad-ink);
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
}
.uad-hp-network__dest small {
  display: block;
  font-size: 10px;
  color: #9ca3af;
  font-weight: 500;
}
.uad-hp-network__logo-row {
  display: -webkit-flex;
  display: flex;
  gap: 3px;
}
.uad-hp-network__alogo {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  object-fit: contain;
  border: 1px solid rgba(0,0,0,.07);
  background: #fff;
  padding: 1px;
}
.uad-hp-network__freq {
  display: -webkit-flex;
  display: flex;
  gap: 2px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  align-items: center;
  margin-left: auto;
  padding-left: 8px;
}
.uad-hp-network__dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #0099b5;
  opacity: .18;
}
.uad-hp-network__dot.on { opacity: 1; }

/* Desktop radial */
.uad-hp-network__radial { display: none; }
@media (min-width: 768px) {
  .uad-hp-network__list   { display: none; }
  .uad-hp-network__radial {
    display: block;
    position: relative;
    width: 380px; height: 380px;
    margin: 0 auto;
  }
  .uad-hp-nrad__hub {
    position: absolute;
    left: 190px; top: 190px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 68px; height: 68px;
    border-radius: 50%;
    background: linear-gradient(135deg,#0099b5,#9c1a1a);
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 6px 24px rgba(0, 153, 181,.40);
    z-index: 2;
    letter-spacing: .5px;
  }
  .uad-hp-nrad__line {
    position: absolute;
    left: 190px; top: 190px;
    height: 1px; width: 140px;
    background: linear-gradient(90deg,rgba(0, 153, 181,.30),rgba(0, 153, 181,.03));
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: 1;
  }
  .uad-hp-nrad__node {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    gap: 4px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
  }
  .uad-hp-nrad__circle {
    width: 50px; height: 50px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid rgba(0, 153, 181,.20);
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    color: #0099b5;
    box-shadow: 0 3px 12px rgba(0,0,0,.09);
    letter-spacing: .3px;
    overflow: hidden;
    padding: 3px;
  }
  .uad-hp-nrad__circle img {
    width: 32px; height: 32px;
    object-fit: contain;
  }
  .uad-hp-nrad__label {
    font-size: 9px;
    font-weight: 700;
    color: #374151;
    text-align: center;
    max-width: 64px;
    line-height: 1.3;
    white-space: pre-line;
  }
}


/* ── Trust Badges ──────────────────────────────────────────────── */
.uad-hp-trust__grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.uad-hp-trust__badge {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  gap: 13px;
  padding: 13px 14px;
  background: var(--uad-surface-warm);
  border: 1px solid var(--uad-primary-border);
  border-radius: 15px;
  -webkit-transition: box-shadow .2s, border-color .2s;
  transition: box-shadow .2s, border-color .2s;
}
.uad-hp-trust__badge:hover { box-shadow: 0 4px 16px rgba(0,0,0,.07); }
.uad-hp-trust__icon {
  font-size: 26px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  line-height: 1;
  margin-top: 1px;
}
.uad-hp-trust__icon img {
  width: 30px; height: auto;
  display: block;
}
.uad-hp-trust__label {
  font-size: 13px;
  font-weight: 700;
  color: var(--uad-ink);
  margin: 0 0 3px;
  line-height: 1.3;
}
.uad-hp-trust__desc {
  font-size: 11px;
  color: #6b7280;
  margin: 0;
  font-weight: 500;
  line-height: 1.45;
}
.uad-hp-trust__desc a {
  color: #25D366;
  text-decoration: none;
  font-weight: 700;
}
@media (min-width: 600px) {
  .uad-hp-trust__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}


/* ── Stats counter row ─────────────────────────────────────────── */
.uad-hp-stats {
  display: -webkit-flex;
  display: flex;
  gap: 0;
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 16px;
  overflow: hidden;
  margin: 18px 0 4px;
}
.uad-hp-stat {
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
  padding: 12px 8px;
  background: #fff;
  border-right: 1px solid rgba(0,0,0,.07);
}
.uad-hp-stat:last-child { border-right: none; }
.uad-hp-stat__num {
  font-size: 20px;
  font-weight: 900;
  color: #0099b5;
  letter-spacing: -.5px;
  line-height: 1.1;
}
.uad-hp-stat__label {
  font-size: 10px;
  color: #6b7280;
  font-weight: 600;
  margin-top: 2px;
  line-height: 1.3;
}


/* ================================================================
   2026 PREMIUM UPGRADE — appended overrides
   ================================================================ */

/* ── Hero Section ────────────────────────────────────────────────── */
.uad-hero {
  position: relative;
  background: linear-gradient(170deg, #180810 0%, #0099b5 44%, #9c2020 72%, #f0dede 100%);
  border-radius: 0 0 26px 26px;
  padding: 28px 0 0;
  margin-bottom: 2px;
}
.uad-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 55% at 50% 115%, rgba(255,255,255,0.07) 0%, transparent 70%);
  pointer-events: none;
}
.uad-hero__copy {
  text-align: center;
  padding: 0 20px 22px;
  position: relative;
  z-index: 1;
}
.uad-hero__eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.58);
  margin: 0 0 9px;
}
.uad-hero__title {
  font-size: 22px;
  font-weight: 900;
  color: #ffffff;
  margin: 0 0 10px;
  line-height: 1.22;
  letter-spacing: -0.4px;
  text-shadow: 0 2px 14px rgba(0,0,0,0.28);
}
.uad-hero__destinations {
  font-size: 11px;
  color: rgba(255,255,255,0.65);
  font-weight: 500;
  margin: 0;
  letter-spacing: 0.5px;
}
/* Search bar becomes floating white card */
.uad-hero .uad-fbh,
.uad-hero .uad-flightbar {
  background: #ffffff !important;
  border-radius: 20px 20px 0 0 !important;
  box-shadow: 0 -2px 32px rgba(0,0,0,0.16) !important;
  position: relative;
  z-index: 2;
}

/* ── Services section — faint tinted background ──────────────────── */
.services-wrapper {
  background: linear-gradient(180deg, rgba(0, 153, 181,0.032) 0%, transparent 55%);
}

/* ── Popular routes — price 24 px ────────────────────────────────── */
.uad-hp-route-card__price {
  font-size: 24px !important;
  letter-spacing: -0.6px !important;
}
/* Slightly wider cards */
.uad-hp-route-card { flex: 0 0 184px !important; -webkit-flex: 0 0 184px !important; }
.uad-hp-skel-card  { flex: 0 0 184px !important; -webkit-flex: 0 0 184px !important; }

/* ── Section titles — 17 px ──────────────────────────────────────── */
.uad-hp-section__title { font-size: 17px !important; }

/* ── Flight network — larger logos & stronger hover ─────────────── */
.uad-hp-network__alogo {
  width: 28px !important;
  height: 28px !important;
}
.uad-hp-network__row:hover {
  background: rgba(0, 153, 181,0.055) !important;
  border-color: rgba(0, 153, 181,0.22) !important;
  box-shadow: 0 3px 14px rgba(0, 153, 181,0.09) !important;
  -webkit-transform: translateX(2px);
  transform: translateX(2px);
  transition: all 0.18s ease !important;
}
.uad-hp-network__row {
  transition: all 0.18s ease !important;
}

/* ── Trust badges — lift on hover ────────────────────────────────── */
.uad-hp-trust__badge:hover {
  box-shadow: 0 6px 22px rgba(0, 153, 181,0.10) !important;
  border-color: rgba(0, 153, 181,0.14) !important;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  transition: all 0.2s ease !important;
}
.uad-hp-trust__badge {
  transition: all 0.2s ease !important;
}

/* ── Footer ──────────────────────────────────────────────────────── */
.uad-footer {
  background-color: #0099b5 !important;
  color: rgba(255,255,255,0.80);
  margin-top: 28px;
  padding: 30px 16px 0;
}
.uad-footer__grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
@media (min-width: 600px) {
  .uad-footer__grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 32px;
  }
}
.uad-footer__logo {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
}
.uad-footer__logo-mark {
  font-size: 22px;
  line-height: 1;
}
.uad-footer__logo-name {
  font-size: 17px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.3px;
}
.uad-footer__tagline {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.82);
  margin: 0 0 8px;
  line-height: 1.4;
}
.uad-footer__disclaimer {
  font-size: 11px;
  color: rgba(255,255,255,0.36);
  margin: 0;
  line-height: 1.55;
}
.uad-footer__heading {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.36);
  margin: 0 0 11px;
}
.uad-footer__link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-height: 44px;
  color: rgba(255,255,255,0.72);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 0;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}
.uad-footer__link:hover { color: #fff; }
.uad-footer__link--wa { color: #4ade80 !important; }
.uad-footer__link--wa:hover { color: #86efac !important; }
.uad-footer__addr {
  font-size: 11px;
  color: rgba(255,255,255,0.40);
  line-height: 1.65;
  margin: 0;
}
.uad-footer__bottom {
  text-align: center;
  padding: 14px 0;
  font-size: 11px;
  color: rgba(255,255,255,0.24);
}


/* ── Testimonials / Reviews ──────────────────────────────────────── */
.uad-hp-section__badge--gold {
  background: rgba(245,158,11,0.12);
  color: #b45309;
  font-weight: 800;
}

.uad-hp-reviews__scroll {
  display: -webkit-flex;
  display: flex;
  gap: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
  scrollbar-width: none;
}
.uad-hp-reviews__scroll::-webkit-scrollbar { display: none; }

.uad-hp-review-card {
  -webkit-flex: 0 0 210px;
  flex: 0 0 210px;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 4px 20px rgba(0,0,0,0.07);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  animation: uad-fadeup 0.4s ease both;
  -webkit-transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.uad-hp-review-card:hover {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 0 10px 32px rgba(0, 153, 181,0.12);
}

.uad-hp-review-card__img-wrap {
  width: 100%;
  height: 155px;
  overflow: hidden;
  position: relative;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.uad-hp-review-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  display: block;
  -webkit-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
}
.uad-hp-review-card:hover .uad-hp-review-card__img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.uad-hp-review-card__img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.22) 100%);
  pointer-events: none;
}

.uad-hp-review-card__body {
  padding: 12px 13px 14px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  flex: 1;
  gap: 6px;
}
.uad-hp-review-card__stars {
  color: #f59e0b;
  font-size: 13px;
  letter-spacing: 1.5px;
  line-height: 1;
}
.uad-hp-review-card__text {
  font-size: 12px;
  color: #374151;
  line-height: 1.56;
  margin: 0;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.uad-hp-review-card__tag {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  color: #0099b5;
  background: rgba(0, 153, 181,0.07);
  border: 1px solid rgba(0, 153, 181,0.12);
  border-radius: 6px;
  padding: 3px 8px;
  margin-top: 4px;
  width: -webkit-fit-content;
  width: fit-content;
  letter-spacing: 0.2px;
  white-space: nowrap;
}

/* ── Payment logo image ──────────────────────────────────────────── */
.uad-hp-pay-logo {
  width: 20px;
  height: 20px;
  object-fit: contain;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  border-radius: 3px;
}


/* UzAirDesk Footer Force Fix */
.uad-footer { background: #0099b5 !important; background-color: #0099b5 !important; }

/* === UZAIRDESK HOLOGRAM EFFECT === */
.uad-footer, 
.footer, 
[class*="footer"] {
    background: linear-gradient(135deg, #0099b5 0%, #10b981 100%) !important;
    border-top: 1px solid rgba(255,255,255,0.1);
}

/* Butonlarda veya vurgularda da hologramı kullan */
.btn-hologram, 
.action-button {
    background: linear-gradient(135deg, #0099b5 0%, #10b981 100%) !important;
    box-shadow: 0 4px 15px rgba(0, 153, 181, 0.3);
    border: none !important;
    transition: all 0.3s ease;
}

.btn-hologram:hover {
    filter: brightness(1.1);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}
/* === UZAIRDESK SOFT HOLOGRAM BLEND === */
/* 1. Ana Footer Konteyneri: Hafif şeffaf geçiş */
.uad-footer, 
[class*="footer"] {
    background: linear-gradient(135deg, rgba(0, 153, 181, 0.75) 0%, rgba(16, 185, 129, 0.75) 100%) !important;
    border: none !important;
    position: relative;
    z-index: 1;
}

/* 2. Keskin Sınırları Yumuşat: Footer'ın hemen üstüne hafif bir bulanıklık ekle */
.uad-footer::before {
    content: '';
    position: absolute;
    top: -30px; /* Üstte hafif bir boşluk bırak */
    left: 0;
    width: 100%;
    height: 60px; /* Bulanıklık alanı */
    background: linear-gradient(135deg, rgba(0, 153, 181, 0.75) 0%, rgba(16, 185, 129, 0.75) 100%);
    filter: blur(25px); /* Yumuşatma efekti */
    z-index: -1;
    pointer-events: none;
}

/* 3. İçerik Katmanı: Okunabilirliği koru ve yumuşat */
.uad-footer__inner {
    background: transparent !important;
    backdrop-filter: blur(8px); /* Hafif puslu efekt */
    padding-top: 40px; /* Üstteki bulanıklıkla çakışmaması için padding ekle */
}
/* === UZAIRDESK PREMIUM FOOTER === */
.uad-footer {
    background: #0099b5 !important; /* Tek parça temiz mavi */
    padding-top: 60px !important;
    border-top: 1px solid rgba(0,0,0,0.05) !important;
}

.uad-footer * {
    color: #ffffff !important; /* Tüm yazılar beyaz */
    background: transparent !important; /* O çirkin yatay bantları siler */
    border: none !important;
}

.uad-footer__link:hover {
    color: #10b981 !important; /* Sadece hover'da o yeşili göster (Şık durur) */
    text-decoration: underline;
}

/* === UZAIRDESK MODERN UI & BUTTON FIX === */

/* 1. Hizmet Kartlarındaki O Şeritleri ve Keskinliği Sil */
.uad-service-card, .service-card, [class*="service-card"] {
    background: #ffffff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0,0,0,0.03) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;
    transition: transform 0.3s ease !important;
}

/* 2. Butonları Yumuşak Hologram/Premium Yap */
.uad-service-card .btn, 
.service-card button, 
[class*="service-card"] .btn-primary,
.btn-hologram {
    background: linear-gradient(90deg, #0099b5 0%, #10b981 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #ffffff !important;
    padding: 12px 25px !important;
    box-shadow: 0 4px 15px rgba(0, 153, 181, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important; /* Kartı tam kaplasın ama padding ile */
    margin-top: 15px !important;
}

/* 3. Buton Hover Efekti */
.uad-service-card .btn:hover {
    filter: brightness(1.05) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* 4. Buton İçindeki O Çirkin Gölgeleri/Şeritleri Kaldır */
.uad-service-card .btn::before, 
.uad-service-card .btn::after {
    display: none !important;
}

/* === UZAIRDESK ULTIMATE CLEAN UI === */

/* 1. Butonun etrafındaki o kaba renkli şeridi tamamen yok et */
.uad-service-card__action, 
[class*="action-wrapper"], 
.service-card-footer {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 2. Butonu kartın içinde havada asılı, temiz bir hale getir */
.uad-service-card .btn, 
.service-button,
[class*="btn-service"] {
    background: linear-gradient(90deg, #0099b5, #10b981) !important;
    color: white !important;
    border-radius: 50px !important; /* Tam yuvarlak köşeler yumuşaklık verir */
    border: none !important;
    padding: 15px 30px !important;
    margin: 20px auto !important; /* Kartın içinde ortala */
    width: 90% !important;
    display: flex !important;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(0, 153, 181, 0.2) !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

/* 3. Kartın içindeki o zebra şeritlerini tamamen temizle */
.uad-service-card > div {
    background-color: transparent !important;
    background-image: none !important;
}

/* 4. Kartın kendisini bembeyaz ve yumuşak yap */
.uad-service-card {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 24px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
}

/* === UZAIRDESK CLEAN & MODERN BUTTONS === */

/* 1. Butonun arkasındaki o kaba, geniş şeridi tamamen sil */
.uad-service-card__action, 
[class*="action-wrapper"], 
.service-card-footer {
    background: transparent !important;
    padding: 10px 20px 25px 20px !important; /* Alt kısımdan ferahlık ver */
    border: none !important;
}

/* 2. Butonu şerit olmaktan çıkar, gerçek bir buton yap */
.uad-service-card .btn, 
.service-button,
[class*="btn-service"],
.btn-hologram {
    background: linear-gradient(135deg, #0099b5 0%, #10b981 100%) !important;
    color: #ffffff !important;
    border-radius: 12px !important; /* Çok yuvarlak değil, şık bir kavis */
    border: none !important;
    padding: 14px 24px !important;
    width: 100% !important; /* Kartın genişliğine uy ama padding içinden */
    max-width: 280px !important; /* Çok yayılmasın */
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(0, 153, 181, 0.25) !important;
    transition: all 0.3s ease !important;
}

/* 3. Hover durumunda butona canlılık kat */
.uad-service-card .btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4) !important;
    filter: brightness(1.1) !important;
}

/* 4. Butonun içindeki gereksiz ikon veya gölge kalıntılarını temizle */
.uad-service-card .btn::before, 
.uad-service-card .btn::after {
    display: none !important;
}