/* aromaneo – Rechtliche Seiten (Impressum, Datenschutz, Versand, Widerrufsrecht; DE + EN)
   Baut auf home-v2.css + subpages.css auf: Header, Banner, Footer und Typo kommen von dort.
   Ersetzt legal-shared.css und die seiteneigenen CSS-Dateien. */

/* ---------- Seitenkopf ---------- */
.legal-hero{padding-bottom:56px;}
.legal-hero .hero-eyebrow{margin-bottom:14px;}
.legal-hero p{max-width:640px;}
.legal-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:32px auto 0;max-width:760px;}
.legal-tabs a{
  display:inline-block;padding:9px 18px;border:1.5px solid rgba(47,61,40,.28);border-radius:999px;
  font-family:'Jost',sans-serif;font-size:14px;letter-spacing:.05em;color:var(--dark-green);
  text-decoration:none;background:rgba(255,255,255,.35);transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.legal-tabs a:hover{border-color:var(--dark-green);background:rgba(255,255,255,.7);}
.legal-tabs a.is-active{background:var(--dark-green);border-color:var(--dark-green);color:var(--cream);}

/* ---------- Inhalt ---------- */
.legal-body{padding:0 32px 96px;background:linear-gradient(180deg,#ece0c5 0%,var(--cream) 220px);}
.legal-card{
  position:relative;max-width:860px;margin:0 auto;background:#fffdf8;
  border:1px solid rgba(90,68,42,.1);border-radius:20px;padding:64px 72px 56px;
  box-shadow:0 22px 48px rgba(90,68,42,.1);isolation:isolate;overflow:hidden;
}
.legal-card::after{
  content:'';position:absolute;right:-60px;top:-60px;width:260px;height:260px;z-index:-1;opacity:.05;
  background:url('aromaneo_leaf_icon.png') center/contain no-repeat;transform:rotate(12deg);
}
.legal-card h2{
  font-family:'Playfair Display',serif;font-size:clamp(22px,2.4vw,27px);line-height:1.3;color:var(--dark-green);
  margin:44px 0 14px;padding-top:36px;border-top:1px solid rgba(90,68,42,.14);
}
.legal-card > h2:first-child,.legal-card > .legal-note + h2,.legal-card > h2:first-of-type{margin-top:0;padding-top:0;border-top:0;}
.legal-card h3{font-family:'Playfair Display',serif;font-size:20px;color:var(--dark-green);margin:30px 0 10px;}
.legal-card p,.legal-card li{font-size:16.5px;line-height:1.75;color:#3f3d34;margin:0 0 14px;}
.legal-card a{color:var(--beige-deep);text-decoration:underline;text-underline-offset:3px;word-break:break-word;}
.legal-card a:hover{color:var(--dark-green);}
.legal-card strong{color:var(--dark-green);}
.legal-card .stand{margin:44px 0 0;padding-top:22px;border-top:1px solid rgba(90,68,42,.14);font-size:14px;color:#6f6a5c;font-style:italic;}
.legal-card .legal-note{
  background:#f6efdf;border-left:4px solid var(--beige-deep);border-radius:2px;
  padding:16px 20px;margin:0 0 40px;font-size:15px;color:#5c5c50;
}

/* Kästen (Widerrufsbelehrung, Muster-Formular) */
.legal-card .legal-box{background:#fbf7ec;border:1px solid rgba(90,68,42,.16);border-left:4px solid var(--dark-green);border-radius:2px;padding:26px 30px;margin:18px 0 26px;}
.legal-card .legal-box p:last-child{margin-bottom:0;}
.legal-card .highlight{background:var(--beige);border-radius:2px;padding:18px 22px;margin:18px 0 22px;color:var(--dark-green);}
.legal-card .form-fields .field{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px dashed rgba(90,68,42,.2);}
.legal-card .form-fields .field:last-child{border-bottom:0;}
.legal-card .field-label{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--beige-darkest);font-weight:600;}
.legal-card .form-fields label{display:flex;align-items:center;gap:10px;font-size:16px;color:#3f3d34;margin:4px 0;}
.legal-card .form-fields input[type="checkbox"]{width:18px;height:18px;accent-color:var(--dark-green);flex:none;}
.legal-card .form-fields input[type="text"],.legal-card .form-fields textarea{
  width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;
  border:1px solid rgba(90,68,42,.25);border-radius:2px;padding:10px 12px;
}
.legal-card .form-fields input[type="text"]:focus,.legal-card .form-fields textarea:focus{outline:2px solid rgba(47,61,40,.35);outline-offset:1px;border-color:var(--dark-green);}
.legal-card .form-fields textarea{min-height:90px;resize:vertical;}
.legal-card .form-fields ::placeholder{color:#9a927f;}

/* Tabelle (Versand) */
.legal-card table{width:100%;border-collapse:collapse;margin:14px 0 26px;font-size:15.5px;}
.legal-card th,.legal-card td{text-align:left;padding:12px 14px;border-bottom:1px solid rgba(90,68,42,.14);vertical-align:top;}
.legal-card th{background:var(--dark-green);color:var(--cream);font-weight:500;letter-spacing:.03em;}
.legal-card tr:last-child td{border-bottom:0;}
.legal-card tbody tr:nth-child(even) td{background:#fbf7ec;}

@media (max-width:900px){
  .legal-hero{padding-bottom:40px;}
  .legal-tabs{gap:8px;margin-top:24px;}
  .legal-tabs a{padding:8px 14px;font-size:13.5px;}
  .legal-body{padding:0 16px 64px;}
  .legal-card{padding:36px 22px 32px;border-radius:16px;}
  .legal-card h2{margin-top:34px;padding-top:28px;}
  .legal-card p,.legal-card li{font-size:16px;}
  .legal-card .legal-box{padding:20px 18px;}
  .legal-card table{display:block;overflow-x:auto;}
}


/* Mobil: Die Reiter-Leiste ist ein <nav> – die Regeln des mobilen Hauptmenüs (home-v2.css)
   haben sie unsichtbar gemacht (absolut positioniert, opacity 0). Hier wieder normal anzeigen. */
@media (max-width:900px){
  .legal-hero nav.legal-tabs{
    position:static !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    opacity:1 !important;visibility:visible !important;transform:none !important;pointer-events:auto !important;
    display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;justify-content:center !important;
    width:auto !important;height:auto !important;max-height:none !important;overflow:visible !important;
    background:none !important;box-shadow:none !important;border:0 !important;padding:0 !important;margin:24px auto 0 !important;z-index:auto !important;
  }
  .legal-hero nav.legal-tabs a{display:inline-block !important;width:auto !important;border-bottom-width:1.5px !important;}
}