/* Baksai Művek – a művek megjelenítése. A kép soha nincs levágva. */

/* Cormorant Garamond a saját szerverről (OFL), hogy a Google hozzájárulás nélkül ne kapjon adatot. */
@font-face {
	font-family: "Cormorant Garamond";
	font-style: normal;
	font-weight: 400 500;
	font-display: swap;
	src: url("betuk/cormorant-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Cormorant Garamond";
	font-style: normal;
	font-weight: 400 500;
	font-display: swap;
	src: url("betuk/cormorant-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("betuk/cormorant-italic-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("betuk/cormorant-italic-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--baksai-fal: #f4f2ee;
	--baksai-papir: #ffffff;
	--baksai-tinta: #1c1b19;
	--baksai-halvany: #6d6a64;
	--baksai-vonal: #dcd8d0;
	--baksai-serif: "Cormorant Garamond", Georgia, serif;
}

body { background: var(--baksai-fal); }

.baksai-lista, .baksai-egy, .baksai-fooldal {
	max-width: 1280px;
	margin: 0 auto;
	padding: 48px 48px 80px;
	color: var(--baksai-tinta);
}

.baksai-oldalcim, .baksai-alcim, .baksai-hos-szoveg h1 {
	font-family: var(--baksai-serif);
	font-weight: 400;
	line-height: 1.1;
}
.baksai-oldalcim { font-size: clamp(2.2rem, 4vw, 3rem); margin: 0 0 24px; }
.baksai-alcim { font-size: clamp(1.8rem, 3vw, 2.2rem); margin: 72px 0 24px; }

/* Szűrő */
.baksai-szuro { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; font-size: 14px; }
.baksai-szuro a { padding: 6px 14px; border: 1px solid var(--baksai-vonal); color: var(--baksai-halvany); text-decoration: none; }
.baksai-szuro a:hover, .baksai-szuro a.itt { border-color: var(--baksai-tinta); color: var(--baksai-tinta); }
.baksai-evek { display: flex; flex-wrap: wrap; gap: 4px; margin-left: auto; }
.baksai-evek a { padding: 6px 10px; border-color: transparent; }

/* Rács: oszlopos elrendezés, minden kép a saját arányában */
.baksai-racs { columns: 3 280px; column-gap: 40px; }
.baksai-mu { display: block; break-inside: avoid; margin-bottom: 44px; color: inherit; text-decoration: none; }
.baksai-kep { display: block; background: var(--baksai-papir); padding: 16px; }
.baksai-kep img { display: block; width: 100%; height: auto; transition: opacity .2s; }
.baksai-mu:hover .baksai-kep img { opacity: .88; }
.baksai-cim { display: block; font: italic 400 1.3rem/1.3 var(--baksai-serif); margin-top: 12px; }
.baksai-adat { display: block; font-size: 13px; color: var(--baksai-halvany); }

/* Egy mű */
.baksai-egy { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 64px; align-items: start; }
.baksai-egy-kep { background: var(--baksai-papir); padding: 36px; }
.baksai-nagyit { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.baksai-nagyit img { display: block; width: 100%; height: auto; }
.baksai-cimke { position: sticky; top: 32px; }
.baksai-muvesz { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--baksai-halvany); }
.baksai-mucim { font: italic 400 clamp(2rem, 3.5vw, 2.8rem)/1.1 var(--baksai-serif); margin: 10px 0 4px; }
.baksai-ev { font: 400 1.4rem var(--baksai-serif); color: var(--baksai-halvany); }
.baksai-cimke dl { margin: 28px 0 0; border-top: 1px solid var(--baksai-vonal); }
.baksai-cimke dl div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--baksai-vonal); font-size: 14px; }
.baksai-cimke dt { color: var(--baksai-halvany); }
.baksai-cimke dd { margin: 0; text-align: right; }
.baksai-megj { margin: 20px 0 0; font-size: 14px; }
.baksai-lapoz { display: flex; justify-content: space-between; gap: 16px; margin-top: 36px; font-size: 13px; }
.baksai-lapoz a, .baksai-kicsi a { color: var(--baksai-halvany); }
.baksai-kicsi { font-size: 12px; color: var(--baksai-halvany); margin-top: 10px; }

.baksai-gomb { display: inline-block; margin-top: 28px; border: 1px solid var(--baksai-tinta); padding: 11px 22px; font-size: 14px; letter-spacing: .06em; color: var(--baksai-tinta); text-decoration: none; }
.baksai-gomb:hover { background: var(--baksai-tinta); color: var(--baksai-fal); }

/* Főoldal */
.baksai-fooldal { display: grid; grid-template-columns: 1.4fr 1fr; column-gap: 56px; align-items: center; }
.baksai-fooldal > .baksai-alcim, .baksai-fooldal > .baksai-racs, .baksai-fooldal > .baksai-mutert { grid-column: 1 / -1; }
.baksai-hos-kep { display: block; background: var(--baksai-papir); padding: 28px; }
.baksai-hos-kep img { display: block; width: 100%; height: auto; }
.baksai-felirat { font-size: 13px; color: var(--baksai-halvany); margin-top: 12px; }
.baksai-felirat i { font: italic 1.1rem var(--baksai-serif); color: var(--baksai-tinta); }
.baksai-hos-szoveg h1 { font-size: clamp(3rem, 6vw, 4.5rem); margin: 0; }
.baksai-hos-szoveg p { color: var(--baksai-halvany); max-width: 34ch; margin-top: 20px; }
.baksai-mutert { border-top: 1px solid var(--baksai-vonal); margin-top: 32px; }
.baksai-mutert p { max-width: 60ch; }

/* Nagyító */
.baksai-nezo { position: fixed; inset: 0; z-index: 9999; background: rgba(20, 19, 17, .96); display: flex; align-items: center; justify-content: center; overflow: auto; cursor: zoom-in; }
.baksai-nezo img { max-width: 96vw; max-height: 96vh; width: auto; height: auto; }
.baksai-nezo.nagy { align-items: flex-start; justify-content: flex-start; cursor: zoom-out; }
.baksai-nezo.nagy img { max-width: none; max-height: none; }
.baksai-nezo-zar { position: fixed; top: 14px; right: 18px; background: none; border: 0; color: #eee; font-size: 34px; line-height: 1; cursor: pointer; }

@media (max-width: 900px) {
	.baksai-lista, .baksai-egy, .baksai-fooldal { padding: 24px 16px 56px; }
	.baksai-egy, .baksai-fooldal { grid-template-columns: 1fr; gap: 28px; }
	.baksai-egy-kep { padding: 14px; }
	.baksai-cimke { position: static; }
	.baksai-evek { margin-left: 0; }
}

/* Az adatkezelési tájékoztató „Sütibeállítások megnyitása” gombja linkként (Complianz: button.cmplz-manage-consent). */
.wp-block-post-content button.cmplz-manage-consent { font: inherit; color: inherit; text-decoration: underline; background: none; border: 0; padding: 0; cursor: pointer; }

/* A süti- és az adatvédelmi nyilatkozat ugyanaz az oldal (Adatkezelési tájékoztató),
   ezért a sütisáv kétszer írná ki ugyanazt a linket. */
.cmplz-cookiebanner .cmplz-documents .privacy-statement { display: none; }