/* Δήμος Λεβαδέων – Αναφορές: εφαρμογή κινητού */

/* Κουμπί «Οι αναφορές μου» μόνο μέσα στην εφαρμογή */
.dlr-tomine { display: none !important; }
.dlr-app .dlr-tomine { display: inline-flex !important; }
.dlr-done__actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* ---------- Πλαίσιο εγκατάστασης (στη σελίδα του site) ---------- */
.dlr-install {
	display: flex; align-items: center; gap: 14px; margin: 0 0 22px; padding: 14px 44px 14px 14px; position: relative;
	background: linear-gradient(120deg, var(--dl-primary, #7d0302), color-mix(in srgb, var(--dl-primary, #7d0302) 75%, #000));
	color: #fff; border-radius: 14px; box-shadow: 0 10px 26px rgba(80, 0, 0, .25);
}
.dlr-install img { width: 56px; height: 56px; border-radius: 14px; flex: 0 0 auto; background: #fff; }
.dlr-install__txt { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; font-size: .92rem; line-height: 1.35; }
.dlr-install__txt strong { font-size: 1.02rem; }
.dlr .dlr-install__btn { background: var(--dl-accent, #b8901c); color: #fff; flex: 0 0 auto; }
.dlr .dlr-install__btn:hover { background: color-mix(in srgb, var(--dl-accent, #b8901c) 85%, #fff); color: #fff; }
.dlr-install__close { position: absolute; top: 6px; right: 8px; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .15); color: #fff; font-size: 20px; line-height: 1; cursor: pointer; }
@media (max-width: 520px) {
	.dlr-install { flex-wrap: wrap; }
	.dlr .dlr-install__btn { width: 100%; }
}

/* ---------- Οθόνη εφαρμογής ---------- */
body.dlr-appbody { margin: 0; background: var(--dl-bg, #f7f5f2); min-height: 100vh; -webkit-tap-highlight-color: transparent; }
body.dlr-appbody #wpadminbar { display: none; }
html:has(body.dlr-appbody) { margin-top: 0 !important; }
.dlr-app { min-height: 100vh; display: flex; flex-direction: column; padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
.dlr-app__bar {
	position: sticky; top: 0; z-index: 1100; display: flex; align-items: center; gap: 12px;
	padding: calc(10px + env(safe-area-inset-top)) 16px 10px; background: var(--dlr-p); color: #fff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .18);
}
.dlr-app__logo { height: 38px; width: auto; background: #fff; border-radius: 10px; padding: 3px 6px; }
.dlr-app__title { font-weight: 700; font-size: 1rem; line-height: 1.2; }
.dlr-app__offline { background: #fff3cd; color: #6b5200; font-weight: 600; font-size: .88rem; padding: 10px 16px; text-align: center; }
.dlr-app__main { flex: 1; width: 100%; max-width: 760px; margin: 0 auto; padding: 16px 14px 24px; }
.dlr .dlr-app__h { font-family: var(--dl-font-head, inherit); color: var(--dlr-p); font-size: 1.45rem; margin: 4px 0 14px; }
.dlr-app__hrow { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dlr-app__hrow .dlr-btn { min-height: 38px; padding: 6px 14px; font-size: .88rem; }
.dlr-app .dlr-step { padding: 18px 14px 20px; }
.dlr-app .dlr-step__title { font-size: 1.1rem; }

.dlr-app__nav {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 1100; display: flex;
	background: var(--dlr-sf); border-top: 1px solid var(--dlr-line); box-shadow: 0 -4px 18px rgba(0, 0, 0, .08);
	padding-bottom: env(safe-area-inset-bottom);
}
.dlr .dlr-app__tab {
	position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
	min-height: 64px; border: 0; background: none; color: var(--dlr-mut); font: inherit; font-size: .75rem; font-weight: 600; cursor: pointer; padding: 6px 4px;
}
.dlr .dlr-app__tab.is-active { color: var(--dlr-p); }
.dlr .dlr-app__tab.is-active::before { content: ""; position: absolute; top: 0; left: 25%; right: 25%; height: 3px; border-radius: 0 0 3px 3px; background: var(--dlr-p); }
.dlr .dlr-app__tab:focus-visible { outline: 3px solid var(--dlr-a); outline-offset: -3px; }
.dlr-app__count { position: absolute; top: 6px; left: calc(50% + 6px); min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--dlr-a); color: #fff; font-size: .68rem; display: grid; place-items: center; }

/* Οι αναφορές μου */
.dlr .dlr-mine { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.dlr-mine__empty { padding: 28px 16px; text-align: center; color: var(--dlr-mut); background: var(--dlr-sf); border: 1px dashed var(--dlr-line); border-radius: 12px; }
.dlr-mine__item { position: relative; display: flex; gap: 12px; padding: 12px 40px 12px 12px; background: var(--dlr-sf); border: 1px solid var(--dlr-line); border-radius: 12px; }
.dlr .dlr-mine__item img, .dlr-mine__ph { width: 64px; height: 64px; border-radius: 10px; object-fit: cover; flex: 0 0 auto; background: var(--dlr-as); }
.dlr-mine__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.dlr-mine__top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dlr-mine__top strong { font-size: .95rem; }
.dlr-mine__top .dlr-badge { margin: 0; }
.dlr-mine__addr { font-size: .85rem; color: var(--dlr-mut); }
.dlr-mine__meta { font-size: .75rem; color: var(--dlr-mut); }
.dlr-mine__note { margin: 4px 0 0; padding: 8px 10px; border-radius: 8px; background: var(--dlr-bg); font-size: .85rem; border-left: 3px solid var(--dlr-a); }
.dlr .dlr-mine__rm { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border: 0; border-radius: 50%; background: var(--dlr-bg); color: var(--dlr-mut); font-size: 18px; line-height: 1; cursor: pointer; padding: 0; }

@media (min-width: 761px) {
	.dlr-app__nav { left: 50%; right: auto; width: 760px; transform: translateX(-50%); border-radius: 16px 16px 0 0; border: 1px solid var(--dlr-line); }
}