/**
 * "Personalise this route" panel styles — shared by the v1 single-route view
 * and the v2 route finder. Markup: includes/personalise-panel.php.
 */
.rfcc-ps-options { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.rfcc-ps-options label { display: flex; align-items: center; gap: 8px; cursor: pointer; font-weight: normal; margin: 0; font-size: 0.95em; }
.rfcc-ps-options label.rfcc-ps-sub { padding-left: 22px; }
.rfcc-ps-options label.rfcc-ps-disabled { opacity: 0.4; pointer-events: none; }
.rfcc-ps-options .rfcc-ps-group-label { font-size: 0.78em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #888; margin-top: 6px; }
.rfcc-ps-options .rfcc-info-tip { color: #999; font-size: 0.85em; cursor: help; }
.rfcc-ps-buttons { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.rfcc-ps-btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border: 1px solid #ccc; border-radius: 5px; background: #fff; cursor: pointer; font-size: 0.9em; font-family: inherit; transition: background 0.15s; }
.rfcc-ps-btn:hover:not(:disabled) { background: #f0f0f0; }
.rfcc-ps-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.rfcc-ps-status { margin-top: 8px; font-style: italic; font-size: 0.9em; min-height: 1.2em; }
.rfcc-ps-pick-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.rfcc-ps-pick-btn { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border: 1px solid #ccc; border-radius: 5px; background: #fff; cursor: pointer; font-size: 0.88em; font-family: inherit; transition: background 0.15s; }
.rfcc-ps-pick-btn:hover { background: #f0f0f0; }
.rfcc-ps-pick-btn.rfcc-pick-active { border-color: #2563eb; background: #eff6ff; }
.rfcc-ps-pick-hint { font-size: 0.83em; color: #555; min-height: 1.1em; }
/* Hide pick-location UI on small/touch screens — dragging markers is impractical */
@media (max-width: 767px) { .rfcc-ps-pick-section { display: none !important; } }
/* Collapsible header row (v1 single-route) */
.rfcc-ps-header { cursor: pointer; user-select: none; }
.rfcc-ps-header:hover { background: #f8f8f8; }
.rfcc-ps-header-inner { display: flex; justify-content: space-between; align-items: center; }
.rfcc-ps-chevron { transition: transform 0.2s ease; color: #999; font-size: 0.85em; }
.rfcc-ps-chevron.open { transform: rotate(180deg); }
.rf-dark-mode .rfcc-ps-header, [data-rf-theme="dark"] .rfcc-ps-header,
.rf-dark-mode .rfcc-ps-header span, [data-rf-theme="dark"] .rfcc-ps-header span,
.rf-dark-mode .rfcc-ps-options label, [data-rf-theme="dark"] .rfcc-ps-options label { color: #f0f0f0; }
.rf-dark-mode .rfcc-ps-header:hover, [data-rf-theme="dark"] .rfcc-ps-header:hover { background: rgba(255,255,255,0.07); }
.rf-dark-mode .rfcc-ps-btn, [data-rf-theme="dark"] .rfcc-ps-btn,
.rf-dark-mode .rfcc-ps-pick-btn, [data-rf-theme="dark"] .rfcc-ps-pick-btn { background: #2a2a2a; border-color: #555; color: #f0f0f0; }
.rf-dark-mode .rfcc-ps-btn:hover:not(:disabled), [data-rf-theme="dark"] .rfcc-ps-btn:hover:not(:disabled),
.rf-dark-mode .rfcc-ps-pick-btn:hover, [data-rf-theme="dark"] .rfcc-ps-pick-btn:hover { background: #383838; }
.rf-dark-mode .rfcc-ps-pick-btn.rfcc-pick-active, [data-rf-theme="dark"] .rfcc-ps-pick-btn.rfcc-pick-active { border-color: #2563eb; background: #1e3a5f; }
.rf-dark-mode .rfcc-ps-options .rfcc-ps-group-label, [data-rf-theme="dark"] .rfcc-ps-options .rfcc-ps-group-label,
.rf-dark-mode .rfcc-ps-pick-hint, [data-rf-theme="dark"] .rfcc-ps-pick-hint { color: #aaa; }