/* MR Reiseplaner – Palette aus dem Elementor-Kit (Plum #550076 + Rot #E8401E) */
:root{ --mrt-accent:#E8401E; --mrt-ink:#550076; --mrt-plumdark:#3D0055; --mrt-text:#1A1A2E; }

/* ---- Herz auf Karten ---- */
.mrt-hascard{ position:relative; }
.mrt-heart{
	position:absolute; top:12px; right:12px; z-index:6;
	width:38px; height:38px; border-radius:50%; border:0;
	background:rgba(255,255,255,.92); color:var(--mrt-text); cursor:pointer;
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 2px 10px rgba(0,0,0,.18); transition:transform .15s, background .15s, color .15s;
	backdrop-filter:blur(4px);
}
.mrt-heart:hover{ transform:scale(1.1); }
.mrt-heart svg{ width:20px; height:20px; }
.mrt-heart.is-on{ background:var(--mrt-accent); color:#fff; }

/* ---- Einzelbeitrag: Merken-Button ---- */
.mrt-save-wrap{ margin-top:20px; }
.mrt-save{
	display:inline-flex; align-items:center; gap:9px;
	padding:11px 20px; border-radius:100px; border:1.5px solid rgba(255,255,255,.7);
	background:rgba(255,255,255,.14); color:#fff; cursor:pointer; font-weight:600; font-size:15px;
	backdrop-filter:blur(6px); transition:background .15s, border-color .15s;
}
.mrt-save svg{ width:19px; height:19px; }
.mrt-save:hover{ background:rgba(255,255,255,.24); }
.mrt-save.is-on{ background:var(--mrt-accent); border-color:var(--mrt-accent); }

/* ---- Listen-Picker ---- */
.mrt-picker{
	position:absolute; z-index:100000; width:230px;
	background:#fff; border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.22);
	padding:8px; font-size:14px; color:var(--mrt-text);
}
.mrt-pick-head{ font-weight:700; padding:6px 8px 8px; font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.mrt-pick-row{ display:flex; align-items:center; gap:8px; width:100%; border:0; background:none; cursor:pointer;
	padding:9px 8px; border-radius:8px; text-align:left; color:inherit; }
.mrt-pick-row:hover{ background:#f1f5f9; }
.mrt-pick-row .mrt-check{ width:18px; height:18px; flex:0 0 18px; border:1.5px solid #cbd5e1; border-radius:5px;
	display:flex; align-items:center; justify-content:center; font-size:12px; color:#fff; }
.mrt-pick-row.on .mrt-check{ background:var(--mrt-accent); border-color:var(--mrt-accent); }
.mrt-pick-name{ flex:1 1 auto; }
.mrt-pick-count{ color:#94a3b8; font-size:12px; }
.mrt-pick-new,.mrt-pick-open{ display:flex; align-items:center; gap:6px; width:100%; border:0; cursor:pointer;
	padding:9px 8px; border-radius:8px; background:none; color:var(--mrt-accent); font-weight:600; margin-top:2px; }
.mrt-pick-new svg{ width:16px; height:16px; }
.mrt-pick-new:hover,.mrt-pick-open:hover{ background:#fef2ee; }
.mrt-pick-open{ color:var(--mrt-text); border-top:1px solid #eef2f6; border-radius:0 0 8px 8px; margin-top:6px; }

/* ---- Floating-Button ---- */
.mrt-fab{
	position:fixed; right:22px; bottom:22px; z-index:9998; text-decoration:none;
	display:flex; align-items:center; gap:9px; padding:13px 20px;
	border:0; border-radius:100px; cursor:pointer;
	background:var(--mrt-ink); color:#fff; font-weight:600; font-size:15px;
	box-shadow:0 8px 26px rgba(85,0,118,.38); transition:transform .15s;
}
.mrt-fab:hover{ color:#fff; }
.mrt-fab:hover{ transform:translateY(-2px); }
.mrt-fab svg{ width:20px; height:20px; }
.mrt-fab-count{ min-width:22px; height:22px; padding:0 6px; border-radius:100px; background:var(--mrt-accent);
	display:flex; align-items:center; justify-content:center; font-size:13px; }
.mrt-fab:not(.has) .mrt-fab-count{ background:rgba(255,255,255,.25); }

/* ---- Drawer ---- */
.mrt-backdrop{ position:fixed; inset:0; background:rgba(42,0,61,.45); z-index:9999; opacity:0; pointer-events:none; transition:opacity .25s; }
.mrt-drawer{
	position:fixed; top:0; right:0; bottom:0; width:420px; max-width:92vw; z-index:10000;
	background:#f8fafc; box-shadow:-10px 0 40px rgba(0,0,0,.2);
	transform:translateX(100%); transition:transform .28s cubic-bezier(.4,0,.2,1);
	display:flex; flex-direction:column; overflow:hidden;
}
body.mrt-open .mrt-backdrop{ opacity:1; pointer-events:auto; }
body.mrt-open .mrt-drawer{ transform:none; }

.mrt-dhead{ display:flex; align-items:center; justify-content:space-between; padding:18px 20px;
	background:var(--mrt-ink); color:#fff; font-weight:700; font-size:17px; flex:0 0 auto; }
.mrt-dclose{ border:0; background:none; color:#fff; cursor:pointer; width:32px; height:32px; }
.mrt-dclose svg{ width:22px; height:22px; }

/* ---- Tabs ---- */
.mrt-tabs{ display:flex; gap:6px; padding:12px 14px 8px; overflow-x:auto; flex:0 0 auto; background:#fff; border-bottom:1px solid #eef2f6; }
.mrt-tab{ flex:0 0 auto; border:1px solid #e2e8f0; background:#fff; border-radius:100px; padding:7px 14px;
	cursor:pointer; font-size:13.5px; color:#334155; white-space:nowrap; }
.mrt-tab b{ color:#94a3b8; font-weight:600; margin-left:3px; }
.mrt-tab.active{ background:var(--mrt-ink); border-color:var(--mrt-ink); color:#fff; }
.mrt-tab.active b{ color:rgba(255,255,255,.7); }
.mrt-tab-add{ flex:0 0 auto; width:34px; border:1px dashed #cbd5e1; background:#fff; border-radius:50%; cursor:pointer; color:#64748b; }
.mrt-tab-add svg{ width:16px; height:16px; }

.mrt-listbar{ display:flex; gap:14px; padding:8px 16px; background:#fff; border-bottom:1px solid #eef2f6; flex:0 0 auto; }
.mrt-listbar button{ border:0; background:none; cursor:pointer; color:#64748b; font-size:12.5px; display:flex; align-items:center; gap:5px; }
.mrt-listbar svg{ width:14px; height:14px; }
.mrt-listbar button:hover{ color:var(--mrt-accent); }

/* ---- Body / Items ---- */
.mrt-body{ flex:1 1 auto; overflow-y:auto; padding:14px 16px 24px; }
.mrt-items{ list-style:none; margin:0 0 14px; padding:0; }
.mrt-item{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #eef2f6; border-radius:12px;
	padding:8px 10px; margin-bottom:8px; }
.mrt-item.dragging{ opacity:.5; }
.mrt-grip{ color:#cbd5e1; cursor:grab; flex:0 0 auto; display:flex; }
.mrt-grip svg{ width:18px; height:18px; }
.mrt-num{ flex:0 0 auto; width:22px; height:22px; border-radius:50%; background:var(--mrt-accent); color:#fff;
	display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; }
.mrt-thumb{ flex:0 0 auto; width:48px; height:48px; border-radius:8px; background:#e2e8f0 center/cover no-repeat; }
.mrt-it-body{ flex:1 1 auto; min-width:0; text-decoration:none; color:inherit; }
.mrt-it-title{ display:block; font-weight:600; font-size:14px; color:var(--mrt-text); line-height:1.25;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mrt-it-cat{ font-size:11.5px; color:#64748b; }
.mrt-nogeo{ display:inline-block; margin-left:6px; font-size:10.5px; color:#b45309; background:#fef3c7; padding:1px 6px; border-radius:6px; }
.mrt-rm{ flex:0 0 auto; border:0; background:none; cursor:pointer; color:#cbd5e1; width:26px; height:26px; }
.mrt-rm:hover{ color:var(--mrt-accent); }
.mrt-rm svg{ width:16px; height:16px; }

.mrt-empty{ text-align:center; color:#94a3b8; padding:26px 10px; font-size:14px; line-height:1.5; }

/* ---- Karte ---- */
.mrt-map{ height:260px; border-radius:12px; overflow:hidden; margin:4px 0 14px; border:1px solid #e2e8f0; }
.mrt-pin{ background:none; border:0; }
.mrt-pin span{ display:flex; align-items:center; justify-content:center; width:28px; height:28px;
	background:var(--mrt-ink); color:#fff; border:2px solid #fff; border-radius:50%;
	box-shadow:0 2px 6px rgba(0,0,0,.35); font-size:13px; font-weight:700; }

/* ---- Export ---- */
.mrt-export{ display:flex; gap:10px; }
.mrt-btn{ flex:1 1 0; display:flex; align-items:center; justify-content:center; gap:7px;
	padding:11px; border-radius:10px; border:1px solid #e2e8f0; background:#fff; cursor:pointer;
	font-weight:600; font-size:13.5px; color:var(--mrt-text); }
.mrt-btn:hover{ border-color:var(--mrt-accent); color:var(--mrt-accent); }
.mrt-btn svg{ width:18px; height:18px; }
.mrt-btn[disabled]{ opacity:.5; cursor:default; }

/* ---- Vollseite (Shortcode) ---- */
.mrt-full{ max-width:1120px; margin:48px auto 64px; background:#fff; border-radius:18px; overflow:hidden;
	box-shadow:0 12px 44px rgba(85,0,118,.10); border:1px solid #f1ebf4; }
.mrt-loading{ padding:60px; text-align:center; color:#94a3b8; }
.mrt-fhead{ padding:22px 32px; background:linear-gradient(120deg,var(--mrt-ink),var(--mrt-plumdark)); color:#fff; }
.mrt-fhead h2{ margin:0 0 5px; color:#fff; font-size:25px; line-height:1.15; }
.mrt-sub{ margin:0; color:rgba(255,255,255,.82); font-size:14px; line-height:1.5; max-width:660px; }
.mrt-fbody{ padding:18px 32px 32px; }

/* Tabs/Listbar auf der Vollseite: transparent, mit Trennlinie */
.mrt-full .mrt-tabs{ background:none; border-bottom:1px solid #eef2f6; padding:0 0 12px; }
.mrt-full .mrt-listbar{ background:none; border-bottom:0; padding:12px 0 18px; }

/* 2-Spalten: Liste | Karte (sticky) */
.mrt-fgrid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:start; }
.mrt-col-right{ position:sticky; top:96px; }
.mrt-full .mrt-map{ height:500px; margin:0 0 14px; }
.mrt-full .mrt-items{ margin:0; }
.mrt-full .mrt-empty{ border:1px dashed #e2d6ea; border-radius:12px; }

@media (max-width:860px){
	.mrt-full{ margin:24px 14px 44px; }
	.mrt-fhead{ padding:18px 22px; }
	.mrt-fbody{ padding:16px 22px 26px; }
	.mrt-fgrid{ grid-template-columns:1fr; gap:18px; }
	.mrt-col-right{ position:static; }
	.mrt-full .mrt-map{ height:340px; }
}
@media (max-width:600px){
	.mrt-fab-txt{ display:none; }
	.mrt-fab{ right:16px; bottom:16px; padding:14px; }
}

/* =======================================================================
 * Seite /reiseplaner/ – Footer an den Boden, Theme-Button-Styles neutralisieren
 * ==================================================================== */
body.mrt-page{ display:flex; flex-direction:column; min-height:100vh; }
body.mrt-page > .elementor-location-footer{ margin-top:auto; }
body.mrt-page > .mrt-full{ align-self:center; width:100%; }
/* Auf der Planer-Seite selbst ist der Floating-Button überflüssig */
body.mrt-page .mrt-fab{ display:none; }

/* weiße Schrift auf dem violetten Balken (Theme überschreibt sonst) */
.mrt-fhead h2{ color:#fff !important; }
.mrt-sub{ color:rgba(255,255,255,.82) !important; }

/* Theme stylt alle <button> rot -> im Planer neutralisieren */
.mrt-listbar button{ background:none !important; color:#6b7280 !important; padding:0 !important; box-shadow:none !important; }
.mrt-listbar button:hover{ color:var(--mrt-accent) !important; }
.mrt-tab{ background:#fff !important; color:#334155 !important; }
.mrt-tab.active{ background:var(--mrt-ink) !important; color:#fff !important; }
.mrt-tab-add{ background:#fff !important; color:#64748b !important; }
.mrt-dclose{ background:none !important; color:#fff !important; }
.mrt-rm{ background:none !important; color:#cbd5e1 !important; box-shadow:none !important; }
.mrt-rm:hover{ color:var(--mrt-accent) !important; }
.mrt-btn{ background:#fff !important; color:var(--mrt-text) !important; }
.mrt-btn:hover{ color:var(--mrt-accent) !important; }
.mrt-pick-row,.mrt-pick-new,.mrt-pick-open{ background:none !important; }
.mrt-pick-row{ color:var(--mrt-text) !important; }
.mrt-pick-new{ color:var(--mrt-accent) !important; }
.mrt-pick-open{ color:var(--mrt-text) !important; }
.mrt-pick-row:hover,.mrt-pick-open:hover{ background:#f1f5f9 !important; }
.mrt-pick-new:hover{ background:#fef2ee !important; }
.mrt-fab{ background:var(--mrt-ink) !important; }
.mrt-heart{ background:rgba(255,255,255,.95) !important; color:var(--mrt-accent) !important; }
.mrt-heart.is-on{ background:var(--mrt-accent) !important; color:#fff !important; }
.mrt-check svg{ width:12px; height:12px; }

/* =======================================================================
 * Tagesplanung (Vollseite): Unterkunft, Tage, Route planen
 * ==================================================================== */
.mrt-plan{ background:#faf7fc; border:1px solid #efe6f4; border-radius:14px; padding:16px 18px; margin:0 0 18px; }
.mrt-plan-row{ display:flex; gap:14px; align-items:flex-end; flex-wrap:wrap; }
.mrt-field{ display:flex; flex-direction:column; gap:6px; }
.mrt-homefield{ flex:1 1 320px; min-width:240px; }
.mrt-daysfield{ flex:0 0 90px; }
.mrt-field label{ font-size:12px; font-weight:700; color:var(--mrt-ink); display:flex; align-items:center; gap:6px; text-transform:uppercase; letter-spacing:.03em; }
.mrt-field label svg{ width:15px; height:15px; }
.mrt-home-input, .mrt-days{
	width:100%; box-sizing:border-box; -webkit-appearance:none; appearance:none;
	border:1px solid #e2d6ea !important; border-radius:10px !important; background:#fff !important;
	padding:11px 13px !important; font-size:14px !important; color:var(--mrt-text) !important; box-shadow:none !important;
}
.mrt-home-input:focus, .mrt-days:focus{ border-color:var(--mrt-ink) !important; outline:none; }
.mrt-plan-btn{
	flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; cursor:pointer;
	background:var(--mrt-ink) !important; color:#fff !important; border:0 !important; border-radius:10px !important;
	padding:12px 20px !important; font-weight:600; font-size:14px; height:44px;
}
.mrt-plan-btn:hover{ background:var(--mrt-plumdark) !important; }
.mrt-plan-btn.loading{ opacity:.6; pointer-events:none; }
.mrt-plan-btn svg{ width:18px; height:18px; }
.mrt-plan-hint{ margin:12px 0 0; font-size:12.5px; color:#6b7280; line-height:1.5; }
.mrt-est{ color:#b45309; }

/* Autocomplete */
.mrt-ac{ position:relative; }
.mrt-ac-list{ display:none; position:absolute; top:calc(100% + 4px); left:0; right:0; z-index:50;
	background:#fff; border:1px solid #e2e8f0; border-radius:10px; box-shadow:0 12px 30px rgba(0,0,0,.14); overflow:hidden; max-height:260px; overflow-y:auto; }
.mrt-ac-list.open{ display:block; }
.mrt-ac-item{ display:block; width:100%; text-align:left; border:0 !important; background:#fff !important; cursor:pointer;
	padding:10px 13px !important; font-size:13px !important; color:var(--mrt-text) !important; line-height:1.35; box-shadow:none !important; }
.mrt-ac-item:hover{ background:#f6f1f9 !important; }
.mrt-ac-empty{ padding:10px 13px; font-size:13px; color:#94a3b8; }

/* Tages-Fahrzeit */
.mrt-dayinfo{ display:flex; align-items:center; gap:7px; font-size:13px; color:var(--mrt-ink); margin:2px 0 14px; }
.mrt-full .mrt-dayinfo{ margin:0 0 16px; }
.mrt-dayinfo svg{ width:16px; height:16px; color:var(--mrt-accent); }
.mrt-dayinfo b{ font-weight:700; }

/* Unterkunfts-Marker (Haus) */
.mrt-home-pin{ background:none; border:0; }
.mrt-home-pin svg{ width:34px; height:34px; padding:6px; box-sizing:border-box; color:#fff;
	background:var(--mrt-ink); border:2px solid #fff; border-radius:50%; box-shadow:0 2px 8px rgba(0,0,0,.4); }

@media (max-width:860px){
	.mrt-plan-row{ gap:10px; }
	.mrt-homefield{ flex:1 1 100%; }
}

/* =======================================================================
 * Tagesetappe als Timeline: Verbinder + Fahrzeit zwischen den Stopps
 * ==================================================================== */
.mrt-full .mrt-items .mrt-item{ margin-bottom:0; }
.mrt-full .mrt-items .mrt-item + .mrt-item{ margin-top:8px; }

.mrt-leg{ position:relative; height:30px; list-style:none; }
.mrt-leg::before{ content:''; position:absolute; left:50px; top:-7px; bottom:-7px; border-left:2px dashed #d9c2e6; }
.mrt-leg-time{ position:absolute; left:70px; top:50%; transform:translateY(-50%);
	display:inline-flex; align-items:center; gap:6px; background:#faf7fc; border:1px solid #efe6f4;
	color:var(--mrt-ink); font-size:12px; font-weight:600; padding:3px 11px; border-radius:100px; white-space:nowrap; }
.mrt-leg-time svg{ width:13px; height:13px; color:var(--mrt-accent); }
.mrt-leg-plain{ height:18px; }

.mrt-endpt{ position:relative; display:flex; align-items:center; gap:12px; padding-left:39px; height:34px;
	list-style:none; font-size:12.5px; font-weight:700; color:var(--mrt-ink); }
.mrt-endpt > svg{ flex:0 0 auto; width:22px; height:22px; padding:4px; box-sizing:border-box;
	background:var(--mrt-ink); color:#fff; border-radius:50%; }

/* Stopp zwischen Tagen verschieben: Tab als Drop-Ziel */
.mrt-tab.mrt-tab-drop{ background:#fef2ee !important; border-color:var(--mrt-accent) !important; color:var(--mrt-accent) !important; box-shadow:0 0 0 2px rgba(232,64,30,.25); }
.mrt-dnd-hint{ margin-left:auto; font-size:11.5px; color:#94a3b8; align-self:center; }
@media (max-width:860px){ .mrt-dnd-hint{ display:none; } }

/* FAB: Schrift + Icon immer weiß lesbar (Theme färbt Links sonst rot) */
.mrt-fab, .mrt-fab:hover, .mrt-fab:focus{ color:#fff !important; }
.mrt-fab .mrt-fab-txt{ color:#fff !important; }
.mrt-fab svg{ color:#fff !important; }

/* Consent-Platzhalter über der Karte (bis „Externe Medien" erlaubt) */
.mrt-map{ position:relative; }
.mrt-map-consent{ position:absolute; inset:0; z-index:500; display:flex; align-items:center; justify-content:center;
	background:#eef1f4; text-align:center; padding:20px; }
.mrt-map-consent-in{ max-width:340px; }
.mrt-map-consent-in > svg{ width:28px; height:28px; color:var(--mrt-ink); }
.mrt-map-consent-in p{ margin:10px 0 14px; font-size:13.5px; color:#475569; line-height:1.5; }
.mrt-map-consent-btn{ background:var(--mrt-ink) !important; color:#fff !important; border:0 !important; display:inline-flex !important; }
.mrt-map-consent-btn:hover{ background:var(--mrt-plumdark) !important; color:#fff !important; }