/* dsgn.gr · Banner συγκατάθεσης (βήμα 8). Γυαλί όπως μενού/popup, γωνία κέρσορα 28px 0 28px 28px.
   «Αποδοχή» και «Απόρριψη»: ίδιο μέγεθος, ίδιο στυλ (εξίσου εύκολες, απόφαση Πάνου 12/11/2026).
   Κουμπιά: ρητά χρώματα σε :hover/:focus/:active (εκτός @media hover) και περίγραμμα στο :focus-visible,
   γιατί το kit του Elementor δίνει σε κάθε button:hover/focus κρεμ σε navy (κανόνας CLAUDE.md). */

.dsgn-consent{
	position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;
	width:min(440px,calc(100vw - 32px));box-sizing:border-box;
	padding:20px 20px 18px;border-radius:28px 0 28px 28px;
	background:rgba(252,249,247,.9);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);
	border:1px solid rgba(18,42,73,.1);
	box-shadow:0 1px 2px rgba(18,42,73,.08),0 18px 44px rgba(18,42,73,.2);
	color:#122A49;font-family:Geologica,Arial,sans-serif;
	animation:ckIn .35s cubic-bezier(.23,1,.32,1);
}
.dsgn-consent[hidden]{display:none}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
	.dsgn-consent{background:#FCF9F7}
}
@keyframes ckIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.dsgn-consent{animation:none}}

.dsgn-consent .ck-title{margin:0 0 6px;font-size:17px;line-height:1.3;font-weight:700;color:#122A49}
.dsgn-consent .ck-text{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:#4F5B6B}
.dsgn-consent .ck-text a{color:#122A49;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.dsgn-consent .ck-now{margin:-6px 0 14px;font-size:14px;line-height:1.5;color:#122A49;font-weight:600}
.dsgn-consent .ck-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.dsgn-consent .ck-btn{
	-webkit-appearance:none;appearance:none;margin:0;
	min-height:48px;padding:0 16px;border:1px solid #122A49;border-radius:24px 0 24px 24px;
	background:#122A49;color:#FCF9F7;
	font:600 15px/1.2 Geologica,Arial,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;
	transition:background-color .15s,border-color .15s;
}
.dsgn-consent .ck-btn:hover,
.dsgn-consent .ck-btn:focus{background:#1D3B63;border-color:#1D3B63;color:#FCF9F7}
.dsgn-consent .ck-btn:active{background:#0B1C33;border-color:#0B1C33;color:#FCF9F7}
.dsgn-consent .ck-btn:focus-visible{outline:3px solid #39C5F3;outline-offset:2px}
.dsgn-consent a:focus-visible{outline:3px solid #39C5F3;outline-offset:2px;border-radius:4px}

/* Κινητό (Πάνος 13/11/2026: να μην κρύβει το μισό site): όσο είναι ανοιχτό το banner, η κάτω μπάρα κρύβεται
   (επανέρχεται μόλις επιλέξετε) και η κάρτα πιάνει τη θέση της· πιο σφιχτή κάρτα, κείμενο 14px, κουμπιά 44px.
   Έλεγχος 13/11/2026: ≤ 45% της οθόνης ακόμα και σε 360×640. */
@media (max-width:900px){
	.dsgn-consent{left:12px;right:12px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:14px 14px 12px}
	.dsgn-consent .ck-title{font-size:16px;margin:0 0 4px}
	.dsgn-consent .ck-text{font-size:14px;line-height:1.45;margin:0 0 10px}
	.dsgn-consent .ck-now{margin:-4px 0 10px}
	.dsgn-consent .ck-actions{gap:8px}
	.dsgn-consent .ck-btn{min-height:44px}
	html.ck-open #mobileBar.mobile-bar{opacity:0;transform:translateY(20px);pointer-events:none;visibility:hidden}
}