/* midaura-patch.css v6 — New Component Styles + Fixes */
:root {
  --saffron:    #C8831A;
  --saffron-dk: #A56412;
  --saffron-lt: #FDF3E0;
}

/* ── Review Cards v2 ─────────────────────────────────── */
.review-card-v2 {
  background:#fff;
  border-radius:16px;
  padding:24px;
  border:1.5px solid var(--cream-dk);
  display:flex;
  flex-direction:column;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  opacity:0;
  transform:translateY(20px);
  animation:fadeInUp .5s ease forwards;
}
.review-card-v2:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 40px rgba(44,24,16,.1);
  border-color:var(--amber);
}

/* ── Why MidAura v2 Grid ─────────────────────────────── */
.why-grid-v2 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.why-card-v2 {
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:22px;
  border-radius:14px;
  background:#fff;
  border:1.5px solid var(--cream-dk);
  transition:all .3s cubic-bezier(.4,0,.2,1);
  opacity:0;
  transform:translateY(16px);
  animation:fadeInUp .45s ease forwards;
}
.why-card-v2:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 28px rgba(44,24,16,.08);
  border-color:var(--accent,var(--amber));
}
.why-icon-v2 {
  width:48px;
  height:48px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  flex-shrink:0;
}

/* ── Flash Picks — single row horizontal scroll ──────── */
.home-flash .flash-row {
  display:flex !important;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding-bottom:8px;
  scrollbar-width:none;
  flex-wrap:nowrap !important;
}
.home-flash .flash-row::-webkit-scrollbar { display:none; }
.home-flash .flash-card {
  flex:0 0 180px;
  scroll-snap-align:start;
  animation:fadeInUp .4s ease forwards;
  opacity:0;
}
.home-flash .flash-card:nth-child(1) { animation-delay:.05s }
.home-flash .flash-card:nth-child(2) { animation-delay:.1s }
.home-flash .flash-card:nth-child(3) { animation-delay:.15s }
.home-flash .flash-card:nth-child(4) { animation-delay:.2s }
.home-flash .flash-card:nth-child(5) { animation-delay:.25s }
.home-flash .flash-card:nth-child(6) { animation-delay:.3s }
.home-flash .flash-card:nth-child(7) { animation-delay:.35s }
.home-flash .flash-card:nth-child(8) { animation-delay:.4s }

/* ── Animations ──────────────────────────────────────── */
@keyframes fadeInUp {
  to { opacity:1; transform:translateY(0); }
}

/* ── Instagram Grid Hover ────────────────────────────── */
.ig-tile {
  transition:transform .3s cubic-bezier(.4,0,.2,1);
}
.ig-tile:hover {
  transform:scale(1.04);
  z-index:2;
}

/* ── Footer trust badges ─────────────────────────────── */
.footer-top { border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:36px; margin-bottom:44px; }
.footer-trust-badges { display:flex; justify-content:center; gap:36px; flex-wrap:wrap; }
.footer-trust-item { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:600; color:rgba(255,255,255,.6); }
.footer-trust-item span:first-child { font-size:22px; }
.footer-trust-item span:last-child { line-height:1.3; }

/* ── User-select control (allow on forms) ────────────── */
body {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}
input, textarea, select, [contenteditable="true"], .form-control {
  -webkit-user-select:text;
  -moz-user-select:text;
  user-select:text;
}

/* ── Responsive for new components ───────────────────── */
@media (max-width:1024px) {
  .why-grid-v2 { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
  .why-grid-v2 { grid-template-columns:1fr; gap:10px; }
  .why-card-v2 { padding:16px; }
  .review-card-v2 { padding:20px; }
  .home-flash .flash-card { flex:0 0 150px; }
  .footer-trust-badges { gap:16px; }
  .footer-trust-item { font-size:11px; gap:6px; }
  .footer-trust-item span:first-child { font-size:18px; }
  .icon-label { display:none; }
  .btn-icon-labeled { width:42px; min-width:42px; padding:6px; }
}

/* ── Mobile header: push actions to the right ── */
@media (max-width:900px) {
  .header-actions { margin-left:auto; }
  /* Ensure hamburger is right-aligned, logo stays left */
  .header-inner { justify-content:flex-start; }
  .logo { flex-shrink:0; }
}

/* ── Mobile nav drawer: ensure right-slide, centered head ── */
.mobile-nav-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 20px;
  border-bottom:1px solid var(--cream-dk);
}
.mobile-nav-body {
  padding:8px 0;
}
.mobile-nav-body a {
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 20px;
  font-size:14px;
  font-weight:600;
  color:var(--text);
  border-bottom:1px solid var(--ivory-dk);
  text-decoration:none;
  transition:.15s;
}
.mobile-nav-body a:hover {
  background:var(--amber-lt);
  color:var(--amber-dk);
  padding-left:26px;
}