/* Aria Spain — dopracowane menu (operator 23.10: „ta strona musi byc wow"). Tylko desktop (≥ 1025 px); telefon = oryginal (hamburger).
Zmienia wylacznie wyglad naglowka; HTML, linki i zachowanie podmenu bez zmian. Cofniecie = usuniecie w lib/czat-wstrzyk.ts. */
:root { --am-navy: #1e2d4a; --am-gold: #D2C196; --am-blue: #4192D9; --am-ink: #15213a; }
@media (min-width: 1025px) {
/* pasek: szklo, cien po przewinieciu (klasa .am-scrolled z menu.js) */
header.wp-block-template-part {
background: rgba(255, 255, 255, .86) !important; -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px);
border-bottom: 1px solid rgba(30, 45, 74, .06); box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset; transition: box-shadow .3s ease, padding .3s ease, background .3s ease;
}
header.wp-block-template-part.am-scrolled { box-shadow: 0 10px 30px -18px rgba(30, 45, 74, .35), 0 1px 0 rgba(30, 45, 74, .05); background: rgba(255, 255, 255, .94) !important; }
header.wp-block-template-part .container > .wp-block-group { align-items: center; gap: 28px; }
/* menu glowne: jedna linia, stale odstepy */
header .site-header-main, header .site-header-menu, header .main-navigation, header .menu-prima-container { display: flex; align-items: center; min-width: 0; }
header ul.primary-menu { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
header ul.primary-menu > li { position: relative; margin: 0 !important; white-space: nowrap; }
header ul.primary-menu > li > a {
position: relative; display: inline-flex; align-items: center; padding: 10px 13px !important; margin: 0 !important;
font-family: "Poppins", sans-serif; font-size: 12.5px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase;
color: var(--am-navy) !important; text-decoration: none; transition: color .2s ease;
}
/* zlote podkreslenie: wysuwa sie od lewej przy najechaniu, stale dla aktywnej strony */
header ul.primary-menu > li > a::before { content: ""; position: absolute; left: 13px; right: 13px; bottom: 4px; height: 2px; background: var(--am-gold);
transform: scaleX(0); transform-origin: left center; transition: transform .28s cubic-bezier(.2, .8, .2, 1); }
header ul.primary-menu > li:hover > a::before, header ul.primary-menu > li.current-menu-item > a::before, header ul.primary-menu > li.current-menu-ancestor > a::before { transform: scaleX(1); }
header ul.primary-menu > li:hover > a { color: var(--am-blue) !important; }
/* strzalka (Genericons w ::after): mniejsza, delikatna, obraca sie przy rozwinieciu */
header ul.primary-menu > li.menu-item-has-children > a { padding-right: 30px !important; }
header ul.primary-menu > li.menu-item-has-children > a::after { right: 11px !important; top: 50% !important; margin-top: -8px; font-size: 14px; opacity: .55;
transform: rotate(0deg) !important; transition: transform .25s ease, opacity .2s ease; } /* glif \f431 = chevron w dol; motyw obracal go o 270° („›") */
header ul.primary-menu > li.menu-item-has-children:hover > a::after { transform: rotate(180deg) !important; opacity: 1; }
/* podmenu: biala karta z cieniem, wysuwa sie z zanikaniem */
header ul.primary-menu > li > ul.sub-menu {
display: block !important; position: absolute; top: calc(100% + 6px); left: 6px; z-index: 50; min-width: 236px; margin: 0; padding: 10px;
list-style: none; background: #fff; border: 1px solid rgba(30, 45, 74, .08); border-radius: 16px;
box-shadow: 0 24px 50px -22px rgba(30, 45, 74, .45), 0 6px 16px -10px rgba(30, 45, 74, .25);
opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .22s ease, transform .28s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .25s;
}
header ul.primary-menu > li:hover > ul.sub-menu, header ul.primary-menu > li:focus-within > ul.sub-menu { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0s; }
header ul.primary-menu > li > ul.sub-menu::before { content: ""; position: absolute; top: -6px; left: 0; right: 0; height: 8px; } /* mostek nad karta: kursor nie gubi podmenu */
header ul.primary-menu ul.sub-menu > li { margin: 0; }
header ul.primary-menu ul.sub-menu > li > a {
display: block; padding: 10px 14px 10px 16px !important; margin: 0 !important; border-radius: 10px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500;
letter-spacing: 0; text-transform: none; color: var(--am-ink) !important; text-decoration: none; position: relative; transition: background .18s ease, color .18s ease, padding-left .2s ease;
}
header ul.primary-menu ul.sub-menu > li > a::before { content: ""; position: absolute; left: 6px; top: 50%; width: 3px; height: 0; margin-top: 0; border-radius: 3px; background: var(--am-gold); transition: height .2s ease, margin-top .2s ease; }
header ul.primary-menu ul.sub-menu > li > a:hover { background: rgba(65, 146, 217, .08); color: var(--am-blue) !important; padding-left: 20px !important; }
header ul.primary-menu ul.sub-menu > li > a:hover::before { height: 18px; margin-top: -9px; }
/* prawy blok: jezyk, ulubione, telefon */
header .menu-lang-container ul.lgn-menu > li > a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px !important; border: 1px solid rgba(30, 45, 74, .14); border-radius: 999px;
font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .06em; color: var(--am-navy) !important; background: rgba(255, 255, 255, .7); transition: border-color .2s ease, box-shadow .2s ease; }
header .menu-lang-container ul.lgn-menu > li:hover > a { border-color: var(--am-gold); box-shadow: 0 6px 16px -10px rgba(30, 45, 74, .4); }
header .menu-lang-container ul.lgn-menu ul.sub-menu { border-radius: 14px; border: 1px solid rgba(30, 45, 74, .08); box-shadow: 0 24px 50px -22px rgba(30, 45, 74, .45); padding: 8px; }
header .menu-lang-container ul.lgn-menu ul.sub-menu a { border-radius: 8px; font-family: "Poppins", sans-serif; font-size: 13px; }
header .menu-lang-container ul.lgn-menu ul.sub-menu a:hover { background: rgba(65, 146, 217, .08); }
header.wp-block-template-part .favorites-icon { background-color: #fff !important; border: 1.5px solid rgba(30, 45, 74, .18) !important; background-image: none !important; position: relative;
transition: border-color .2s ease, background-color .2s ease, transform .2s ease; }
header.wp-block-template-part .favorites-icon::before { content: ""; position: absolute; inset: 0; background: url("/wp-content/themes/wp-arai/img/heart.svg") center / 22px no-repeat;
filter: brightness(0) saturate(100%) invert(14%) sepia(23%) saturate(1390%) hue-rotate(188deg) brightness(93%) contrast(92%); transition: filter .2s ease; } /* serce granatowe */
header.wp-block-template-part .favorites-icon:hover { border-color: var(--am-gold) !important; transform: translateY(-1px); }
header.wp-block-template-part .favorites-icon:hover::before { filter: brightness(0) saturate(100%) invert(84%) sepia(22%) saturate(367%) hue-rotate(358deg) brightness(93%) contrast(90%); } /* zlote */
header.wp-block-template-part .favorites-icon.active { background-color: var(--am-gold) !important; border-color: var(--am-gold) !important; }
header.wp-block-template-part .favorites-icon.active::before { filter: none; }
header.wp-block-template-part .wp-block-buttons .wp-block-button a {
background-color: var(--am-navy) !important; color: #fff !important; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 14px; letter-spacing: .02em;
border-radius: 999px; box-shadow: 0 14px 30px -14px rgba(30, 45, 74, .6); border: 1.5px solid transparent; transition: background-color .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;
}
header.wp-block-template-part .wp-block-buttons .wp-block-button a:hover { background-color: var(--am-gold) !important; color: var(--am-navy) !important; transform: translateY(-1px); }
}
/* Przelacznik jezykow (lib/i18n.ts przelacznik(); operator 23.10: „menu rozwijane z jezykami zrob jakies lepsze"): — klik
otwiera (telefon), na desktopie takze najechanie (menu.js). Flagi = PNG z WP, nazwy wlasne jezykow, aktywny podswietlony. */
.am-lang { position: relative; z-index: 61; }
.am-lang__box { position: relative; }
.am-lang__btn { list-style: none; display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid rgba(30, 45, 74, .14); border-radius: 999px;
font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .06em; line-height: 1; color: var(--am-navy); background: rgba(255, 255, 255, .7);
cursor: pointer; user-select: none; transition: border-color .2s ease, box-shadow .2s ease; }
.am-lang__btn::-webkit-details-marker { display: none; }
.am-lang__btn img, .am-lang__poz a img { width: 16px; height: 11px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(30, 45, 74, .15); flex: 0 0 auto; }
.am-lang__strzalka { width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin: -3px 0 0 2px; opacity: .6; transition: transform .25s ease, margin .25s ease; }
.am-lang__box[open] .am-lang__strzalka { transform: rotate(225deg); margin: 3px 0 0 2px; }
.am-lang__box[open] .am-lang__btn, .am-lang__btn:hover { border-color: var(--am-gold); box-shadow: 0 6px 16px -10px rgba(30, 45, 74, .4); }
.am-lang__lista { position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; min-width: 232px; margin: 0; padding: 8px; list-style: none; background: #fff;
border: 1px solid rgba(30, 45, 74, .08); border-radius: 14px; box-shadow: 0 24px 50px -22px rgba(30, 45, 74, .45), 0 6px 16px -10px rgba(30, 45, 74, .25);
display: grid; grid-template-columns: 1fr 1fr; gap: 2px; animation: am-lang-wjazd .22s ease; }
@keyframes am-lang-wjazd { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.am-lang__poz { margin: 0 !important; padding: 0; }
.am-lang__poz a { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 9px; font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 500;
letter-spacing: 0; text-transform: none; color: var(--am-ink); text-decoration: none; white-space: nowrap; transition: background .18s ease, color .18s ease; }
.am-lang__poz .am-lang__kod { display: none; }
.am-lang__poz a:hover { background: rgba(65, 146, 217, .08); color: var(--am-blue); }
.am-lang__poz--aktywny a { background: rgba(210, 193, 150, .22); font-weight: 600; }
@media (max-width: 1024px) { .am-lang__lista { grid-template-columns: 1fr; left: 0; right: auto; min-width: 176px; } }
/* Znak wodny: nasze zdjecia (/zdjecia/, watermark.ts) maja logo WYPALONE w pliku. Nakladka CSS wtyczki WP (aria-import-watermark-inline-css)
wylacza sie tylko dla /wp-content/uploads/ — dla /zdjecia/ rysowala DRUGIE logo (operator 23.10: „zdjecia maja podwojny znak wodny"). */
.ssli [class*='main-carousel'] .splide__slide figure:has(img[src*='/zdjecia/'])::after, .box-offer figure:has(img[src*='/zdjecia/'])::after,
.section-wyroznione .box-offer figure:has(img[src*='/zdjecia/'])::after, .slider-offer-single-oferta .box-offer figure:has(img[src*='/zdjecia/'])::after,
.aria-inv-v2 .v2-main-img:has(img[src*='/zdjecia/'])::after, .aria-inv-v2 .v2-thumbs a:has(img[src*='/zdjecia/'])::before,
.aria-inv-wrap .lb-overlay:has(.lb-img[src*='/zdjecia/'])::after, .fancybox-slide--image .fancybox-content:has(img[src*='/zdjecia/'])::after { display: none !important; }
/* Telefon: ikona telefonu w jednej linii z serduszkiem (motyw: inline-block w .wp-block-button, 10 px wyzej — operator 23.10). */
@media (max-width: 1024px) {
header.wp-block-template-part .wp-block-button:has(> a[href^="tel:"]) { display: flex; align-items: center; line-height: 1; position: static !important; top: auto !important; transform: none !important; margin: 0 !important; }
header.wp-block-template-part .wp-block-button > a[href^="tel:"] { display: block; position: static !important; top: auto !important; transform: none !important; margin: 0 !important; }
}
/* Strona quizu (/wybor-nieruchomosci/): odczyt pogody motywu (.wx.wx-top) przeniesiony przez menu.js DO bialej ramki atutow
(.aria-fux-benefits__grid) jako pierwsza komorka — operator 24.10: „z pogoda, ale musi wygladac dobrze i na mobile i na kompie”.
Telefon: pogoda = wiersz u gory ramki nad trzema atutami; komputer: czwarta komorka, pusta kolumna naglowka po pogodzie usunieta. */
.aria-fux-benefits__grid .wx-w-ramce { display: flex !important; align-items: center; gap: 8px; margin: 0; padding: 0; color: #15263a; text-shadow: none; width: auto !important; }
.aria-fux-benefits__grid .wx-w-ramce .wx-sun { color: #f2b11b; flex: none; }
.aria-fux-benefits__grid .wx-w-ramce .wx-sun svg { width: 26px; height: 26px; }
.aria-fux-benefits__grid .wx-w-ramce .wx-txt { display: block; width: auto !important; font-size: 12px; line-height: 1.2; color: #4b5563; white-space: nowrap; }
.aria-fux-benefits__grid .wx-w-ramce .wx-txt b { display: inline; font-size: 15px; font-weight: 700; color: #1b7a3e; margin-right: 4px; }
.aria-fux-benefits__grid .wx-w-ramce .wx-txt small { display: block; font-size: 11px; color: #6b7280; }
@media (min-width: 782px) {
.stage header.top.ma-pogode-w-ramce { grid-template-columns: auto 1fr auto !important; column-gap: 20px; }
.ma-pogode-w-ramce .aria-fux-benefits__grid { grid-template-columns: auto 1fr 1fr 1fr !important; align-items: center; }
.aria-fux-benefits__grid .wx-w-ramce { padding-right: 14px; border-right: 1px solid rgba(21, 38, 58, .12); }
}
@media (max-width: 781px) {
.stage header.top.ma-pogode-w-ramce .aria-fux-benefits { grid-column: 1 / -1 !important; width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.stage header.top.ma-pogode-w-ramce .aria-fux-benefits__grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; grid-auto-flow: row !important; }
.stage header.top .aria-fux-benefits__grid .wx-w-ramce { grid-column: 1 / -1 !important; grid-row: 1 !important; order: -1; justify-content: center; padding: 0 0 8px !important; margin: 0 0 8px !important; border-bottom: 1px solid rgba(21, 38, 58, .12); overflow: visible !important; }
.stage header.top .aria-fux-benefits__grid .wx-w-ramce .wx-txt { overflow: visible !important; max-width: none !important; font-size: 13px; }
.stage header.top .aria-fux-benefits__grid .wx-w-ramce .wx-txt small { display: inline; margin-left: 6px; }
}