/* DTM 03 — tisztán elkülönített háttér- és mobilmenü-választók.
   A 02-es korábbi navigáció, animációk, kereső és galériák megmaradnak. */


/* Menüteszt-panel: választás közben sem rejthető el automatikusan. */
.dtm-menu-compare[hidden],.dtm-compare-reopen[hidden]{display:none!important}
.dtm-compare-hide{width:32px;height:38px;font:400 23px/1 Inter,Arial,sans-serif;cursor:pointer;background:none;border:0;color:#60564c}
.dtm-compare-hide:focus-visible,.dtm-compare-reopen:focus-visible{outline:2px solid #71675b;outline-offset:2px}
.dtm-compare-reopen{position:fixed;z-index:1600;bottom:14px;right:14px;background:#736557;color:#fff;border:1px solid #b1a292;padding:10px 16px;border-radius:5px;box-shadow:0 4px 14px #0002;font:600 12px Inter,Arial,sans-serif;cursor:pointer}
.dtm-background-help{font:400 11.5px/1.6 Inter,Arial,sans-serif;color:#645c53;padding:8px 10px;margin:0}
.dtm-background-field{display:flex;flex-direction:column;gap:6px;padding:10px;border-bottom:1px solid #eee7df;font:600 12px/1.5 Inter,Arial,sans-serif}
.dtm-background-field select{height:39px;width:100%;max-width:100%;border:1px solid #cbbfb4;background:#fff;color:#4f4339;border-radius:3px;font:400 12px Inter,Arial,sans-serif;padding:0 6px;cursor:pointer}
.dtm-background-thumb{display:block;width:100%;max-height:86px;object-fit:cover;object-position:center;border:1px solid #ddd3c8;border-radius:2px}
.dtm-background-thumb[hidden]{display:none}

/* Az öt főmenü mindegyik választásnál önálló gomb/tábla, soha nem olvad egybe.
   A főmenü sorok között 11 px levegő, az első/harmadik szint nem lesz összekeverhető. */
/* Valódi ikonok: könyv, behajtott sarkú dokumentum, ecset/paletta, képkeret, női profil. */
/* A felhasználó által újra csatolt, visszakanyarodó L-nyíl megjelenése. */

/* Eltérő minták: nem csupán a jel változik; teljes tipográfiai és térközi rendszer. */
/* Visszafogott felső/alsó díszítés a korábban kiválasztott képek alapján. */
@media(max-width:530px){.dtm-compare-reopen{right:8px;bottom:8px}.dtm-background-thumb{max-height:55px}}

/* DTM 04 — szétválasztott mobil menü és eszköz-előnézet. A nézetválasztás
   nem változtatja meg az eredeti oldal dokumentumszerkezetét. */
/* DTM 05: a nyíl/jel a már meglévő mobilmenü-vezérlő gombban rajzolódik, külön sáv nélkül. */
.dtm-hex-row{flex-wrap:wrap}.dtm-hex-row input[type="text"]{width:92px;height:31px;border:1px solid #c7b9aa;border-radius:3px;background:white;padding:5px 7px;font:500 12px monospace}.dtm-hex-row button{cursor:pointer;border:1px solid #c7b9aa;background:#fff;border-radius:3px;padding:6px 7px;font-size:11px}.dtm-hex-row button:disabled{opacity:.5;cursor:not-allowed}
/* Parent's sublevels sit within a soft card, which clearly establishes the hierarchy. */
/* Full menu row is tappable, but children with separate expansion toggles retain their own purpose. */
/* Preview stays on the current page, the design panel remains above the preview window. */
.dtm-device-switcher{position:fixed;top:7px;right:14px;z-index:1700;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 28px);border:1px solid #c9bcae;border-radius:6px;padding:5px 7px;background:#faf8f5f5;box-shadow:0 3px 16px #51433518;font:600 11px Inter,Arial,sans-serif;color:#5b5048}
.dtm-device-switcher-label{letter-spacing:.07em;color:#7b7167}
.dtm-device-choices{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.dtm-device-choices button{border:1px solid transparent;border-radius:4px;background:transparent;color:#584c41;cursor:pointer;font:500 11px Inter,Arial,sans-serif;padding:7px 8px;min-height:32px}
.dtm-device-choices button:is(:hover,:focus-visible),.dtm-device-choices button[aria-pressed="true"]{background:#746759;color:#fff;border-color:#746759}
.dtm-device-modal[hidden]{display:none!important}
.dtm-device-modal{position:fixed;inset:0;z-index:1450;display:flex;flex-direction:column;align-items:center;background:rgba(34,30,26,.37);padding:47px 16px 18px;box-sizing:border-box}
.dtm-device-toolbar{display:flex;align-items:center;justify-content:center;gap:18px;width:min(100%,1320px);min-height:42px;background:#f6f2ec;color:#574a40;padding:5px 16px;box-sizing:border-box;border-radius:7px 7px 0 0;font:500 13px Inter,Arial,sans-serif}
.dtm-device-toolbar strong{margin-right:auto;white-space:nowrap}
.dtm-device-toolbar button{cursor:pointer;border:1px solid #c9bbab;border-radius:4px;background:#fff;color:#554a40;padding:5px 11px;font:500 13px Inter,Arial,sans-serif}
.dtm-device-toolbar .dtm-device-close{font-size:24px;line-height:1;padding:2px 10px}
.dtm-device-viewport{box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;width:min(100%,1320px);height:calc(100dvh - 120px);overflow:auto;scrollbar-width:none;overscroll-behavior:contain;background:#e4ddd4;border:8px solid #f6f2ec;border-top:0;border-radius:0 0 8px 8px}
.dtm-device-viewport iframe{flex:none;display:block;border:0;background:#fff;box-shadow:0 0 0 1px #bbaea0;max-width:none}
.dtm-device-viewport::-webkit-scrollbar{display:none}
.dtm-device-modal[data-mode="mobile"] iframe{border-radius:0}
.dtm-mobile-custom-color{display:flex;align-items:center;gap:12px;padding:10px;color:#66584c;font:500 12px Inter,Arial,sans-serif}
.dtm-mobile-custom-color input{width:54px;height:32px;border:1px solid #c5b7aa;background:#fff;cursor:pointer}
/* Pinned preview submenus remain open while changing the right-hand settings panel. */
/* No experimental preview controls inside the iframe itself, only in the parent view. */
body:has(.dtm-device-switcher) .dtm-menu-compare{z-index:1800}
@media(max-width:850px){.dtm-device-switcher{top:3px;right:3px;padding:3px;gap:3px}.dtm-device-switcher-label{display:none}.dtm-device-choices button{font-size:10px;padding:5px}.dtm-device-modal{padding:42px 5px 7px}.dtm-device-toolbar{gap:7px;font-size:11px}.dtm-device-toolbar strong{font-size:11px}.dtm-device-viewport{height:calc(100dvh - 97px)}}

/* Az elmentett főmenüszín a becsukott gombokon is érvényesül. */

/* Ugyanaz a teljes szélességű fejlécfelület, bármilyen széles a monitor. */
.dtm-device-choices button{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.dtm-device-choices button svg{flex:none}
.dtm-device-viewport{justify-content:safe center}
@media(max-width:550px){.dtm-device-choices button span{display:none}}



/* ================= DTM 07 - ASZTALI MENÜ & DÍSZÍTÉSEK =================
   A három változat ugyanazt a DOM-ot és ugyanazokat a menüadatokat használja.
   A klasszikus, fejléccel összeolvadó jobbra nyíló stílus változatlan marad.
*/
@media(min-width:960px){
 /* Felső menüsor: egyik változatban sincs plusz / mínusz; az ikon csak 02-nél látszik. */
 /* Lenyíló, helyben nyíló, könnyen olvasható panel. */
 /* A 40 meglévő háttérkép a kiválasztott, valódi webhelyszakaszon jelenik meg. */
 /* A díszítőréteg a tartalom alatt, és a fejléc navigációja alatt marad. */
body .site-shell>.footer>*{position:relative;z-index:1}
}
body[data-desktop-header-decor="none"]{--dtm-desktop-header-art:none}
body[data-desktop-footer-decor="none"]{--dtm-desktop-footer-art:none}
/* 07: teljesen felülről, gombonként lépcsőzetesen érkező, lassan kifutó animáció. */
@keyframes dtm-07-arrive-from-top{from{opacity:0;translate:0 -100vh}to{opacity:1;translate:0 0}}