/* ═══════════════════════════════════════════════════
   rabatt-kauf.de — Haupt-CSS
   ═══════════════════════════════════════════════════ */

:root {
  --primary: #0d6efd;
  --warning: #ffc107;
  --deal-radius: 16px;
  --card-shadow: 0 4px 20px rgba(0,0,0,.08);
}

body {
  font-family: 'Inter', sans-serif;
  background: #f8f9fc;
  color: #1a1a2e;
}

body.rtl {
  font-family: 'Cairo', 'Inter', sans-serif;
  direction: rtl;
}

/* ── HERO ─────────────────────────────────────────── */
.hero-section {
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 40%, #0288d1 100%);
  position: relative;
  overflow: hidden;
}

.hero-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,60 C300,120 900,0 1200,60 L1200,120 L0,120 Z" fill="rgba(255,255,255,0.05)"/></svg>') no-repeat bottom;
  background-size: cover;
}

/* ── DEAL CARDS ──────────────────────────────────── */
.deal-card {
  border-radius: var(--deal-radius) !important;
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow: var(--card-shadow);
  overflow: hidden;
}

.deal-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,.14);
}

.deal-img-wrap {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.deal-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}

.deal-card:hover .deal-img {
  transform: scale(1.05);
}

.deal-badges {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  z-index: 2;
}

body.rtl .deal-badges {
  left: auto;
  right: 10px;
}

/* ── NEWSLETTER ──────────────────────────────────── */
.newsletter-section {
  background: linear-gradient(135deg, #1a237e, #283593);
  position: relative;
}

.newsletter-section::after {
  content: '✈ ✈ ✈';
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 4rem;
  opacity: .06;
  letter-spacing: 20px;
}

/* ── BOOKING BOX ─────────────────────────────────── */
.booking-box {
  border-radius: var(--deal-radius) !important;
  overflow: hidden;
}

/* ── INFO CHIPS ──────────────────────────────────── */
.info-chip {
  transition: background .15s;
}

.info-chip:hover {
  background: #e3f2fd !important;
}

/* ── DEAL HERO ────────────────────────────────────── */
.deal-hero-img {
  height: 380px;
}

.deal-hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ── FILTER SIDEBAR ──────────────────────────────── */
.card.sticky-top {
  border-radius: var(--deal-radius) !important;
  overflow: hidden;
}

/* ── PAGINATION ──────────────────────────────────── */
.page-link {
  border-radius: 8px !important;
  margin: 0 2px;
  font-weight: 600;
}

/* ── STATS BAR ────────────────────────────────────── */
.navbar-brand {
  font-size: 1.4rem !important;
  letter-spacing: -0.5px;
}

/* ── MOBILE ──────────────────────────────────────── */
@media (max-width: 768px) {
  .hero-section h1 { font-size: 1.6rem; }
  .deal-hero-img   { height: 220px; }
  .booking-box.sticky-top { position: relative !important; top: auto !important; }
}

/* ── RTL adjustments ─────────────────────────────── */
body.rtl .deal-badges { left: auto; right: 10px; }
body.rtl .me-1, body.rtl .me-2, body.rtl .me-3 { margin-right: 0 !important; margin-left: .25rem !important; }
body.rtl .ms-1, body.rtl .ms-2 { margin-left: 0 !important; margin-right: .25rem !important; }
body.rtl .bi { transform: scaleX(-1); }
body.rtl .bi-heart-fill,
body.rtl .bi-star-fill,
body.rtl .bi-envelope-heart-fill { transform: none; }

/* ── Scrollbar ────────────────────────────────────── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 4px; }