/*
Theme Name: Listeo Child
Template: listeo
Description: Child Theme für Anpassungen an Listeo
Author: Sharingpoint Marketplace Team
Version: 1.0
*/

/* ===== Eigene Styles ab hier ===== */

/* Listeo: Extra Service – Bookable-Optionen komplett verbergen */
#pricing-list-container .pricing-bookable-options { 
  display: none !important; 
}

#pricing-list-container .pricing-quanity-buttons { 
  display: none !important; 
}
/* === Insurance Card (Listeo Child) === */
.lstx-insurance-card{
  display:flex; align-items:center; gap:20px;
  padding:14px 16px; margin:12px 0 18px;
  background:#fafafa; border:1px solid #eaeaea; border-radius:12px;
}
.lstx-insurance-text{display:grid; gap:6px; min-width:0}
.lstx-insurance-title{
  font-weight:700; line-height:1.25; display:flex; align-items:center; gap:10px;
}
.lstx-insurance-help{font-size:0.92rem; color:#666; line-height:1.35}
.lstx-insurance-icon{
  width:18px; height:18px; display:inline-block; flex:0 0 18px;
  background:currentColor; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 2l7 3v6c0 5-3.8 9-7 11-3.2-2-7-6-7-11V5l7-3zm0 5a4 4 0 0 0-4 4c0 2.7 2.1 5.9 4 7.5 1.9-1.6 4-4.8 4-7.5a4 4 0 0 0-4-4zm0 2.2a1.8 1.8 0 1 1 0 3.6 1.8 1.8 0 0 1 0-3.6z"/></svg>') center/contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 2l7 3v6c0 5-3.8 9-7 11-3.2-2-7-6-7-11V5l7-3zm0 5a4 4 0 0 0-4 4c0 2.7 2.1 5.9 4 7.5 1.9-1.6 4-4.8 4-7.5a4 4 0 0 0-4-4zm0 2.2a1.8 1.8 0 1 1 0 3.6 1.8 1.8 0 0 1 0-3.6z"/></svg>') center/contain no-repeat;
  color:#0f172a;
}

/* Switch rechts bündig */
.lstx-switch{ margin-left:auto; position:relative; display:inline-block; width:54px; height:30px; flex:0 0 54px;}
.lstx-switch input{ opacity:0; width:0; height:0; }
.lstx-slider{
  position:absolute; inset:0; background:#d1d5db; border-radius:999px; transition:all .2s ease;
  box-shadow: inset 0 0 0 1px #cfd3da;
}
.lstx-slider:before{
  content:""; position:absolute; height:22px; width:22px; left:4px; top:4px;
  background:#fff; border-radius:50%; box-shadow:0 1px 2px rgba(0,0,0,.2); transition:transform .2s ease;
}
.lstx-switch input:checked + .lstx-slider{ background:#0ea5e9; }
.lstx-switch input:checked + .lstx-slider:before{ transform:translateX(24px); }

/* Responsive: auf kleinen Screens untereinander */
@media (max-width: 720px){
  .lstx-insurance-card{ flex-direction:column; align-items:flex-start; gap:10px; }
  .lstx-switch{ margin-left:0; }
}