/* Süti-sáv (CookieScript; a GTM tölti be): Dropline arculat. A build adja hozzá minden laphoz (/css/suti/.css). Működést nem érint, csak megjelenést. A CookieScript a saját stílusát !important-tel és azonosítóval adja, ezért itt is azonosító-szelektor és !important kell. A „Powered by CookieScript” sor marad (licenc), csak halvány. */ #cookiescript_injected, #cookiescript_injected * { font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; } #cookiescript_injected { color: #fff !important; background: rgb(8 10 22 / .86) !important; -webkit-backdrop-filter: blur(22px) saturate(1.25); backdrop-filter: blur(22px) saturate(1.25); border: 1px solid rgb(255 255 255 / .14) !important; box-shadow: 0 -8px 40px rgb(0 0 0 / .45) !important; border-radius: 18px 18px 0 0 !important; padding: 14px 18px 10px !important; } #cookiescript_injected #cookiescript_header { font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; padding: 0 !important; color: #fff !important; } #cookiescript_injected #cookiescript_description, #cookiescript_injected #cookiescript_description span { font-size: 12.5px !important; line-height: 1.45 !important; font-weight: 400 !important; color: rgb(255 255 255 / .78) !important; } #cookiescript_injected #cookiescript_readmore { color: #8da0ff !important; text-decoration: underline !important; font-size: 12.5px !important; } #cookiescript_injected #cookiescript_manage_wrap { margin-top: 3px !important; } #cookiescript_injected #cookiescript_manage, #cookiescript_injected #cookiescript_manage span { font-size: 12.5px !important; font-weight: 600 !important; color: rgb(255 255 255 / .88) !important; } #cookiescript_injected #cookiescript_buttons { display: flex !important; flex-direction: row !important; gap: 8px !important; } #cookiescript_injected #cookiescript_accept, #cookiescript_injected #cookiescript_reject { display: flex !important; align-items: center !important; justify-content: center !important; } #cookiescript_injected #cookiescript_accept, #cookiescript_injected #cookiescript_save, #cookiescript_injected #cookiescript_reject { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; margin: 0 !important; height: 38px !important; min-height: 0 !important; padding: 0 12px !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; cursor: pointer !important; transition: background-color .2s, border-color .2s !important; } #cookiescript_injected #cookiescript_accept, #cookiescript_injected #cookiescript_save { background: #001aff !important; color: #fff !important; border: 1.5px solid #001aff !important; } #cookiescript_injected #cookiescript_accept:hover, #cookiescript_injected #cookiescript_save:hover { background: #2a3dff !important; border-color: #2a3dff !important; } #cookiescript_injected #cookiescript_reject { background: transparent !important; color: #fff !important; border: 1.5px solid rgb(255 255 255 / .55) !important; } #cookiescript_injected #cookiescript_reject:hover { border-color: #fff !important; background: rgb(255 255 255 / .08) !important; } #cookiescript_injected #cookiescript_copyright, #cookiescript_injected #cookiescript_copyright a { font-size: 10px !important; opacity: .5 !important; color: #fff !important; } @media (max-width: 700px) { #cookiescript_injected { padding: 10px 14px 5px !important; } #cookiescript_injected #cookiescript_header { font-size: 14px !important; } #cookiescript_injected #cookiescript_description, #cookiescript_injected #cookiescript_description span, #cookiescript_injected #cookiescript_readmore { font-size: 12px !important; line-height: 1.32 !important; } #cookiescript_injected #cookiescript_leftpart { margin: 0 !important; } #cookiescript_injected #cookiescript_accept, #cookiescript_injected #cookiescript_save, #cookiescript_injected #cookiescript_reject { height: 34px !important; font-size: 12.5px !important; padding: 0 6px !important; } #cookiescript_injected #cookiescript_rightpart { margin: 4px 0 0 !important; } } /* Részletek-ablak (#cookiescript_injected_fsd): ugyanaz a nyelv; a kék (#001aff) szöveg sötét alapon nem olvasható, ezért világosabb kék. */ #cookiescript_injected_fsd, #cookiescript_injected_fsd * { font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; } #cookiescript_injected_fsd #cookiescript_fsd_wrapper, #cookiescript_injected_fsd .cookiescript_fsd_tabs_content { background: #0c0e1c !important; } #cookiescript_injected_fsd .cookiescript_fsd_header, #cookiescript_injected_fsd .cookiescript_fsd_main, #cookiescript_injected_fsd .cookiescript_fsd_footer, #cookiescript_injected_fsd .cookiescript_fsd_cookies_table { background: #080a16 !important; } #cookiescript_injected_fsd #cookiescript_declaration, #cookiescript_injected_fsd #cookiescript_aboutcookies { font-weight: 600 !important; font-size: 13px !important; } #cookiescript_injected_fsd #cookiescript_declaration { color: #8da0ff !important; background: #0c0e1c !important; } #cookiescript_injected_fsd #cookiescript_readmore, #cookiescript_injected_fsd .cookiescript_vendor_name, #cookiescript_injected_fsd .cookiescript_fsd_cookies_control { color: #8da0ff !important; } #cookiescript_injected_fsd .cookiescript_fsd_title { font-weight: 700 !important; } #cookiescript_injected_fsd #cookiescript_accept, #cookiescript_injected_fsd #cookiescript_reject, #cookiescript_injected_fsd #cookiescript_save { border-radius: 999px !important; font-size: 14px !important; font-weight: 600 !important; } #cookiescript_injected_fsd #cookiescript_accept, #cookiescript_injected_fsd #cookiescript_reject { background: transparent !important; border: 1.5px solid rgb(255 255 255 / .55) !important; color: #fff !important; } #cookiescript_injected_fsd #cookiescript_save { background: #001aff !important; border: 1.5px solid #001aff !important; color: #fff !important; } /* Kapcsolat-lap, naptár-doboz kattintás előtt (DropBoss #20007, Iris ügyfélszem 5): a 560 px-es üres szürke doboz befejezetlennek hat. Telefonon és tableten (899 px-ig) a doboz átlátszó és csak a kártya magasságú; a hely a kattintás után kell (.cal-on: a naptár ugyanúgy, teljes magassággal tölt be). Asztalon marad a szellem-naptár. Csak a /kapcsolat lap (.kap-oldal): a /konzultacio (.konz-oldal) nem változik. */ @media (max-width: 899px) { #kapcsolat.kap-oldal #idopont.cal-var:not(.cal-on) { min-height: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } #kapcsolat.kap-oldal #idopont.cal-var:not(.cal-on) .cal-szellem { display: none !important; } } /* Koppintási célok (Iris ügyfélszem 6, #20025): a × 16x16, a „Bővebben” 54x16, a „Részletek megjelenítése” 81x20 volt, a minimum 44 px. A találati terület az ::after-rel nő (a megjelenés és a sáv magassága nem változik): × 44x44, a két szöveges link 44 px magas. */ #cookiescript_injected #cookiescript_close, #cookiescript_injected #cookiescript_readmore, #cookiescript_injected #cookiescript_manage { position: relative !important; } #cookiescript_injected #cookiescript_close { overflow: visible !important; } /* a CookieScript overflow: hidden-je levágná a nagyobb találati területet */ #cookiescript_injected #cookiescript_close::after { content: ""; position: absolute; inset: -15px; } #cookiescript_injected #cookiescript_readmore::after { content: ""; position: absolute; inset: -15px -8px; } #cookiescript_injected #cookiescript_manage::after { content: ""; position: absolute; inset: -14px -8px; } #cookiescript_injected .cookiescript_pre_header, #cookiescript_injected #cookiescript_toppart, #cookiescript_injected #cookiescript_leftpart, #cookiescript_injected #cookiescript_manage_wrap { overflow: visible !important; } /* ---- Mobil CSS-javítások (DropBoss #20031), csak 899 px alatt; asztalon nem változik semmi. Hugo holnap beégeti a forrásba, utána ez a blokk kivehető. ---- */ @media (max-width: 899px) { /* (a) Szolgáltatás-kártyák ugrálása: a #szolgaltatasok .szolg-k[data-reveal] (v15 ~1671. sor) translateY(36px)-ben áll, amíg a kapu (.in) rá nem teszi: az aktív kártya 36 px-et ugrik a szomszédokhoz képest (a cím fel-le), és a sáv ettől 36 px-szel magasabb a dobozánál, ezért függőlegesen is húzható. Belépő eltolás nincs, csak áttűnés. */ #szolgaltatasok .szolg-k[data-reveal], #szolgaltatasok .szolg-k[data-reveal].in, #feluletek .fk[data-reveal], #feluletek .fk[data-reveal].in, #munkaink .agero-k[data-reveal], #munkaink .agero-k[data-reveal].in { transform: none !important; translate: none !important; } /* (c) Lapozós sávok (szolgáltatás, munkáink, felületek): csak vízszintesen lapozhatók, a lap függőleges görgetése megy tovább; a sáv a legmagasabb kártyáé, semmi nem vágódik le. */ .m-snap { overflow-y: hidden !important; height: auto !important; align-items: stretch !important; touch-action: pan-x pan-y; } /* (b) Szolgáltatás-kártyák: azonos magasság, a „Részletek” a kártya aljára kerül, így nem marad üres sáv alatta (a rövidebb szöveg üres helye a leírás és a link közé esik). */ #szolgaltatasok .szolg-k { padding: 8px !important; grid-template-rows: auto 1fr !important; } #szolgaltatasok .szolg-szoveg { align-self: stretch !important; display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 28px 28px 24px !important; } #szolgaltatasok .szolg-szoveg .o-link { margin-top: auto !important; } /* (d) Dohány-kártya: az üveg-panel a tartalmához nő (a 62,8%-os magasság a nagy képhez volt méretezve), a szlogen és a „Residence / Budapest” sor nem lóg ki. */ #munkaink .dh-uveg { height: auto !important; width: 74% !important; translate: -50% -50% !important; padding: 14px 16px 12px !important; } /* (e) Aloldalak: a záró blokk és a lábléc között 123 px volt (keret 15 + szakasz 64 + lábléc 44), ez 59 px (a /konzultacio kimarad: Hugo ott a forrásban már javította; a /kapcsolat is ide tartozik, Iris #20050). */ body.aloldal #kapcsolat.sec:not(.konz-oldal) { padding-bottom: 0 !important; } } /* Süti-sáv fő gombjai (Iris #20049): a találati magasság 34 px volt, a minimum 44 px. A sáv magassága nem nő: a találati terület az ::after-rel lép túl a gombon (a két gomb egymás mellett áll, függőlegesen nincs szomszédjuk). */ #cookiescript_injected #cookiescript_accept, #cookiescript_injected #cookiescript_reject { position: relative !important; z-index: 2 !important; } /* a „Powered by” sor alja 430 px-en a gombok alsó szélére lóg: a gomb kerüljön fölé */ #cookiescript_injected #cookiescript_accept::after, #cookiescript_injected #cookiescript_reject::after { content: ""; position: absolute; inset: -5px -4px; } @media (max-width: 700px) { #cookiescript_injected #cookiescript_rightpart { margin-top: 18px !important; } } /* a „Részletek” és a gombok találati sávja így nem fedi egymást (+14 px a sávon) */