/* Nádor Cukrászda — süti hozzájárulás
   Külön fájl, mert a sablon minden oldalán betöltjük, nem csak a shortcode-osokon. */

.ndc-suti{
	--s-paper:#f5efe6;
	--s-paper2:#ece3d6;
	--s-ink:#1b1916;
	--s-ink2:#33302b;
	--s-taupe:#8a6f5c;
	--s-line:rgba(27,25,22,.14);
	--s-serif:"Instrument Serif",Georgia,serif;
	--s-sans:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
	position:fixed;
	z-index:2147483001;
	left:0;
	right:0;
	bottom:0;
	display:none;
	font-family:var(--s-sans);
	color:var(--s-ink2);
	-webkit-text-size-adjust:100%;
}
.ndc-suti *{box-sizing:border-box;margin:0;padding:0}
.ndc-suti.is-nyitva{display:block}

/* fátyol csak a részletes nézethez */
.ndc-suti-fatyol{position:fixed;inset:0;background:rgba(20,18,16,.5);opacity:0;pointer-events:none;transition:opacity .3s ease}
.ndc-suti.is-reszletes .ndc-suti-fatyol{opacity:1;pointer-events:auto}

.ndc-suti-doboz{
	position:relative;
	max-width:1180px;
	margin:0 auto;
	background:var(--s-paper);
	border-top:1px solid var(--s-ink);
	box-shadow:0 -18px 50px rgba(20,18,16,.16);
	padding:clamp(20px,3vw,30px) clamp(20px,4vw,44px);
	animation:ndc-suti-be .45s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes ndc-suti-be{from{transform:translateY(100%)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.ndc-suti-doboz{animation:none}}

.ndc-suti.is-reszletes .ndc-suti-doboz{
	max-width:680px;
	max-height:min(86vh,760px);
	overflow-y:auto;
	margin:0 auto;
	border:1px solid var(--s-ink);
	border-top:1px solid var(--s-ink);
}
.ndc-suti.is-reszletes{top:0;display:flex;align-items:flex-end;justify-content:center;padding:0}
@media(min-width:700px){
	.ndc-suti.is-reszletes{align-items:center;padding:24px}
}

/* --- alap sáv --- */
.ndc-suti-fej{display:flex;align-items:flex-start;gap:14px;margin-bottom:10px}
.ndc-suti-ikon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;background:var(--s-ink);color:var(--s-paper)}
.ndc-suti-ikon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ndc-suti-cim{font-family:var(--s-serif);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.1;color:var(--s-ink);letter-spacing:-.005em}
.ndc-suti-szoveg{font-size:.94rem;line-height:1.6;max-width:70ch;margin-bottom:18px}
.ndc-suti-szoveg a{color:var(--s-ink);text-decoration:none;box-shadow:inset 0 -1px 0 rgba(27,25,22,.35);transition:box-shadow .25s}
.ndc-suti-szoveg a:hover{box-shadow:inset 0 -2px 0 var(--s-ink)}

.ndc-suti-gombok{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* gombok — a kártyagombok nyelvén */
.ndc-suti .ndc-suti-btn.ndc-suti-btn{
	position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:0;text-transform:uppercase;
	display:inline-flex;align-items:center;justify-content:center;gap:.6em;
	font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1;
	padding:1.05em 1.5em;border:none;border-radius:0;cursor:pointer;
	-webkit-appearance:none;appearance:none;
	transition:color .35s ease,background .35s ease,border-color .35s ease;
}
.ndc-suti .ndc-suti-btn-fo.ndc-suti-btn-fo{background:var(--s-ink);color:var(--s-paper);border:none}
.ndc-suti-btn-fo::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--s-paper);transform:translateY(101%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ndc-suti-btn-fo::after{content:"";position:absolute;inset:0;border:1px solid var(--s-ink);opacity:0;pointer-events:none;transition:opacity .18s ease}
.ndc-suti-btn-fo:hover::before,.ndc-suti-btn-fo:focus-visible::before{transform:translateY(0)}
.ndc-suti-btn-fo:hover::after,.ndc-suti-btn-fo:focus-visible::after{opacity:1;transition:opacity .22s ease .24s}
.ndc-suti-btn-fo:hover,.ndc-suti-btn-fo:focus-visible{color:var(--s-ink)}

.ndc-suti .ndc-suti-btn-vonal.ndc-suti-btn-vonal{background:transparent;color:var(--s-ink);border:none;box-shadow:inset 0 0 0 1px rgba(27,25,22,.28)}
.ndc-suti-btn-vonal:hover,.ndc-suti-btn-vonal:focus-visible{box-shadow:inset 0 0 0 1px var(--s-ink);background:rgba(27,25,22,.05)}

.ndc-suti .ndc-suti-btn-link.ndc-suti-btn-link{background:none;border:none;box-shadow:none;padding:1.05em .4em;color:var(--s-taupe);text-decoration:none}
.ndc-suti-btn-link:hover,.ndc-suti-btn-link:focus-visible{color:var(--s-ink)}
.ndc-suti-btn:focus-visible{outline:2px solid var(--s-ink);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.ndc-suti-btn,.ndc-suti-btn-fo::before,.ndc-suti-btn-fo::after{transition:none}}

/* --- részletes nézet --- */
.ndc-suti-reszletek{display:none;margin-top:22px;padding-top:20px;border-top:1px solid var(--s-line)}
.ndc-suti.is-reszletes .ndc-suti-reszletek{display:block}
.ndc-suti.is-reszletes .ndc-suti-gombok-alap{display:none}

.ndc-suti-kat{border-top:1px solid var(--s-line);padding:16px 0}
.ndc-suti-kat:first-child{border-top:0;padding-top:0}
.ndc-suti-kat-fej{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ndc-suti-kat-nev{font-size:1.02rem;font-weight:600;color:var(--s-ink);line-height:1.3}
.ndc-suti-kat-leiras{font-size:.88rem;line-height:1.55;margin-top:6px;max-width:60ch}
.ndc-suti-kat-fix{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--s-taupe);white-space:nowrap;padding-top:4px}

/* kapcsoló */
.ndc-suti-kapcsolo{position:relative;flex:none;width:52px;height:30px;cursor:pointer}
.ndc-suti-kapcsolo input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.ndc-suti-kapcsolo-sav{display:block;width:52px;height:30px;background:transparent;box-shadow:inset 0 0 0 1px rgba(27,25,22,.3);transition:background .3s ease,box-shadow .3s ease}
.ndc-suti-kapcsolo-sav::after{content:"";position:absolute;top:5px;left:5px;width:20px;height:20px;background:var(--s-ink);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease}
.ndc-suti-kapcsolo input:checked+.ndc-suti-kapcsolo-sav{background:var(--s-ink);box-shadow:inset 0 0 0 1px var(--s-ink)}
.ndc-suti-kapcsolo input:checked+.ndc-suti-kapcsolo-sav::after{transform:translateX(22px);background:var(--s-paper)}
.ndc-suti-kapcsolo input:focus-visible+.ndc-suti-kapcsolo-sav{outline:2px solid var(--s-ink);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.ndc-suti-kapcsolo-sav,.ndc-suti-kapcsolo-sav::after{transition:none}}

.ndc-suti-reszletek .ndc-suti-gombok{margin-top:22px;padding-top:20px;border-top:1px solid var(--s-line)}

/* --- újranyitó jelvény --- */
/* Kettőzött osztály + elemtípus: a sablonok button{} szabályai (háttér, lekerekítés,
   padding) különben felülírják, és barna dobozzá változtatják a jelvényt. */
.ndc-suti-jelveny.ndc-suti-jelveny{
	text-decoration:none;box-shadow:none;
	position:fixed;bottom:16px;left:16px;right:auto;z-index:2147483000;
	display:none;align-items:center;justify-content:center;
	width:48px;height:48px;min-width:0;min-height:0;padding:0;margin:0;
	background:#1b1916;color:#f5efe6;border:1px solid #1b1916;border-radius:0;
	box-shadow:0 8px 24px rgba(20,18,16,.28);cursor:pointer;pointer-events:auto;
	font-size:0;line-height:0;text-transform:none;letter-spacing:normal;
	-webkit-appearance:none;appearance:none;touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
	transition:background .3s ease,color .3s ease,border-color .3s ease;
}
.ndc-suti-jelveny.ndc-suti-jelveny.is-lathato{display:flex}
.ndc-suti-jelveny.ndc-suti-jelveny[data-poz="jobb"]{left:auto;right:16px}
.ndc-suti-jelveny.ndc-suti-jelveny::before,
.ndc-suti-jelveny.ndc-suti-jelveny::after{content:none;display:none}
.ndc-suti-jelveny svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.ndc-suti-jelveny.ndc-suti-jelveny:hover,
.ndc-suti-jelveny.ndc-suti-jelveny:focus-visible{background:#f5efe6;color:#1b1916;border-color:#1b1916}
.ndc-suti-jelveny.ndc-suti-jelveny:focus-visible{outline:2px solid #1b1916;outline-offset:3px}

@media(max-width:600px){
	.ndc-suti-gombok .ndc-suti-btn-fo,.ndc-suti-gombok .ndc-suti-btn-vonal{flex:1 1 100%}
	.ndc-suti-btn-link{width:100%;justify-content:flex-start;padding-left:0}
	.ndc-suti-kat-fej{flex-wrap:wrap}
}