:root { --accent: #ff6b41; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 107, 65, 1), -10px 10px rgba(255, 107, 65, 0.2), -10px -10px rgba(255, 107, 65, 1), 10px -10px rgba(255, 107, 65, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 107, 65, 0.2), -10px -10px rgba(255, 107, 65, 1), 10px -10px rgba(255, 107, 65, 0.2), 10px 10px rgba(255, 107, 65, 1); } 50% { box-shadow: -10px -10px rgba(255, 107, 65, 1), 10px -10px rgba(255, 107, 65, 0.2), 10px 10px rgba(255, 107, 65, 1), -10px 10px rgba(255, 107, 65, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 107, 65, 0.2), 10px 10px rgba(255, 107, 65, 1), -10px 10px rgba(255, 107, 65, 0.2), -10px -10px rgba(255, 107, 65, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: } body.elementor-page-100 .c27-main-header:not(.header-scroll) .header-skin { background-color: #cabdbd !important; border-color: #c6b5b5 !important; } body.elementor-page-104 .c27-main-header:not(.header-scroll) .header-skin { background-color: #cabdbd; border-color: rgb(214,214,214) !important; } body.elementor-page-105 .c27-main-header:not(.header-scroll) .header-skin { background-color: #cabdbd; border-color: #ae9f9f; } /* 🔍 EXPLORE & MAPA */ .explore-head { background: rgb(241, 181, 113) !important; } .explore-head .explore-types > div .type-info > h4 { color: white; } .explore-head .explore-types > div.active i { color: rgb(30, 214, 224) !important; } .explore-head:not(:empty) ~ .finder-map { top: 60px; } /* 📦 LISTINGS & KARTY */ .listing-preview .listing-details.actions { display: flex; justify-content: center; align-items: center; height: 47px; padding: 0; text-align: center; border-radius: 0 0 41px 41px; } .listing-preview .c27-footer-section { background: #fff; border-top: none; } .lf-item-container { margin-bottom: 20px; border-radius: 41px !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07); -webkit-transform: translateZ(0); } /* 👤 PROFIL & UI ELEMENTY */ .profile-header { position: relative; height: 60px; background-color: #f7f7f7; box-shadow: none; } .element { background: #ffffff9e; padding: 20px; margin-bottom: 25px; border-radius: 5px; box-shadow: none; } /* ========================================= GLOBAL HEADER + DROPDOWN STYLE ========================================= */ /* hlavní skin menu */ .header.header-light-skin .header-skin, .header.header-scroll.header-scroll-light-skin .header-skin, .header.header-dark-skin .header-skin, .header.header-scroll.header-scroll-dark-skin .header-skin { background: linear-gradient( to bottom, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.50) 34%, rgba(255,255,255,0.20) 68%, rgba(255,255,255,0.00) 100% ) !important; background-color: transparent !important; box-shadow: none !important; border: 0 !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .page-id-57 .header.header-light-skin .header-skin { background-color: color(srgb 0.79 0.5211 0.3516) !important; } /* vyčištění parent vrstev */ .c27-main-header, .c27-main-header .header-container, .c27-main-header .header-top { background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: 0 !important; } /* dropdown / submenu karty po hoveru */ .header .sub-menu, .header .children, .header .i-dropdown, .header .cts-dropdown, .header .explore-nav .submenu { background: linear-gradient( to bottom, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.82) 100% ) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.45) !important; box-shadow: 0 18px 50px rgba(0,0,0,0.10) !important; border-radius: 18px !important; overflow: hidden; } /* položky v dropdownu */ .header .sub-menu li a, .header .children li a, .header .i-dropdown li a, .header .cts-dropdown li a, .header .explore-nav .submenu li a { background: transparent !important; color: #222 !important; transition: background .22s ease, color .22s ease; } .header .sub-menu li a:hover, .header .children li a:hover, .header .i-dropdown li a:hover, .header .cts-dropdown li a:hover, .header .explore-nav .submenu li a:hover { background: rgba(255,255,255,0.42) !important; color: #000 !important; } /* odstranění tmavých pseudo vrstev, pokud je šablona přidává */ .header .header-skin::before, .header .header-skin::after, .header .sub-menu::before, .header .sub-menu::after, .header .i-dropdown::before, .header .i-dropdown::after, .header .cts-dropdown::before, .header .cts-dropdown::after { background: transparent !important; opacity: 0 !important; box-shadow: none !important; } /* ===== AATEAM NAV – Rothelowman style ===== */ /* Nadřazený kontejner menu – capitals, letter-spacing */ #menu-main-menu { letter-spacing: 0.04em; } /* Jednotlivé položky menu */ #menu-main-menu li a { font-weight: 300; font-size: 14px; letter-spacing: 0.08em; color: #000; /* tmavá barva jako na Rothelowman */ text-decoration: none; position: relative; padding-bottom: 3px; /* Animované podtržení – čára zleva doprava */ background-image: linear-gradient(#000, #000); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* HOVER efekt – čára se rozjede zleva doprava */ #menu-main-menu li a:hover { background-size: 100% 1px; } /* Aktivní položka – trvale podtržená */ #menu-main-menu li.current-menu-item a, #menu-main-menu li.current_page_item a { background-size: 100% 1px; } .aml-hero-title { margin: 0; color: rgba(16,24,32,0.86); font-size: clamp(2.4rem, 5vw, 6.2rem); font-weight: 600; line-height: 0.98; letter-spacing: -0.06em; text-wrap: balance; text-shadow: white 0px 0px 21px !important; } .aml-hero-subtitle { text-shadow: white 0px 0px 14px !important; } .listing-preview .listing-details.actions .ld-info ul li:first-child {display: none !important} .aml-hero-subtitle {display: none} .elementor-56 .elementor-element.elementor-element-dd2c71b { background: white; } .elementor-56 .elementor-element.elementor-element-3b6ac03 { background: white; } .price-or-date .lmb-label { font-size: 14px; opacity: .7; white-space: nowrap; display: none; } .price-or-date .value {display:none} .lf-head, .lf-item-container .lf-item-info-2, .lf-item-info { will-change: transform; display: none; } /* Skrýt vyhledávací ikonu */ .main-header .search-trigger, .header-search-wrap { display: none !important; } /* Zobrazit telefonní číslo */ .main-header .header-actions::before { content: "📞 +420 776 401 686"; display: flex; align-items: center; color: inherit; font-weight: 600; font-size: 15px; white-space: nowrap; } /* ===== SHIMMER EFEKT NA TELEFONNÍ ČÍSLO ===== */ /* Zacílení na tel. číslo v navigaci */ .main-nav a[href^="tel"], header a[href^="tel"] { position: relative; display: inline-block; font-weight: 700; text-decoration: none; color: transparent !important; margin: 0px 10px 0px 10px !important; background: linear-gradient( 90deg, #1a1a1a 0%, #1a1a1a 35%, #ffffff 50%, #1a1a1a 65%, #1a1a1a 100% ); background-size: 200% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shimmer-phone 7s linear infinite; animation-delay: 4s } @keyframes shimmer-phone { 0% { background-position: 200% center; } 100% { background-position: -200% center; } } header.header-scroll.header-scroll-light-skin .view-cart-contents span, header:not(.header-scroll).header-light-skin .view-cart-contents>span {display:none} /* Zobrazit CTA tlačítko "Zahájit projekt" i na mobilu */ @media (max-width: 1024px) { .header--cta-btn { display: inline-flex !important; } } /* Zkus tyto varianty: */ @media (max-width: 1024px) { .c27-header .cta-btn, .header .add-listing-btn, a[href*="add-listing"] { display: inline-flex !important; margin-left: auto; } } .aail-site.aail-hero-intro-ready .aail-hero-text > * {margin-top: 10px} .header .user-area {display: none !important} .aail-site .aail-trust-icon { width: 140px; height: 140px; } .aacp-hero h1, .aacp-section h2 { line-height: 1.04; letter-spacing: -0.05em; font-size: 64px; } .aaap-consult h2 {color: white} .finder-title h2 {display:none} .no-map-tmpl .mobile-explore-head-top { display: none !important; } .aml-sketch-hero {background: #f7f5f0 !important} .aail-site .aail-review-band .aail-btn.primary {width: 221px} body:not(.logged-in) .view-cart-contents { display: none; } @media only screen and (max-width:768px) { .header-right>div, .inbox-header-icon, body:not(.logged-in) .header-right a.view-cart-contents { margin-left: 20px!important; display: none !important; }} .explore-head { background: rgb(158, 113, 241) !important; } .aacp-floating-card { bottom: 410px; } @media (max-width: 768px) { .site-header .header-top, .site-header .header-inner, .c27-main-header .container, .elementor-location-header .elementor-container, .mobile-menu-toggle + * { display: grid !important; grid-template-columns: 1fr auto auto auto !important; align-items: center !important; gap: 10px !important; width: 100% !important; } a[href^="tel:"] { order: 1 !important; justify-self: start !important; white-space: nowrap !important; font-size: 14px !important; line-height: 1.2 !important; margin: 0 !important; } .custom-logo-link, .site-logo, .main-logo, .header-logo { order: 2 !important; justify-self: center !important; margin: 0 !important; } .custom-logo-link img, .site-logo img, .main-logo img, .header-logo img { max-height: 50px !important; width: auto !important; display: block !important; } a[href^="mailto:"] { order: 3 !important; justify-self: start !important; white-space: nowrap !important; font-size: 13px !important; line-height: 1.2 !important; max-width: 110px !important; overflow: hidden !important; text-overflow: ellipsis !important; margin: 0 !important; } .mobile-menu-toggle, .hamburger-menu, .toggle-menu, a[href*="#main-menu"], button[aria-label*="menu"], button[aria-label*="Menu"] { order: 4 !important; justify-self: end !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } } @media (max-width: 768px) { /* najdi hlavni radek hlavity a udelej z nej 4 sloupce */ .site-header .container, .c27-main-header .container, .c27-site-header .container, .i-header .container, header .container:first-child { display: grid !important; grid-template-columns: 1fr auto auto auto !important; align-items: center !important; column-gap: 8px !important; } /* telefon vlevo */ header a[href^="tel:"]:first-of-type { grid-column: 1 !important; justify-self: start !important; white-space: nowrap !important; font-size: 13px !important; font-weight: 700 !important; margin: 0 !important; } /* logo uprostred */ header .custom-logo-link, header .site-logo, header .main-logo { grid-column: 2 !important; justify-self: center !important; margin: 0 !important; } header .custom-logo-link img, header .site-logo img, header .main-logo img { max-height: 46px !important; width: auto !important; } /* email napravo od loga */ header a[href^="mailto:"]:first-of-type { grid-column: 3 !important; justify-self: start !important; font-size: 12px !important; max-width: 92px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; margin: 0 !important; } /* burger uplne vpravo */ header a[href*="#main-menu"], header .mobile-menu-toggle, header .toggle-menu, header .hamburger-menu { grid-column: 4 !important; justify-self: end !important; margin: 0 !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; } @media (max-width: 991px) { /* Nastavení hlavičky pro flexbox, aby šlo prvky rozložit */ .site-header .header-inner, .c27-main-header .header-skin { /* c27 třídy platí pro MyListing */ display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100%; } /* Vynucené odsunutí tlačítka menu (hamburgeru) zcela doprava */ .mobile-menu-trigger, .menu-toggle, a[href="#main-menu"] { margin-left: auto !important; float: right !important; display: block; } } } .explore-head { background: #825f56 !important; } .explore-head { background: #FFF!important; } .explore-head .explore-types>div .type-info>h4 { color: #111; } .aail-site .aail-btn.ghost:hover { background: var(--aail-btn-ghost-bg,rgb(255 255 255 / .78))!important; color: var(--aail-btn-ghost-color,#121212)!important; border-color: var(--aail-btn-ghost-border,rgb(18 18 18 / .1))!important; } .aaap-site.aaap-v107 .aaap-stats-grid article, .aaap-site.aaap-v107 .aaap-team-group, .aaap-site.aaap-v107 .aaap-notice-grid article, .aaap-site.aaap-v107 .aaap-contact-copy, .aaap-site.aaap-v107 .aaap-contact-form, .aaap-site.aaap-v107 .aaap-why-card, .aaap-site.aaap-v107 .aaap-compare-card { background-color: rgba(255, 156, 88, 1)!important; border: 1px solid rgb(0 0 0 / .055); box-shadow: 0 12px 36px rgb(0 0 0 / .055); } /* Tmavý gradient overlay - MyListing hero sekce */ .page-hero::after, .listing-hero::after, .hero-cover::after, .app-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient( 135deg, rgba(0, 0, 0, 0.72) 0%, rgba(20, 20, 30, 0.55) 50%, rgba(0, 0, 0, 0.30) 100% ); pointer-events: none; z-index: 1; } .aa-sf__problem-grid { display: grid; gap: 4px; padding: 4px; } .aa-sf__service-grid { padding: 4px; }