/**
 * ===================================================================
 * wezunu - Landing Common CSS v2
 * Styles fuer showInfoPanel, Gallery, Nearby, Related, Plan-Button
 * Wird von allen 6 Landing-Pages eingebunden:
 * staedte, laender, natur, kultur, routen, regionen
 *
 * Developed by Toni Sciacca - mail@tonisciacca.com
 * ===================================================================
 */

/* ── Gallery-Platzhalter ── */
.lc-gallery{width:100%;height:200px;background:#f0ebe8;position:relative;overflow:hidden;}
.lc-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:#ccc;}
.lc-gallery-empty span{font-size:11px;font-weight:500;color:#bbb;}
.lc-gallery-slider{position:relative;width:100%;height:100%;}
.lc-gallery-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .5s;}
.lc-gallery-slide.active{opacity:1;}

/* ── Info-Panel Head ── */
.lc-ip-head{display:flex;align-items:center;gap:12px;padding:16px 20px 4px;}
.lc-ip-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.lc-ip-icon i{width:18px;height:18px;color:#fff;}
.lc-ip-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:#1a1a1a;line-height:1.3;}

/* ── Kategorie UNTER dem Namen ── */
.lc-ip-cat{padding:0 20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;margin-bottom:12px;}

/* ── Content ── */
.lc-ip-content{padding:0 20px 24px;}
.lc-ip-desc{font-size:14px;color:#4a4a4a;line-height:1.7;margin:0 0 16px;}

/* ── Facts ── */
.lc-ip-facts{display:flex;flex-direction:column;gap:2px;margin-bottom:16px;}
.lc-ip-fact{display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a1a;padding:5px 0;border-bottom:1px solid #f5f0ed;}
.lc-ip-fact:last-child{border-bottom:none;}
.lc-ip-fact i{width:14px;height:14px;color:#FF385C;flex-shrink:0;}
.lc-ip-fact span{flex:1;}

/* ── Nearby ── */
.lc-ip-nearby{margin-top:16px;}
.lc-nearby-loading{display:flex;align-items:center;gap:6px;font-size:12px;color:#9a9a9a;padding:8px 0;}
.lc-nearby-title{font-size:11px;font-weight:700;color:#9a9a9a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:5px;}
.lc-nearby-title i{color:#FF385C;}
.lc-nearby-list{display:flex;flex-direction:column;gap:0;}
.lc-nearby-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f5f0ed;cursor:pointer;transition:background .15s;}
.lc-nearby-item:hover{background:rgba(255,56,92,.02);}
.lc-nearby-item:last-child{border-bottom:none;}
.lc-nearby-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.lc-nearby-info{flex:1;display:flex;align-items:center;gap:6px;min-width:0;}
.lc-nearby-name{font-size:13px;font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lc-nearby-cat{font-size:11px;font-weight:500;margin-left:auto;flex-shrink:0;}

/* ── Related Links ── */
.lc-ip-related{margin-top:16px;padding-top:16px;border-top:1px solid #f0ebe8;}
.lc-ip-related-title{font-size:11px;font-weight:700;color:#9a9a9a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:5px;}
.lc-ip-related-title i{color:#FF385C;}
.lc-ip-rel-link{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;margin:2px;border-radius:50px;background:#faf8f5;color:#1a1a1a;text-decoration:none;font-size:12px;font-weight:500;transition:all .2s;}
.lc-ip-rel-link:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);color:#FF385C;}
.lc-ip-rel-link i{width:12px;height:12px;color:#FF385C;}

/* ── Plan-Button & Actions ── */
.lc-ip-actions{display:flex;flex-direction:column;gap:6px;margin-top:16px;}
.lc-ip-plan-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#FF385C;color:#fff;border-radius:50px;text-decoration:none;font-family:'Outfit',sans-serif;font-size:14px;font-weight:600;transition:all .2s;border:none;cursor:pointer;}
.lc-ip-plan-btn:hover{background:#e0304f;box-shadow:0 4px 16px rgba(255,56,92,.25);}
.lc-ip-plan-btn i{width:16px;height:16px;}
.lc-ip-detail-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#1a1a1a;color:#fff;border-radius:50px;text-decoration:none;font-family:'Outfit',sans-serif;font-size:13px;font-weight:600;transition:all .2s;}
.lc-ip-detail-link:hover{background:#333;}
.lc-ip-detail-link i{width:14px;height:14px;}

/* ── Spin Animation ── */
@keyframes lc-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}