/* Theme Name: b2bstay Template: woodmart Version: 1.0.0 Text Domain: woodmart */ /* Dropdown solo voce menu For Hosts */ #menu-item-37930 > .wd-dropdown-menu { --wd-dropdown-bg-color: #f15b32 !important; background-color: #f15b32 !important; } #menu-item-37930 > .wd-dropdown-menu a { color: #ffffff !important; } /* ========================================================== B2BSTAY – CTA ANIMATA UNIFICATA Un solo motore per: - bottoni pagine - menu principale Woodmart - sticky header - mobile/off-canvas CLASSI CONSIGLIATE NUOVE ------------------------ PAGINE: .btn.button-cta-animated.cta-orange.cta-medium MENU (classe sul
  • oppure sul ): .menu-cta-animated.cta-orange.cta-medium MISURE: - cta-auto = larghezza adattata al testo - cta-small = 130px - cta-medium = 150px - cta-large = 180px - cta-xlarge = 280px COLORI: - cta-orange - cta-green - cta-blue NOTE: - Mantiene compatibilità con vecchie classi: button-cta-animated-orange-medium button-cta-animated-blue-large ecc. ========================================================== */ /* ========================================================== 1) VARIABILI GLOBALI ========================================================== */ :root{ --cta-width: 150px; --cta-height: 42px; --cta-font-size: 15px; --cta-font-weight: 500; --cta-icon-size: 1.9em; --cta-icon-gap: .70em; --cta-pad-x: 1.00em; --cta-pill-gap-x: 3px; --cta-pill-gap-y: 3px; --cta-brand: #f15b32; --cta-brand-2: #ff7a56; --cta-text: #ffffff; --cta-arrow: var(--cta-brand); --cta-text-on-fill: var(--cta-brand); --cta-shadow: inset 0 0 1.6em -.6em rgba(255,255,255,.18); --cta-outline: rgba(44,83,122,.25); } /* ========================================================== 2) TARGET UNIFICATI - bottoni pagine - menu Woodmart desktop/sticky/mobile ========================================================== */ a.button-cta-animated, .btn.button-cta-animated, .button-cta-animated .btn, a[class*="button-cta-animated-"], .btn[class*="button-cta-animated-"], [class*="button-cta-animated-"] .btn, .wd-header-nav .menu > li.menu-cta-animated > a, .wd-nav .menu > li.menu-cta-animated > a, .wd-header-nav a.menu-cta-animated, .wd-nav a.menu-cta-animated, .wd-nav-mobile .menu > li.menu-cta-animated > a, .wd-nav-mobile a.menu-cta-animated{ --cta-pad-balance: calc((var(--cta-icon-size) + var(--cta-icon-gap)) / 2); position: relative !important; z-index: 0 !important; isolation: isolate !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: var(--cta-width) !important; height: var(--cta-height) !important; max-width: 100% !important; padding-left: calc(var(--cta-pad-x) + var(--cta-pad-balance)) !important; padding-right: calc(var(--cta-pad-x) + var(--cta-icon-size) + var(--cta-icon-gap)) !important; border: 0 !important; border-radius: 9999px !important; text-decoration: none !important; white-space: nowrap !important; overflow: hidden !important; text-transform: none !important; letter-spacing: normal !important; text-align: center !important; font-size: var(--cta-font-size) !important; font-weight: var(--cta-font-weight) !important; line-height: 1 !important; font-family: inherit !important; color: var(--cta-text) !important; background: linear-gradient(135deg, var(--cta-brand), var(--cta-brand-2)) !important; box-shadow: var(--cta-shadow) !important; -webkit-appearance: none !important; appearance: none !important; transition: filter .25s ease, transform .15s ease, color .25s ease !important; } /* click feedback */ a.button-cta-animated:active, .btn.button-cta-animated:active, .button-cta-animated .btn:active, a[class*="button-cta-animated-"]:active, .btn[class*="button-cta-animated-"]:active, [class*="button-cta-animated-"] .btn:active, .wd-header-nav .menu > li.menu-cta-animated > a:active, .wd-nav .menu > li.menu-cta-animated > a:active, .wd-header-nav a.menu-cta-animated:active, .wd-nav a.menu-cta-animated:active, .wd-nav-mobile .menu > li.menu-cta-animated > a:active, .wd-nav-mobile a.menu-cta-animated:active{ transform: translateY(1px) !important; } /* ========================================================== 3) TESTO SEMPRE SOPRA / FIX WRAPPER INTERNI ========================================================== */ a.button-cta-animated > *, .btn.button-cta-animated > *, .button-cta-animated .btn > *, a[class*="button-cta-animated-"] > *, .btn[class*="button-cta-animated-"] > *, [class*="button-cta-animated-"] .btn > *, .wd-header-nav .menu > li.menu-cta-animated > a > *, .wd-nav .menu > li.menu-cta-animated > a > *, .wd-header-nav a.menu-cta-animated > *, .wd-nav a.menu-cta-animated > *, .wd-nav-mobile .menu > li.menu-cta-animated > a > *, .wd-nav-mobile a.menu-cta-animated > *{ position: relative !important; z-index: 3 !important; color: inherit !important; text-transform: none !important; letter-spacing: normal !important; } /* wrapper testo Elementor / Woodmart */ a.button-cta-animated .elementor-button-text, .btn.button-cta-animated .elementor-button-text, .button-cta-animated .btn .elementor-button-text, a[class*="button-cta-animated-"] .elementor-button-text, .btn[class*="button-cta-animated-"] .elementor-button-text, [class*="button-cta-animated-"] .btn .elementor-button-text, a.button-cta-animated .wd-btn-text, .btn.button-cta-animated .wd-btn-text, .button-cta-animated .btn .wd-btn-text, a[class*="button-cta-animated-"] .wd-btn-text, .btn[class*="button-cta-animated-"] .wd-btn-text, [class*="button-cta-animated-"] .btn .wd-btn-text, .wd-header-nav .menu > li.menu-cta-animated > a .nav-link-text, .wd-nav .menu > li.menu-cta-animated > a .nav-link-text, .wd-header-nav a.menu-cta-animated .nav-link-text, .wd-nav a.menu-cta-animated .nav-link-text, .wd-nav-mobile .menu > li.menu-cta-animated > a .nav-link-text, .wd-nav-mobile a.menu-cta-animated .nav-link-text{ position: relative !important; z-index: 3 !important; color: inherit !important; text-transform: none !important; letter-spacing: normal !important; text-align: center !important; } /* disattiva underline/effects nativi Woodmart sul testo menu */ .wd-header-nav .menu > li.menu-cta-animated > a .nav-link-text::before, .wd-header-nav .menu > li.menu-cta-animated > a .nav-link-text::after, .wd-nav .menu > li.menu-cta-animated > a .nav-link-text::before, .wd-nav .menu > li.menu-cta-animated > a .nav-link-text::after, .wd-header-nav a.menu-cta-animated .nav-link-text::before, .wd-header-nav a.menu-cta-animated .nav-link-text::after, .wd-nav a.menu-cta-animated .nav-link-text::before, .wd-nav a.menu-cta-animated .nav-link-text::after, .wd-nav-mobile .menu > li.menu-cta-animated > a .nav-link-text::before, .wd-nav-mobile .menu > li.menu-cta-animated > a .nav-link-text::after, .wd-nav-mobile a.menu-cta-animated .nav-link-text::before, .wd-nav-mobile a.menu-cta-animated .nav-link-text::after{ display: none !important; content: none !important; } /* icone interne Elementor/Woodmart: nascoste SOLO sui bottoni pagine */ a.button-cta-animated .wd-btn-icon, .btn.button-cta-animated .wd-btn-icon, .button-cta-animated .btn .wd-btn-icon, a[class*="button-cta-animated-"] .wd-btn-icon, .btn[class*="button-cta-animated-"] .wd-btn-icon, [class*="button-cta-animated-"] .btn .wd-btn-icon, a.button-cta-animated .elementor-button-icon, .btn.button-cta-animated .elementor-button-icon, .button-cta-animated .btn .elementor-button-icon, a[class*="button-cta-animated-"] .elementor-button-icon, .btn[class*="button-cta-animated-"] .elementor-button-icon, [class*="button-cta-animated-"] .btn .elementor-button-icon{ display: none !important; } /* ========================================================== 4) PILL BIANCA + FRECCIA - pseudo dietro al testo ========================================================== */ a.button-cta-animated::after, .btn.button-cta-animated::after, .button-cta-animated .btn::after, a[class*="button-cta-animated-"]::after, .btn[class*="button-cta-animated-"]::after, [class*="button-cta-animated-"] .btn::after, .wd-header-nav .menu > li.menu-cta-animated > a::after, .wd-nav .menu > li.menu-cta-animated > a::after, .wd-header-nav a.menu-cta-animated::after, .wd-nav a.menu-cta-animated::after, .wd-nav-mobile .menu > li.menu-cta-animated > a::after, .wd-nav-mobile a.menu-cta-animated::after{ content: "" !important; position: absolute !important; right: var(--cta-pill-gap-x) !important; top: 50% !important; width: var(--cta-icon-size) !important; height: var(--cta-icon-size) !important; transform: translateY(-50%) !important; background: #ffffff !important; border-radius: 9999px !important; box-shadow: .08em .08em .45em .15em rgba(0,0,0,.18) !important; transition: width .28s ease-in-out, height .28s ease-in-out, top .28s ease-in-out, transform .28s ease-in-out !important; z-index: -2 !important; pointer-events: none !important; } a.button-cta-animated::before, .btn.button-cta-animated::before, .button-cta-animated .btn::before, a[class*="button-cta-animated-"]::before, .btn[class*="button-cta-animated-"]::before, [class*="button-cta-animated-"] .btn::before, .wd-header-nav .menu > li.menu-cta-animated > a::before, .wd-nav .menu > li.menu-cta-animated > a::before, .wd-header-nav a.menu-cta-animated::before, .wd-nav a.menu-cta-animated::before, .wd-nav-mobile .menu > li.menu-cta-animated > a::before, .wd-nav-mobile a.menu-cta-animated::before{ content: "" !important; position: absolute !important; right: var(--cta-pill-gap-x) !important; top: 50% !important; width: var(--cta-icon-size) !important; height: var(--cta-icon-size) !important; transform: translateY(-50%) !important; z-index: -1 !important; pointer-events: none !important; background: var(--cta-arrow) !important; -webkit-mask: url('data:image/svg+xml;utf8,') center/1.1em 1.1em no-repeat; mask: url('data:image/svg+xml;utf8,') center/1.1em 1.1em no-repeat; } /* ========================================================== 5) HOVER / FOCUS ========================================================== */ a.button-cta-animated:hover, a.button-cta-animated:focus, .btn.button-cta-animated:hover, .btn.button-cta-animated:focus, .button-cta-animated .btn:hover, .button-cta-animated .btn:focus, a[class*="button-cta-animated-"]:hover, a[class*="button-cta-animated-"]:focus, .btn[class*="button-cta-animated-"]:hover, .btn[class*="button-cta-animated-"]:focus, [class*="button-cta-animated-"] .btn:hover, [class*="button-cta-animated-"] .btn:focus, .wd-header-nav .menu > li.menu-cta-animated > a:hover, .wd-header-nav .menu > li.menu-cta-animated > a:focus, .wd-nav .menu > li.menu-cta-animated > a:hover, .wd-nav .menu > li.menu-cta-animated > a:focus, .wd-header-nav a.menu-cta-animated:hover, .wd-header-nav a.menu-cta-animated:focus, .wd-nav a.menu-cta-animated:hover, .wd-nav a.menu-cta-animated:focus, .wd-nav-mobile .menu > li.menu-cta-animated > a:hover, .wd-nav-mobile .menu > li.menu-cta-animated > a:focus, .wd-nav-mobile a.menu-cta-animated:hover, .wd-nav-mobile a.menu-cta-animated:focus{ color: var(--cta-text-on-fill) !important; filter: brightness(1.02) !important; } a.button-cta-animated:hover::after, a.button-cta-animated:focus::after, .btn.button-cta-animated:hover::after, .btn.button-cta-animated:focus::after, .button-cta-animated .btn:hover::after, .button-cta-animated .btn:focus::after, a[class*="button-cta-animated-"]:hover::after, a[class*="button-cta-animated-"]:focus::after, .btn[class*="button-cta-animated-"]:hover::after, .btn[class*="button-cta-animated-"]:focus::after, [class*="button-cta-animated-"] .btn:hover::after, [class*="button-cta-animated-"] .btn:focus::after, .wd-header-nav .menu > li.menu-cta-animated > a:hover::after, .wd-header-nav .menu > li.menu-cta-animated > a:focus::after, .wd-nav .menu > li.menu-cta-animated > a:hover::after, .wd-nav .menu > li.menu-cta-animated > a:focus::after, .wd-header-nav a.menu-cta-animated:hover::after, .wd-header-nav a.menu-cta-animated:focus::after, .wd-nav a.menu-cta-animated:hover::after, .wd-nav a.menu-cta-animated:focus::after, .wd-nav-mobile .menu > li.menu-cta-animated > a:hover::after, .wd-nav-mobile .menu > li.menu-cta-animated > a:focus::after, .wd-nav-mobile a.menu-cta-animated:hover::after, .wd-nav-mobile a.menu-cta-animated:focus::after{ width: calc(100% - (var(--cta-pill-gap-x) * 2)) !important; height: calc(100% - (var(--cta-pill-gap-y) * 2)) !important; top: var(--cta-pill-gap-y) !important; transform: none !important; background: #ffffff !important; } a.button-cta-animated:hover::before, a.button-cta-animated:focus::before, .btn.button-cta-animated:hover::before, .btn.button-cta-animated:focus::before, .button-cta-animated .btn:hover::before, .button-cta-animated .btn:focus::before, a[class*="button-cta-animated-"]:hover::before, a[class*="button-cta-animated-"]:focus::before, .btn[class*="button-cta-animated-"]:hover::before, .btn[class*="button-cta-animated-"]:focus::before, [class*="button-cta-animated-"] .btn:hover::before, [class*="button-cta-animated-"] .btn:focus::before, .wd-header-nav .menu > li.menu-cta-animated > a:hover::before, .wd-header-nav .menu > li.menu-cta-animated > a:focus::before, .wd-nav .menu > li.menu-cta-animated > a:hover::before, .wd-nav .menu > li.menu-cta-animated > a:focus::before, .wd-header-nav a.menu-cta-animated:hover::before, .wd-header-nav a.menu-cta-animated:focus::before, .wd-nav a.menu-cta-animated:hover::before, .wd-nav a.menu-cta-animated:focus::before, .wd-nav-mobile .menu > li.menu-cta-animated > a:hover::before, .wd-nav-mobile .menu > li.menu-cta-animated > a:focus::before, .wd-nav-mobile a.menu-cta-animated:hover::before, .wd-nav-mobile a.menu-cta-animated:focus::before{ background: var(--cta-arrow) !important; transform: translateY(-50%) translateX(.10em) !important; } a.button-cta-animated:focus-visible, .btn.button-cta-animated:focus-visible, .button-cta-animated .btn:focus-visible, a[class*="button-cta-animated-"]:focus-visible, .btn[class*="button-cta-animated-"]:focus-visible, [class*="button-cta-animated-"] .btn:focus-visible, .wd-header-nav .menu > li.menu-cta-animated > a:focus-visible, .wd-nav .menu > li.menu-cta-animated > a:focus-visible, .wd-header-nav a.menu-cta-animated:focus-visible, .wd-nav a.menu-cta-animated:focus-visible, .wd-nav-mobile .menu > li.menu-cta-animated > a:focus-visible, .wd-nav-mobile a.menu-cta-animated:focus-visible{ outline: 2px solid var(--cta-outline) !important; outline-offset: 3px !important; } /* ========================================================== 6) UTILITY MISURE - applicabili sia a wrapper che a button che a li menu ========================================================== */ .cta-auto, .cta-auto > a, .cta-auto .btn{ --cta-width: auto; } .cta-small, .cta-small > a, .cta-small .btn{ --cta-width: 130px; } .cta-medium, .cta-medium > a, .cta-medium .btn{ --cta-width: 150px; } .cta-large, .cta-large > a, .cta-large .btn{ --cta-width: 180px; } .cta-xlarge, .cta-xlarge > a, .cta-xlarge .btn{ --cta-width: 280px; } /* ========================================================== 7) UTILITY COLORI ========================================================== */ .cta-orange, .cta-orange > a, .cta-orange .btn{ --cta-brand: #f15b32; --cta-brand-2: #ff7a56; --cta-arrow: #f15b32; --cta-text-on-fill: #f15b32; } .cta-green, .cta-green > a, .cta-green .btn{ --cta-brand: #50947f; --cta-brand-2: #6ab3a0; --cta-arrow: #50947f; --cta-text-on-fill: #50947f; } .cta-blue, .cta-blue > a, .cta-blue .btn{ --cta-brand: #2c537a; --cta-brand-2: #3f6e9f; --cta-arrow: #2c537a; --cta-text-on-fill: #2c537a; } /* ========================================================== 8) MENU ORANGE DEFAULT = hover/freccia BLU - replica il comportamento del vecchio CSS menu - vale solo nel menu se non stai usando green/blue ========================================================== */ .wd-header-nav .menu > li.menu-cta-animated:not(.cta-green):not(.cta-blue) > a, .wd-nav .menu > li.menu-cta-animated:not(.cta-green):not(.cta-blue) > a, .wd-header-nav a.menu-cta-animated:not(.cta-green):not(.cta-blue), .wd-nav a.menu-cta-animated:not(.cta-green):not(.cta-blue), .wd-nav-mobile .menu > li.menu-cta-animated:not(.cta-green):not(.cta-blue) > a, .wd-nav-mobile a.menu-cta-animated:not(.cta-green):not(.cta-blue){ --cta-arrow: #2b577b; --cta-text-on-fill: #2b577b; } /* ========================================================== 9) RETROCOMPATIBILITÀ CLASSI VECCHIE ========================================================== */ /* default storico */ .button-cta-animated, .button-cta-animated > a, .button-cta-animated .btn{ --cta-brand: #f15b32; --cta-brand-2: #ff7a56; --cta-arrow: #f15b32; --cta-text-on-fill: #f15b32; --cta-width: 130px; } /* colori storici */ [class*="button-cta-animated-green-"], [class*="button-cta-animated-green-"] > a, [class*="button-cta-animated-green-"] .btn{ --cta-brand: #50947f; --cta-brand-2: #6ab3a0; --cta-arrow: #50947f; --cta-text-on-fill: #50947f; } [class*="button-cta-animated-orange-"], [class*="button-cta-animated-orange-"] > a, [class*="button-cta-animated-orange-"] .btn{ --cta-brand:#e55812; --cta-brand-2: #ff7a56; --cta-arrow: #f15b32; --cta-text-on-fill: #e55812; } [class*="button-cta-animated-blue-"], [class*="button-cta-animated-blue-"] > a, [class*="button-cta-animated-blue-"] .btn{ --cta-brand: #2c537a; --cta-brand-2: #3f6e9f; --cta-arrow: #2c537a; --cta-text-on-fill: #2c537a; } /* misure storiche */ [class*="button-cta-animated-"][class*="-small"], [class*="button-cta-animated-"][class*="-small"] > a, [class*="button-cta-animated-"][class*="-small"] .btn{ --cta-width: 130px; } [class*="button-cta-animated-"][class*="-medium"], [class*="button-cta-animated-"][class*="-medium"] > a, [class*="button-cta-animated-"][class*="-medium"] .btn{ --cta-width: 155px; } [class*="button-cta-animated-"][class*="-large"], [class*="button-cta-animated-"][class*="-large"] > a, [class*="button-cta-animated-"][class*="-large"] .btn{ --cta-width: 180px; } [class*="button-cta-animated-"][class*="-xlarge"], [class*="button-cta-animated-"][class*="-xlarge"] > a, [class*="button-cta-animated-"][class*="-xlarge"] .btn{ --cta-width: 280px; } [class*="button-cta-animated-"][class*="-auto"], [class*="button-cta-animated-"][class*="-auto"] > a, [class*="button-cta-animated-"][class*="-auto"] .btn{ --cta-width: auto; } /* ========================================================== 10) MENU: SPAZIATURA + STICKY ========================================================== */ .wd-header-nav .menu > li.menu-cta-animated, .wd-nav .menu > li.menu-cta-animated{ margin-left: 6px; } .whb-sticked .wd-header-nav .menu > li.menu-cta-animated > a, .whb-sticked .wd-header-nav a.menu-cta-animated{ box-shadow: inset 0 0 1.6em -.6em rgba(0,0,0,.15) !important; } /* ========================================================== 11) MOBILE / OFF-CANVAS ========================================================== */ .wd-nav-mobile .menu > li.menu-cta-animated > a, .wd-nav-mobile a.menu-cta-animated{ width: 100% !important; margin: 6px 0 8px !important; } .bsui .btn-secondary { border-color: #2c537a !important; color: #FFFFFF !important; } /* ========================================================= B2BSTAY “ Icone immagine menu header Woodmart Cambia solo il valore della variabile sotto ========================================================= */ .whb-header { --b2b-header-menu-icon-size: 23px; } .whb-header .wd-nav-img { --nav-img-height: var(--b2b-header-menu-icon-size) !important; --nav-img-width: var(--b2b-header-menu-icon-size) !important; width: var(--b2b-header-menu-icon-size) !important; min-width: var(--b2b-header-menu-icon-size) !important; max-width: var(--b2b-header-menu-icon-size) !important; height: var(--b2b-header-menu-icon-size) !important; min-height: var(--b2b-header-menu-icon-size) !important; max-height: var(--b2b-header-menu-icon-size) !important; flex-basis: var(--b2b-header-menu-icon-size) !important; object-fit: contain !important; object-position: center center !important; } /* ========================================================= B2BSTAY – GeoDirectory Region Badge Target: geodir-location-meta-container bsui sdel-4347de50 Uso: badge verde tipo bottone, senza cerchio e senza freccia ========================================================= */ .geodir-location-meta-container.bsui.sdel-4347de50 { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: max-content !important; min-width: 0 !important; min-height: 32px !important; padding: 0 16px !important; margin: 8px 0 12px 0 !important; background: #50947f !important; border: 1px solid #50947f !important; border-radius: 999px !important; color: #ffffff !important; box-shadow: 0 3px 10px rgba(80, 148, 127, 0.22) !important; box-sizing: border-box !important; vertical-align: middle !important; white-space: nowrap !important; line-height: 1 !important; cursor: default !important; } /* Testo interno: region */ .geodir-location-meta-container.bsui.sdel-4347de50 .geodir-location-meta, .geodir-location-meta-container.bsui.sdel-4347de50 .geodir-meta-location_name { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.01em !important; text-transform: none !important; white-space: nowrap !important; } /* Rimuove eventuali icone/frecce/pseudo-elementi ereditati */ .geodir-location-meta-container.bsui.sdel-4347de50::before, .geodir-location-meta-container.bsui.sdel-4347de50::after, .geodir-location-meta-container.bsui.sdel-4347de50 .geodir-location-meta::before, .geodir-location-meta-container.bsui.sdel-4347de50 .geodir-location-meta::after { content: none !important; display: none !important; } /* Mobile: leggermente più compatto */ @media (max-width: 767px) { .geodir-location-meta-container.bsui.sdel-4347de50 { min-height: 30px !important; padding: 0 14px !important; margin: 6px 0 10px 0 !important; } .geodir-location-meta-container.bsui.sdel-4347de50 .geodir-location-meta, .geodir-location-meta-container.bsui.sdel-4347de50 .geodir-meta-location_name { font-size: 12px !important; } } /* ========================================================= B2BSTAY – Location Meta block Visibile su Country/City, nascosto solo su /location/ ========================================================= */ .b2b-location-meta-collapse { width: 100% !important; box-sizing: border-box !important; } .b2b-location-meta-collapse.b2b-location-meta-hide { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; overflow: hidden !important; } /* ========================================================= B2BSTAY – Utility Text Justify Uso: aggiungi classe b2b-text-justify dove vuoi testo giustificato ========================================================= */ .b2b-text-justify, .b2b-text-justify p, .b2b-text-justify div, .b2b-text-justify .elementor-widget-container, .b2b-text-justify .geodir-lm-location-description, .b2b-text-justify .geodir-location-desc { text-align: justify !important; text-align-last: left !important; text-justify: inter-word; /* Evita parole spezzate con trattino */ hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* Mantiene puliti i paragrafi interni */ .b2b-text-justify p { margin-top: 0; } /* Evita che bottoni, link-pills, menu o CTA vengano giustificati */ .b2b-text-justify a.button, .b2b-text-justify .button, .b2b-text-justify button, .b2b-text-justify .elementor-button, .b2b-text-justify .gd-badge, .b2b-text-justify .badge, .b2b-text-justify .nav-link { text-align: center !important; text-align-last: center !important; } /* ========================================================= B2BSTAY – Location Page Elementor Tabs -> compact CTA pills Scope unico: widget Tabs con classe "b2b-location-tabs-cta" Elementor > Advanced > CSS Classes: b2b-location-tabs-cta Tab #1 = Explore by country -> verde Tab #2 = Explore by City -> verde Tab #3 = Stay Types -> blu Tab #4 = Space Types -> blu Tab #5 = Open Map -> verde ========================================================= */ .elementor-widget-n-tabs.b2b-location-tabs-cta { --b2b-location-green: #50947f; --b2b-location-blue: #2c537a; } /* heading */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tabs-heading { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 10px !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; } /* bottone base */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important; min-height: 38px !important; min-width: 150px !important; max-width: 100% !important; padding: 0 36px 0 16px !important; border: 1px solid transparent !important; border-radius: 999px !important; background: #fff !important; font-weight: 700 !important; font-size: 13px !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: 0 7px 16px rgba(44, 83, 122, 0.10) !important; transition: background-color .18s ease, border-color .18s ease, transform .15s ease, box-shadow .18s ease, color .18s ease !important; -webkit-appearance: none !important; appearance: none !important; outline: none !important; overflow: hidden !important; } /* colori e larghezze */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="1"], .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="2"], .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="5"] { --b2b-location-tab-color: var(--b2b-location-green); --b2b-location-tab-text: var(--b2b-location-green); --b2b-location-tab-shadow: rgba(80, 148, 127, 0.24); } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="3"] { --b2b-location-tab-color: var(--b2b-location-blue); --b2b-location-tab-text: var(--b2b-location-blue); --b2b-location-tab-shadow: rgba(44, 83, 122, 0.22); } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="4"] { --b2b-location-tab-color: var(--b2b-location-blue); --b2b-location-tab-text: var(--b2b-location-blue); --b2b-location-tab-shadow: rgba(44, 83, 122, 0.22); } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="1"] { min-width: 180px !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="2"] { min-width: 168px !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="3"], .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="4"] { min-width: 150px !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="5"] { min-width: 150px !important; } /* testo sopra pseudo */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title .e-n-tab-title-text { position: relative !important; z-index: 2 !important; } /* cerchio destro più compatto */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title::before { content: "" !important; position: absolute !important; top: 50% !important; right: 5px !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; background: #fff !important; border: 1px solid transparent !important; transform: translateY(-50%) !important; box-shadow: 0 2px 7px rgba(0,0,0,.08) !important; transition: background-color .18s ease, border-color .18s ease, transform .15s ease !important; pointer-events: none !important; z-index: 1 !important; } /* freccia più compatta */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title::after { content: "\2192" !important; position: absolute !important; top: 50% !important; right: 11px !important; transform: translateY(-50%) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; transition: color .18s ease, transform .15s ease !important; pointer-events: none !important; z-index: 2 !important; } /* inattivi */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active) { background: #fff !important; color: var(--b2b-location-tab-text) !important; border-color: var(--b2b-location-tab-color) !important; box-shadow: 0 7px 16px rgba(44, 83, 122, 0.10) !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active)::before { background: #fff !important; border-color: var(--b2b-location-tab-color) !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active)::after { color: var(--b2b-location-tab-color) !important; } /* attivi */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[aria-selected="true"], .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title.e-active { background: var(--b2b-location-tab-color) !important; color: #fff !important; border-color: var(--b2b-location-tab-color) !important; box-shadow: 0 9px 17px var(--b2b-location-tab-shadow) !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[aria-selected="true"]::before, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title.e-active::before { background: rgba(255,255,255,.96) !important; border-color: var(--b2b-location-tab-color) !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[aria-selected="true"]::after, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title.e-active::after { color: var(--b2b-location-tab-color) !important; } /* hover */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:hover, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:focus, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:focus-visible { transform: translateY(-1px) !important; outline: none !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active):hover, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active):focus, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active):focus-visible { box-shadow: 0 9px 18px rgba(44, 83, 122, 0.14) !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[aria-selected="true"]:hover, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[aria-selected="true"]:focus, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[aria-selected="true"]:focus-visible, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title.e-active:hover, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title.e-active:focus, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title.e-active:focus-visible { background: var(--b2b-location-tab-color) !important; color: #fff !important; border-color: var(--b2b-location-tab-color) !important; box-shadow: 0 9px 17px var(--b2b-location-tab-shadow) !important; } /* evita movimento eccessivo del cerchio */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:hover::before, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:focus::before, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:focus-visible::before { transform: translateY(-50%) !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:active { transform: translateY(0) !important; } /* pulizia eventuali stili Elementor */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:hover, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[aria-selected="true"] { border-bottom-width: 1px !important; } /* stato chiuso al secondo click */ .elementor-widget-n-tabs.b2b-location-tabs-cta.b2b-location-tabs-is-collapsed .e-n-tabs-content > * { display: none !important; } /* tablet */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tabs-heading { max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; gap: 10px !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title { min-height: 38px !important; font-size: 13px !important; } } /* mobile */ @media (max-width: 767px) { .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tabs-heading { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 10px !important; margin: 0 0 14px !important; padding: 0 !important; width: 100% !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="1"], .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="2"], .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="3"], .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="4"], .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title[data-tab-index="5"] { width: 210px !important; min-width: 210px !important; max-width: 90vw !important; min-height: 38px !important; padding: 0 36px 0 15px !important; font-size: 13px !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title::before { width: 24px !important; height: 24px !important; right: 5px !important; } .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title::after { right: 11px !important; font-size: 14px !important; } } /* ========================================================= B2BSTAY – Location Tabs: fix GD Map alignment Da inserire DOPO il CSS b2b-location-tabs-cta esistente Fix: - la mappa dentro Tab #5 non parte più dal boxed container - elimina lo spazio bianco a sinistra - neutralizza margini extra GeoDirectory/Bootstrap ========================================================= */ /* Permette al contenuto del tab mappa di uscire correttamente dal boxed container */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tabs-content { overflow: visible !important; } /* Tab #5 = Open Map */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tabs-content > [role="tabpanel"][data-tab-index="5"] { position: relative !important; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; left: auto !important; right: auto !important; box-sizing: border-box !important; overflow: hidden !important; } /* Se Woodmart/Elementor forza stretch content sul tab mappa */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tabs-content > [role="tabpanel"][data-tab-index="5"].wd-section-stretch-content, .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tabs-content > [role="tabpanel"][data-tab-index="5"].e-con-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; left: auto !important; right: auto !important; } /* Widget GeoDirectory Map */ .elementor-widget-n-tabs.b2b-location-tabs-cta [data-tab-index="5"] .elementor-widget-wp-widget-gd_map, .elementor-widget-n-tabs.b2b-location-tabs-cta [data-tab-index="5"] .elementor-widget-container, .elementor-widget-n-tabs.b2b-location-tabs-cta [data-tab-index="5"] .geodir-wgt-map, .elementor-widget-n-tabs.b2b-location-tabs-cta [data-tab-index="5"] .geodir-map-wrap, .elementor-widget-n-tabs.b2b-location-tabs-cta [data-tab-index="5"] .geodir-directory-map-wrap, .elementor-widget-n-tabs.b2b-location-tabs-cta [data-tab-index="5"] .geodir_map_container { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* GeoDirectory aggiunge spesso classi Bootstrap tipo me-5: qui la togliamo solo sulla mappa */ .elementor-widget-n-tabs.b2b-location-tabs-cta [data-tab-index="5"] .geodir-map-wrap.me-5, .elementor-widget-n-tabs.b2b-location-tabs-cta [data-tab-index="5"] .geodir-directory-map-wrap.me-5 { margin-right: 0 !important; } /* Evita overflow laterale indesiderato */ body .elementor-widget-n-tabs.b2b-location-tabs-cta { max-width: 100% !important; } /* Mobile: mappa piena ma senza rompere il viewport */ @media (max-width: 767px) { .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tabs-content > [role="tabpanel"][data-tab-index="5"] { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; } } /* ========================================================= B2BSTAY – GeoDirectory City Badges Air Scope: .b2b-city-badges-air Uso: - aggiungi classe "b2b-city-badges-air" al container/widget che contiene GD Locations / Popular cities Obiettivo: - più aria tra i badge città - badge più leggibili - paginazione più pulita - non modifica altri badge del sito ========================================================= */ .b2b-city-badges-air .gd-rows-popular-locations { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 8px 6px !important; width: 100% !important; margin: 10px auto 0 !important; padding: 0 !important; line-height: 1 !important; } /* Wrapper singolo badge */ .b2b-city-badges-air .gd-rows-popular-locations > span.bsui.gd-badge-meta { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* Badge città */ .b2b-city-badges-air .gd-rows-popular-locations > span.bsui.gd-badge-meta > a.gd-badge, .b2b-city-badges-air .gd-rows-popular-locations > span.bsui.gd-badge-meta > a.badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 28px !important; padding: 0 12px !important; border-radius: 7px !important; border: 1px solid rgba(80, 148, 127, 0.95) !important; background: #50947f !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: 0 4px 10px rgba(44, 83, 122, 0.12) !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .15s ease, box-shadow .18s ease !important; } /* Hover badge città */ .b2b-city-badges-air .gd-rows-popular-locations > span.bsui.gd-badge-meta > a.gd-badge:hover, .b2b-city-badges-air .gd-rows-popular-locations > span.bsui.gd-badge-meta > a.badge:hover, .b2b-city-badges-air .gd-rows-popular-locations > span.bsui.gd-badge-meta > a.gd-badge:focus, .b2b-city-badges-air .gd-rows-popular-locations > span.bsui.gd-badge-meta > a.badge:focus { background: #f15b32 !important; border-color: #2c537a !important; color: #ffffff !important; transform: translateY(-1px) !important; box-shadow: 0 6px 14px rgba(44, 83, 122, 0.18) !important; text-decoration: none !important; } /* Paginazione sotto i badge */ .b2b-city-badges-air .gd-rows-popular-locations .page-numbers, .b2b-city-badges-air .gd-rows-popular-locations .gd-page-numbers, .b2b-city-badges-air .gd-rows-popular-locations .pagination { margin-top: 12px !important; } /* Mobile: badge più compatti ma ancora respirati */ @media (max-width: 767px) { .b2b-city-badges-air .gd-rows-popular-locations { gap: 7px 5px !important; margin-top: 8px !important; padding: 0 8px !important; } .b2b-city-badges-air .gd-rows-popular-locations > span.bsui.gd-badge-meta > a.gd-badge, .b2b-city-badges-air .gd-rows-popular-locations > span.bsui.gd-badge-meta > a.badge { min-height: 27px !important; padding: 0 10px !important; font-size: 11.5px !important; border-radius: 7px !important; } } /* ========================================================= B2BSTAY – Space Tag Group Badges Scope: .b2bstay-space-tags Utilizzato dallo shortcode: [b2bstay_space_tags] Obiettivo: - stesso stile per tag Space standard e Wedding/Event - badge compatti e leggibili - allineamento centrato - colore principale B2BSTAY #2c537a - nessuna modifica agli altri tag o badge del sito ========================================================= */ /* Contenitore generale shortcode */ .b2bstay-space-tags { width: 100% !important; margin: 20px auto !important; padding: 0 !important; box-sizing: border-box !important; } /* Titolo del gruppo */ .b2bstay-space-tags .b2bstay-space-tags__title { width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; color: #111111 !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; } /* Lista che contiene tutti i tag */ .b2bstay-space-tags .b2bstay-space-tags__list { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 8px 6px !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; list-style: none !important; line-height: 1 !important; } /* Wrapper del singolo badge */ .b2bstay-space-tags .b2bstay-space-tags__list > li { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; list-style: none !important; line-height: 1 !important; } /* Badge tag: vale sia per link sia per testo */ .b2bstay-space-tags .b2bstay-space-tags__tag { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 28px !important; max-width: 100% !important; padding: 0 12px !important; border: 1px solid rgba(44, 83, 122, 0.98) !important; border-radius: 7px !important; background-color: #2c537a !important; background-image: none !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-sizing: border-box !important; box-shadow: 0 4px 10px rgba(44, 83, 122, 0.16) !important; transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease !important; } /* Mantiene il testo bianco anche per link già visitati */ .b2bstay-space-tags a.b2bstay-space-tags__tag:link, .b2bstay-space-tags a.b2bstay-space-tags__tag:visited { background-color: #2c537a !important; border-color: #2c537a !important; color: #ffffff !important; text-decoration: none !important; } /* Hover e focus dei badge cliccabili */ .b2bstay-space-tags a.b2bstay-space-tags__tag:hover, .b2bstay-space-tags a.b2bstay-space-tags__tag:focus { background-color: #f15b32 !important; border-color: #2c537a !important; color: #ffffff !important; transform: translateY(-1px) !important; box-shadow: 0 6px 14px rgba(44, 83, 122, 0.22) !important; text-decoration: none !important; } /* Focus accessibile da tastiera */ .b2bstay-space-tags a.b2bstay-space-tags__tag:focus-visible { outline: 2px solid #f15b32 !important; outline-offset: 3px !important; } /* Badge non cliccabili, quando links="no" */ .b2bstay-space-tags span.b2bstay-space-tags__tag { cursor: default !important; } /* ========================================================= Mobile ========================================================= */ @media (max-width: 767px) { .b2bstay-space-tags { margin: 16px auto !important; padding: 0 8px !important; } .b2bstay-space-tags .b2bstay-space-tags__title { margin-bottom: 12px !important; font-size: 21px !important; } .b2bstay-space-tags .b2bstay-space-tags__list { gap: 7px 5px !important; padding: 0 !important; } .b2bstay-space-tags .b2bstay-space-tags__tag { min-height: 27px !important; padding: 0 10px !important; border-radius: 7px !important; font-size: 11.5px !important; line-height: 1 !important; } } /* Schermi molto piccoli: consente ai nomi più lunghi di andare su due righe senza uscire */ @media (max-width: 420px) { .b2bstay-space-tags .b2bstay-space-tags__tag { min-height: 28px !important; padding-top: 6px !important; padding-bottom: 6px !important; line-height: 1.15 !important; white-space: normal !important; } } /* ========================================================= B2BSTAY – Header CTA Woodmart tutti uguali e più compatti Scope: - Browse Stays - Browse Spaces - List a Stay - List a Space - eventuali CTA header Woodmart wd-style-bg ========================================================= */ /* --------------------------------------------------------- RESET SPAZIATURA MENU CTA HEADER --------------------------------------------------------- */ .whb-header #menu-add-buttons.wd-nav, .whb-header #menu-browse-buttons.wd-nav, .whb-header .wd-header-nav .wd-nav.wd-style-bg { --nav-gap: 4px !important; gap: 4px !important; } .whb-header #menu-add-buttons.wd-nav > li, .whb-header #menu-browse-buttons.wd-nav > li, .whb-header .wd-header-nav .wd-nav.wd-style-bg > li { margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- TUTTI I BOTTONI CTA HEADER UGUALI E COMPATTI --------------------------------------------------------- */ .whb-header #menu-add-buttons.wd-nav > li > a, .whb-header #menu-browse-buttons.wd-nav > li > a, .whb-header .wd-header-nav .wd-nav.wd-style-bg > li > a { height: 34px !important; min-height: 34px !important; max-height: 34px !important; padding: 0 10px !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 500 !important; line-height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; box-sizing: border-box !important; white-space: nowrap !important; } /* --------------------------------------------------------- RESET ELEMENTI INTERNI WOODMART Evita che span/label interni allarghino o alzino i bottoni --------------------------------------------------------- */ .whb-header #menu-add-buttons.wd-nav > li > a > span, .whb-header #menu-browse-buttons.wd-nav > li > a > span, .whb-header .wd-header-nav .wd-nav.wd-style-bg > li > a > span { margin: 0 !important; padding: 0 !important; line-height: 1 !important; font-weight: 500 !important; white-space: nowrap !important; } /* --------------------------------------------------------- SCHERMI MEDI: ancora leggermente più compatto --------------------------------------------------------- */ @media (max-width: 1400px) { .whb-header #menu-add-buttons.wd-nav, .whb-header #menu-browse-buttons.wd-nav, .whb-header .wd-header-nav .wd-nav.wd-style-bg { --nav-gap: 4px !important; gap: 4px !important; } .whb-header #menu-add-buttons.wd-nav > li > a, .whb-header #menu-browse-buttons.wd-nav > li > a, .whb-header .wd-header-nav .wd-nav.wd-style-bg > li > a { height: 32px !important; min-height: 32px !important; max-height: 32px !important; padding: 0 9px !important; border-radius: 8px !important; font-size: 11.5px !important; font-weight: 500 !important; line-height: 32px !important; } } /* ========================================================= B2BSTAY - Header GeoDirectory Search Scope unico: .b2b-header-gd-search Header Woodmart con menu principale spostato in alto. Shortcode consigliato: [gd_search hide_near_input="0" show="main" customize_filters="default" mb="3"] ========================================================= */ .b2b-header-gd-search { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: stretch !important; flex: 1 1 auto !important; box-sizing: border-box !important; } /* Elimina il margine inferiore generato da mb="3" */ .b2b-header-gd-search .mb-3, .b2b-header-gd-search .geodir-search, .b2b-header-gd-search .geodir-search-container { width: 100% !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important; } /* Form su una sola riga e largo al 100% */ .b2b-header-gd-search form, .b2b-header-gd-search .geodir-search-form { width: 100% !important; max-width: none !important; min-width: 0 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: stretch !important; gap: 8px !important; margin: 0 !important; box-sizing: border-box !important; } /* Riga GeoDirectory / Bootstrap */ .b2b-header-gd-search .row { width: 100% !important; max-width: none !important; min-width: 0 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: stretch !important; gap: 8px !important; margin: 0 !important; box-sizing: border-box !important; } /* Reset colonne GeoDirectory */ .b2b-header-gd-search [class*="col-"] { min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= Distribuzione campi: 1. Tipo listing: 13% 2. Keyword: 38% 3. Location: 38% 4. Find: 11% ========================================================= */ .b2b-header-gd-search .row > [class*="col-"]:nth-child(1) { flex: 0 1 13% !important; width: 13% !important; } .b2b-header-gd-search .row > [class*="col-"]:nth-child(2) { flex: 1 1 38% !important; width: 38% !important; } .b2b-header-gd-search .row > [class*="col-"]:nth-child(3) { flex: 1 1 38% !important; width: 38% !important; } .b2b-header-gd-search .row > [class*="col-"]:nth-child(4) { flex: 0 1 11% !important; width: 11% !important; } /* Wrapper interni GeoDirectory */ .b2b-header-gd-search .geodir-search-input-label, .b2b-header-gd-search .gd-search-field, .b2b-header-gd-search .gd-search-field-search, .b2b-header-gd-search .gd-search-field-near, .b2b-header-gd-search .gd-search-field-submit { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; } /* ========================================================= Selettore tipo listing ========================================================= */ .b2b-header-gd-search select, .b2b-header-gd-search .form-select { width: 100% !important; max-width: none !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; padding-top: 0 !important; padding-bottom: 0 !important; border: 1px solid #2c537a !important; border-radius: 7px !important; box-shadow: none !important; outline: none !important; background-color: #fff !important; font-size: 14px !important; box-sizing: border-box !important; } /* ========================================================= Campi keyword e location ========================================================= */ .b2b-header-gd-search input[type="text"], .b2b-header-gd-search input[type="search"], .b2b-header-gd-search .form-control { width: 100% !important; max-width: none !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; padding-top: 0 !important; padding-bottom: 0 !important; border: 1px solid #2c537a !important; border-radius: 7px !important; box-shadow: none !important; outline: none !important; background-color: #fff !important; font-size: 14px !important; box-sizing: border-box !important; } /* Campo keyword */ .b2b-header-gd-search input[name="s"], .b2b-header-gd-search input[type="search"] { width: 100% !important; max-width: none !important; min-width: 0 !important; } /* Campo location / city / near */ .b2b-header-gd-search input[name="snear"], .b2b-header-gd-search .snear, .b2b-header-gd-search .geodir-search-input-label input { width: 100% !important; max-width: none !important; min-width: 0 !important; } /* Focus selettore e campi */ .b2b-header-gd-search select:focus, .b2b-header-gd-search .form-select:focus, .b2b-header-gd-search input[type="text"]:focus, .b2b-header-gd-search input[type="search"]:focus, .b2b-header-gd-search .form-control:focus { border-color: #2c537a !important; box-shadow: none !important; outline: none !important; } /* ========================================================= Bottone Find ========================================================= */ .b2b-header-gd-search button, .b2b-header-gd-search input[type="submit"], .b2b-header-gd-search .btn { width: 100% !important; max-width: none !important; min-width: 0 !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; padding: 0 12px !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; outline: none !important; background: #2c537a !important; color: #fff !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-style: normal !important; font-weight: 400 !important; line-height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Hover e focus bottone Find */ .b2b-header-gd-search button:hover, .b2b-header-gd-search button:focus, .b2b-header-gd-search input[type="submit"]:hover, .b2b-header-gd-search input[type="submit"]:focus, .b2b-header-gd-search .btn:hover, .b2b-header-gd-search .btn:focus { border: 0 !important; background: #f15b32 !important; color: #fff !important; box-shadow: none !important; outline: none !important; } /* Icone interne GeoDirectory */ .b2b-header-gd-search .geodir-search-input-label i, .b2b-header-gd-search .geodir-search-input-label svg { color: #8f8aa3 !important; } /* ========================================================= B2BSTAY - HEADER GEODIRECTORY SEARCH MOBILE Scope esclusivo: .b2b-header-gd-search-mobile Struttura: Riga 1: selettore Stays | ricerca keyword Riga 2: ricerca città | pulsante Find ========================================================= */ .b2b-header-gd-search-mobile { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 6px 6px !important; display: block !important; box-sizing: border-box !important; } /* ========================================================= RESET CONTENITORI GEODIRECTORY ========================================================= */ .b2b-header-gd-search-mobile .mb-3, .b2b-header-gd-search-mobile .geodir-search, .b2b-header-gd-search-mobile .geodir-search-container { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* Elimina il margine generato da mb="3" */ .b2b-header-gd-search-mobile .mb-3 { margin-bottom: 0 !important; } /* ========================================================= FORM ========================================================= */ .b2b-header-gd-search-mobile form, .b2b-header-gd-search-mobile .geodir-search-form { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: block !important; box-sizing: border-box !important; } /* ========================================================= GRIGLIA MOBILE Prima colonna: selettore Seconda colonna: spazio flessibile Terza colonna: pulsante Find Il gap verticale viene applicato tramite padding-top alla seconda riga, evitando interferenze Bootstrap. ========================================================= */ .b2b-header-gd-search-mobile .row { width: 100% !important; max-width: none !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(108px, 31%) minmax(0, 1fr) minmax(70px, 20%) !important; grid-template-rows: 42px 48px !important; column-gap: 6px !important; row-gap: 0 !important; gap: 0 6px !important; margin: 0 !important; padding: 0 !important; align-items: stretch !important; box-sizing: border-box !important; } /* ========================================================= RESET COLONNE BOOTSTRAP / GEODIRECTORY ========================================================= */ .b2b-header-gd-search-mobile .row > [class*="col-"] { width: auto !important; max-width: none !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* Selettore: prima riga, prima colonna */ .b2b-header-gd-search-mobile .row > [class*="col-"]:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; } /* Keyword: prima riga, seconda e terza colonna */ .b2b-header-gd-search-mobile .row > [class*="col-"]:nth-child(2) { grid-column: 2 / 4 !important; grid-row: 1 !important; } /* Location: seconda riga, prima e seconda colonna */ .b2b-header-gd-search-mobile .row > [class*="col-"]:nth-child(3) { grid-column: 1 / 3 !important; grid-row: 2 !important; padding-top: 6px !important; } /* Pulsante Find: seconda riga, terza colonna */ .b2b-header-gd-search-mobile .row > [class*="col-"]:nth-child(4) { grid-column: 3 !important; grid-row: 2 !important; padding-top: 6px !important; } /* ========================================================= WRAPPER INTERNI GEODIRECTORY ========================================================= */ .b2b-header-gd-search-mobile .geodir-search-input-label, .b2b-header-gd-search-mobile .gd-search-field, .b2b-header-gd-search-mobile .gd-search-field-search, .b2b-header-gd-search-mobile .gd-search-field-near, .b2b-header-gd-search-mobile .gd-search-field-submit { width: 100% !important; max-width: none !important; min-width: 0 !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= SELETTORE TIPO LISTING ========================================================= */ .b2b-header-gd-search-mobile select, .b2b-header-gd-search-mobile .form-select { width: 100% !important; max-width: none !important; min-width: 0 !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; padding: 0 34px 0 17px !important; border: 1px solid #2c537a !important; border-radius: 8px !important; background-color: #fff !important; color: #4d4a5b !important; box-shadow: none !important; outline: none !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-style: normal !important; font-weight: 400 !important; line-height: 40px !important; box-sizing: border-box !important; } /* ========================================================= CAMPI KEYWORD E LOCATION ========================================================= */ .b2b-header-gd-search-mobile input[type="text"], .b2b-header-gd-search-mobile input[type="search"], .b2b-header-gd-search-mobile .form-control { width: 100% !important; max-width: none !important; min-width: 0 !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border: 1px solid #2c537a !important; border-radius: 8px !important; background-color: #fff !important; color: #4d4a5b !important; box-shadow: none !important; outline: none !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-style: normal !important; font-weight: 400 !important; line-height: 40px !important; box-sizing: border-box !important; } /* Campo keyword */ .b2b-header-gd-search-mobile input[name="s"], .b2b-header-gd-search-mobile input[type="search"] { width: 100% !important; max-width: none !important; min-width: 0 !important; } /* Campo location / city / near */ .b2b-header-gd-search-mobile input[name="snear"], .b2b-header-gd-search-mobile input.snear, .b2b-header-gd-search-mobile .geodir-search-input-label input { width: 100% !important; max-width: none !important; min-width: 0 !important; } /* Placeholder */ .b2b-header-gd-search-mobile input::placeholder { color: #9691a7 !important; opacity: 1 !important; } /* Focus selettore e campi */ .b2b-header-gd-search-mobile select:focus, .b2b-header-gd-search-mobile .form-select:focus, .b2b-header-gd-search-mobile input[type="text"]:focus, .b2b-header-gd-search-mobile input[type="search"]:focus, .b2b-header-gd-search-mobile .form-control:focus { border-color: #2c537a !important; box-shadow: none !important; outline: none !important; } /* ========================================================= PULSANTE FIND ========================================================= */ .b2b-header-gd-search-mobile button, .b2b-header-gd-search-mobile input[type="submit"], .b2b-header-gd-search-mobile .btn { width: 100% !important; max-width: none !important; min-width: 0 !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; padding: 0 8px !important; border: 0 !important; border-radius: 8px !important; background: #2c537a !important; color: #fff !important; box-shadow: none !important; outline: none !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-style: normal !important; font-weight: 500 !important; line-height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Hover e focus pulsante Find */ .b2b-header-gd-search-mobile button:hover, .b2b-header-gd-search-mobile button:focus, .b2b-header-gd-search-mobile input[type="submit"]:hover, .b2b-header-gd-search-mobile input[type="submit"]:focus, .b2b-header-gd-search-mobile .btn:hover, .b2b-header-gd-search-mobile .btn:focus { border: 0 !important; background: #f15b32 !important; color: #fff !important; box-shadow: none !important; outline: none !important; } /* ========================================================= ICONE GEODIRECTORY ========================================================= */ .b2b-header-gd-search-mobile .geodir-search-input-label { position: relative !important; } .b2b-header-gd-search-mobile .geodir-search-input-label i, .b2b-header-gd-search-mobile .geodir-search-input-label svg { color: #9691a7 !important; fill: #9691a7 !important; } /* ========================================================= SCHERMI MOLTO PICCOLI ========================================================= */ @media (max-width: 360px) { .b2b-header-gd-search-mobile { padding: 5px 4px !important; } .b2b-header-gd-search-mobile .row { grid-template-columns: minmax(96px, 30%) minmax(0, 1fr) 66px !important; grid-template-rows: 40px 46px !important; column-gap: 5px !important; gap: 0 5px !important; } .b2b-header-gd-search-mobile .row > [class*="col-"]:nth-child(3), .b2b-header-gd-search-mobile .row > [class*="col-"]:nth-child(4) { padding-top: 6px !important; } .b2b-header-gd-search-mobile .geodir-search-input-label, .b2b-header-gd-search-mobile .gd-search-field, .b2b-header-gd-search-mobile .gd-search-field-search, .b2b-header-gd-search-mobile .gd-search-field-near, .b2b-header-gd-search-mobile .gd-search-field-submit, .b2b-header-gd-search-mobile select, .b2b-header-gd-search-mobile .form-select, .b2b-header-gd-search-mobile input[type="text"], .b2b-header-gd-search-mobile input[type="search"], .b2b-header-gd-search-mobile .form-control, .b2b-header-gd-search-mobile button, .b2b-header-gd-search-mobile input[type="submit"], .b2b-header-gd-search-mobile .btn { height: 40px !important; min-height: 40px !important; max-height: 40px !important; } .b2b-header-gd-search-mobile select, .b2b-header-gd-search-mobile .form-select, .b2b-header-gd-search-mobile input[type="text"], .b2b-header-gd-search-mobile input[type="search"], .b2b-header-gd-search-mobile .form-control, .b2b-header-gd-search-mobile button, .b2b-header-gd-search-mobile input[type="submit"], .b2b-header-gd-search-mobile .btn { font-size: 13px !important; } } /* ========================================================= B2BSTAY – Single listing tags Generic for Stay + Space Scope: add class "b2b-single-tags" to the GD Single Taxonomies widget/container ========================================================= */ .b2b-single-tags { margin: 18px 0 28px !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; font-size: 14px !important; line-height: 1.4 !important; color: #4b5563 !important; } /* Label: "Stay Tags:" / "Space Tags:" */ .b2b-single-tags .geodir_post_meta_title, .b2b-single-tags .geodir-i-tags, .b2b-single-tags .geodir_post_meta_icon, .b2b-single-tags .geodir-tags { color: #6b7280 !important; font-weight: 500 !important; } /* GeoDirectory / Bootstrap tag badges */ .b2b-single-tags a, .b2b-single-tags a.badge, .b2b-single-tags .badge, .b2b-single-tags .text-bg-dark, .b2b-single-tags .geodir-term { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 5px 11px !important; border-radius: 999px !important; background-color: #50947f !important; background: #50947f !important; border: 1px solid #50947f !important; color: #ffffff !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; box-shadow: none !important; transition: all 0.2s ease !important; } /* Force white link text inside badges */ .b2b-single-tags a *, .b2b-single-tags a.badge *, .b2b-single-tags .badge *, .b2b-single-tags .text-bg-dark * { color: #ffffff !important; } /* Hover */ .b2b-single-tags a:hover, .b2b-single-tags a.badge:hover, .b2b-single-tags .badge:hover, .b2b-single-tags .text-bg-dark:hover, .b2b-single-tags .geodir-term:hover { background-color: #2c537a !important; background: #2c537a !important; border-color: #2c537a !important; color: #ffffff !important; text-decoration: none !important; box-shadow: none !important; } /* Keep spacing clean between multiple tags */ .b2b-single-tags .geodir-tags a, .b2b-single-tags .geodir_post_taxonomies a, .b2b-single-tags .geodir-single-taxonomies-container a { margin-right: 4px !important; margin-bottom: 4px !important; } /* Mobile */ @media (max-width: 767px) { .b2b-single-tags { margin: 14px 0 22px !important; gap: 7px !important; } .b2b-single-tags a, .b2b-single-tags a.badge, .b2b-single-tags .badge, .b2b-single-tags .text-bg-dark, .b2b-single-tags .geodir-term { font-size: 12px !important; padding: 5px 9px !important; } } /* ========================================================= B2BSTAY – Magazine CTA inline links Scope sicuro: solo link ========================================================= */ .b2b-magazine-cta a.b2b-mag-cta-inline-link { color: inherit !important; font-weight: 800 !important; text-decoration-line: underline !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px !important; text-decoration-color: currentColor !important; transition: color .2s ease, text-decoration-color .2s ease !important; } /* Box blu: hover arancio */ .b2b-magazine-cta a.b2b-mag-cta-inline-link--buyer:hover, .b2b-magazine-cta a.b2b-mag-cta-inline-link--buyer:focus { color: #f15b32 !important; text-decoration-color: #f15b32 !important; } /* Box arancio: hover blu */ .b2b-magazine-cta a.b2b-mag-cta-inline-link--host:hover, .b2b-magazine-cta a.b2b-mag-cta-inline-link--host:focus { color: #2c537a !important; text-decoration-color: #2c537a !important; } /* ========================================================= B2BSTAY – b2b-button-glow ========================================================= */ .b2b-btn {} .b2b-btn-default {} .b2b-btn-primary {} @keyframes b2b-glowing { 0% { box-shadow: 0 0 -10px #2c537a; } 40% { box-shadow: 0 0 20px #2c537a; } 60% { box-shadow: 0 0 20px #2c537a; } 100% { box-shadow: 0 0 -10px #2c537a; } } .b2b-button-glow { animation: b2b-glowing 5000ms infinite; } /* ========================================================= B2BSTAY – Demo Listing Notice Shortcode: [b2b_demo_notice] Layout: - badge a sinistra - titolo sulla stessa riga - testo sotto - CTA sotto ========================================================= */ .b2b-demo-notice{ margin: 24px 0 20px; padding: 18px 24px 18px; background: #dcdfe4; border: 1px solid #f15b32; border-radius: 18px; box-shadow: none; } /* Riga alta: badge + titolo */ .b2b-demo-notice__toprow{ display: grid !important; grid-template-columns: auto 1fr !important; align-items: center !important; column-gap: 28px !important; row-gap: 0 !important; margin: 0 0 14px 0 !important; } .b2b-demo-notice__badge{ display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; min-height: 36px !important; padding: 0 14px !important; margin: 0 !important; border-radius: 999px !important; background: #f15b32 !important; color: #fff !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .02em !important; text-transform: uppercase !important; line-height: 1 !important; white-space: nowrap !important; } .b2b-demo-notice__title{ display: block !important; margin: 0 !important; padding: 0 !important; color: #4b5563 !important; font-size: 27px !important; line-height: 1.15 !important; font-weight: 500 !important; text-align: left !important; align-self: center !important; } /* Testo */ .b2b-demo-notice__text{ margin: 0 !important; padding: 0 !important; color: #243447 !important; font-size: 15px !important; line-height: 1.65 !important; } /* CTA */ .b2b-demo-notice__cta-wrap{ margin-top: 18px !important; } .b2b-demo-notice__cta{ display: inline-flex !important; align-items: center !important; gap: 12px !important; min-height: 44px !important; padding: 0 8px 0 18px !important; border-radius: 999px !important; background: #2c537a !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 8px 18px rgba(44, 83, 122, 0.16) !important; transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important; } .b2b-demo-notice__cta:hover{ background: #24496d !important; color: #fff !important; transform: translateY(-1px) !important; box-shadow: 0 10px 22px rgba(44, 83, 122, 0.22) !important; text-decoration: none !important; } .b2b-demo-notice__cta-text{ color: #fff !important; line-height: 1 !important; } .b2b-demo-notice__cta-icon{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; border-radius: 999px !important; background: #fff !important; color: #2c537a !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; flex: 0 0 30px !important; } /* Mobile */ @media (max-width: 767px){ .b2b-demo-notice{ margin: 20px 0 20px !important; padding: 16px 16px 18px !important; border-radius: 14px !important; } .b2b-demo-notice__toprow{ grid-template-columns: 1fr !important; row-gap: 10px !important; margin-bottom: 12px !important; } .b2b-demo-notice__title{ font-size: 22px !important; } .b2b-demo-notice__text{ font-size: 14px !important; } } /* ========================================================= B2BSTAY – GD Loop Actions -> CTA pills VERSIONE STABILE - SORT: stile custom SOLO bottone - dropdown SORT: comportamento nativo GeoDirectory/Bootstrap - SAVE: pulsante custom - view switcher nascosto ========================================================= */ /* ========================================================= WRAPPER ========================================================= */ .geodir-loop-actions-container .justify-content-end.mb-3.border, .elementor-widget-gd_loop_actions .justify-content-end.mb-3.border { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .geodir-loop-actions-container .btn-group, .elementor-widget-gd_loop_actions .btn-group { float: none !important; margin: 0 !important; } /* nasconde view switcher */ .geodir-loop-actions-container .gd-list-view-select, .geodir-loop-actions-container .btn-group.btn-group-sm.gd-list-view-select, .elementor-widget-gd_loop_actions .gd-list-view-select, .elementor-widget-gd_loop_actions .btn-group.btn-group-sm.gd-list-view-select { display: none !important; } /* wrapper */ .geodir-loop-actions-container .geodir-sort-by, .elementor-widget-gd_loop_actions .geodir-sort-by, .geodir-loop-actions-container .geodir-save-search-wrap, .elementor-widget-gd_loop_actions .geodir-save-search-wrap { position: relative !important; display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; width: auto !important; } /* ========================================================= BASE PILL ========================================================= */ .geodir-loop-actions-container .geodir-sort-by > .btn, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn, .geodir-loop-actions-container .geodir-save-search-wrap .btn, .geodir-loop-actions-container .geodir-save-search-wrap > a, .geodir-loop-actions-container .geodir-save-search-wrap > button, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important; cursor: pointer !important; min-height: 42px !important; min-width: 164px !important; padding: 0 42px 0 18px !important; border: 1px solid transparent !important; border-radius: 999px !important; font-weight: 700 !important; font-size: 14px !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: 0 8px 18px rgba(44, 83, 122, 0.10) !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .15s ease, box-shadow .18s ease !important; -webkit-appearance: none !important; appearance: none !important; outline: none !important; overflow: hidden !important; } /* nasconde icone native interne */ .geodir-loop-actions-container .geodir-sort-by > .btn i, .geodir-loop-actions-container .geodir-save-search-wrap .btn i, .geodir-loop-actions-container .geodir-save-search-wrap > a i, .geodir-loop-actions-container .geodir-save-search-wrap > button i, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn i, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn i, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a i, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button i { display: none !important; } /* elimina caret bootstrap nativo del dropdown */ .geodir-loop-actions-container .geodir-sort-by > .btn.dropdown-toggle::after, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn.dropdown-toggle::after { content: "" !important; display: none !important; border: 0 !important; margin: 0 !important; } /* cerchio destro con freccia integrata */ .geodir-loop-actions-container .geodir-sort-by > .btn::before, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn::before, .geodir-loop-actions-container .geodir-save-search-wrap .btn::before, .geodir-loop-actions-container .geodir-save-search-wrap > a::before, .geodir-loop-actions-container .geodir-save-search-wrap > button::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button::before { content: "" !important; position: absolute !important; top: 50% !important; right: 5px !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; background-color: rgba(255,255,255,.96) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 14px 14px !important; border: 1px solid transparent !important; transform: translateY(-50%) !important; box-shadow: 0 2px 8px rgba(0,0,0,.08) !important; transition: background-color .18s ease, border-color .18s ease, transform .15s ease !important; pointer-events: none !important; z-index: 2 !important; } /* ========================================================= SORT BUTTON ========================================================= */ .geodir-loop-actions-container .geodir-sort-by > .btn, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn { background: #2c537a !important; color: #fff !important; border-color: #2c537a !important; box-shadow: 0 10px 18px rgba(44, 83, 122, 0.22) !important; } .geodir-loop-actions-container .geodir-sort-by > .btn::before, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn::before { border-color: #2c537a !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232c537a' d='M5 12h11.17l-3.58-3.59L14 7l6 5-6 5-1.41-1.41L16.17 13H5z'/%3E%3C/svg%3E") !important; } .geodir-loop-actions-container .geodir-sort-by > .btn:hover, .geodir-loop-actions-container .geodir-sort-by > .btn:focus, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn:hover, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn:focus { background: #f15b32 !important; color: #fff !important; border-color: #f15b32 !important; box-shadow: 0 10px 18px rgba(241, 91, 50, 0.24) !important; transform: translateY(-1px) !important; outline: none !important; } .geodir-loop-actions-container .geodir-sort-by > .btn:hover::before, .geodir-loop-actions-container .geodir-sort-by > .btn:focus::before, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn:hover::before, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn:focus::before { border-color: #f15b32 !important; transform: translateY(-50%) scale(1.02) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f15b32' d='M5 12h11.17l-3.58-3.59L14 7l6 5-6 5-1.41-1.41L16.17 13H5z'/%3E%3C/svg%3E") !important; } /* ========================================================= SAVE BUTTON ========================================================= */ .geodir-loop-actions-container .geodir-save-search-wrap .btn, .geodir-loop-actions-container .geodir-save-search-wrap > a, .geodir-loop-actions-container .geodir-save-search-wrap > button, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button { background: #f15b32 !important; color: #fff !important; border-color: #f15b32 !important; box-shadow: 0 10px 18px rgba(241, 91, 50, 0.24) !important; } .geodir-loop-actions-container .geodir-save-search-wrap .btn::before, .geodir-loop-actions-container .geodir-save-search-wrap > a::before, .geodir-loop-actions-container .geodir-save-search-wrap > button::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button::before { border-color: #f15b32 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f15b32' d='M5 12h11.17l-3.58-3.59L14 7l6 5-6 5-1.41-1.41L16.17 13H5z'/%3E%3C/svg%3E") !important; } .geodir-loop-actions-container .geodir-save-search-wrap .btn:hover, .geodir-loop-actions-container .geodir-save-search-wrap .btn:focus, .geodir-loop-actions-container .geodir-save-search-wrap > a:hover, .geodir-loop-actions-container .geodir-save-search-wrap > a:focus, .geodir-loop-actions-container .geodir-save-search-wrap > button:hover, .geodir-loop-actions-container .geodir-save-search-wrap > button:focus, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn:hover, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn:focus, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a:hover, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a:focus, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button:hover, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button:focus { background: #2c537a !important; color: #fff !important; border-color: #2c537a !important; box-shadow: 0 10px 18px rgba(44, 83, 122, 0.22) !important; transform: translateY(-1px) !important; outline: none !important; } .geodir-loop-actions-container .geodir-save-search-wrap .btn:hover::before, .geodir-loop-actions-container .geodir-save-search-wrap .btn:focus::before, .geodir-loop-actions-container .geodir-save-search-wrap > a:hover::before, .geodir-loop-actions-container .geodir-save-search-wrap > a:focus::before, .geodir-loop-actions-container .geodir-save-search-wrap > button:hover::before, .geodir-loop-actions-container .geodir-save-search-wrap > button:focus::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn:hover::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn:focus::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a:hover::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a:focus::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button:hover::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button:focus::before { border-color: #2c537a !important; transform: translateY(-50%) scale(1.02) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232c537a' d='M5 12h11.17l-3.58-3.59L14 7l6 5-6 5-1.41-1.41L16.17 13H5z'/%3E%3C/svg%3E") !important; } /* active */ .geodir-loop-actions-container .geodir-sort-by > .btn:active, .geodir-loop-actions-container .geodir-save-search-wrap .btn:active, .geodir-loop-actions-container .geodir-save-search-wrap > a:active, .geodir-loop-actions-container .geodir-save-search-wrap > button:active, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn:active, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn:active, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a:active, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button:active { transform: translateY(0) !important; } /* ========================================================= DROPDOWN SORT – SOLO STILE, NO LOGICA/APERTURA ========================================================= */ .geodir-loop-actions-container .geodir-sort-by .dropdown-menu, .elementor-widget-gd_loop_actions .geodir-sort-by .dropdown-menu { min-width: 200px !important; margin-top: 14px !important; padding: 8px !important; border: 1px solid rgba(44, 83, 122, 0.10) !important; border-radius: 18px !important; box-shadow: 0 18px 35px rgba(44, 83, 122, 0.14) !important; background: #fff !important; } .geodir-loop-actions-container .geodir-sort-by .dropdown-item, .elementor-widget-gd_loop_actions .geodir-sort-by .dropdown-item { border-radius: 12px !important; font-weight: 600 !important; font-size: 14px !important; padding: 10px 12px !important; color: #2c537a !important; transition: background-color .18s ease, color .18s ease !important; } .geodir-loop-actions-container .geodir-sort-by .dropdown-item:hover, .geodir-loop-actions-container .geodir-sort-by .dropdown-item:focus, .elementor-widget-gd_loop_actions .geodir-sort-by .dropdown-item:hover, .elementor-widget-gd_loop_actions .geodir-sort-by .dropdown-item:focus { background: rgba(241, 91, 50, 0.08) !important; color: #f15b32 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .geodir-loop-actions-container .justify-content-end.mb-3.border, .elementor-widget-gd_loop_actions .justify-content-end.mb-3.border { gap: 10px !important; } .geodir-loop-actions-container .geodir-sort-by > .btn, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn, .geodir-loop-actions-container .geodir-save-search-wrap .btn, .geodir-loop-actions-container .geodir-save-search-wrap > a, .geodir-loop-actions-container .geodir-save-search-wrap > button, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button { min-width: 0 !important; width: auto !important; min-height: 40px !important; padding: 0 40px 0 14px !important; font-size: 13px !important; } .geodir-loop-actions-container .geodir-sort-by > .btn::before, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn::before, .geodir-loop-actions-container .geodir-save-search-wrap .btn::before, .geodir-loop-actions-container .geodir-save-search-wrap > a::before, .geodir-loop-actions-container .geodir-save-search-wrap > button::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a::before, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button::before { width: 26px !important; height: 26px !important; right: 4px !important; background-size: 13px 13px !important; } .geodir-loop-actions-container .geodir-sort-by .dropdown-menu, .elementor-widget-gd_loop_actions .geodir-sort-by .dropdown-menu { min-width: 190px !important; } } /* ========================================================= B2BSTAY – Elementor Tabs -> compact CTA pills Scope: solo widget Tabs con classe "b2b-tabs-cta" Assunzione: tab 1 = Stays | tab 2 = Spaces ========================================================= */ /* heading */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tabs-heading { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 12px !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; } /* bottone base: più compatto */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important; min-height: 42px !important; min-width: 164px !important; padding: 0 42px 0 18px !important; border: 1px solid transparent !important; border-radius: 999px !important; background: #fff !important; font-weight: 700 !important; font-size: 14px !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: 0 8px 18px rgba(44, 83, 122, 0.10) !important; transition: background-color .18s ease, border-color .18s ease, transform .15s ease, box-shadow .18s ease, color .18s ease !important; -webkit-appearance: none !important; appearance: none !important; outline: none !important; overflow: hidden !important; } /* testo sopra pseudo */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title .e-n-tab-title-text { position: relative !important; z-index: 2 !important; } /* cerchio destro più piccolo */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title::before { content: "" !important; position: absolute !important; top: 50% !important; right: 5px !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; background: #fff !important; border: 1px solid transparent !important; transform: translateY(-50%) !important; box-shadow: 0 2px 8px rgba(0,0,0,.08) !important; transition: background-color .18s ease, border-color .18s ease, transform .15s ease !important; pointer-events: none !important; z-index: 1 !important; } /* freccia */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title::after { content: "\2192" !important; position: absolute !important; top: 50% !important; right: 13px !important; transform: translateY(-50%) !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; transition: color .18s ease, transform .15s ease !important; pointer-events: none !important; z-index: 2 !important; } /* ========================================================= INATTIVI ========================================================= */ /* Tab 1 non selezionato = blu */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"]:not([aria-selected="true"]):not(.e-active) { background: #fff !important; color: #2c537a !important; border-color: #2c537a !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"]:not([aria-selected="true"]):not(.e-active)::before { background: #fff !important; border-color: #2c537a !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"]:not([aria-selected="true"]):not(.e-active)::after { color: #2c537a !important; } /* Tab 2 non selezionato = bordo arancio, testo blu */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"]:not([aria-selected="true"]):not(.e-active) { background: #fff !important; color: #2c537a !important; border-color: #f15b32 !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"]:not([aria-selected="true"]):not(.e-active)::before { background: #fff !important; border-color: #f15b32 !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"]:not([aria-selected="true"]):not(.e-active)::after { color: #f15b32 !important; } /* hover inattivi: niente cambio forte bg */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active):hover, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active):focus, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active):focus-visible { transform: translateY(-1px) !important; box-shadow: 0 10px 20px rgba(44, 83, 122, 0.14) !important; outline: none !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active):hover::before, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active):focus::before, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active):focus-visible::before { transform: translateY(-50%) scale(1.02) !important; } /* ========================================================= ATTIVI ========================================================= */ /* Tab 1 attivo = blu pieno */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"][aria-selected="true"], .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"].e-active { background: #2c537a !important; color: #fff !important; border-color: #2c537a !important; box-shadow: 0 10px 18px rgba(44, 83, 122, 0.22) !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"][aria-selected="true"]::before, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"].e-active::before { background: rgba(255,255,255,.96) !important; border-color: #2c537a !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"][aria-selected="true"]::after, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"].e-active::after { color: #2c537a !important; } /* Tab 2 attivo = arancio pieno */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"][aria-selected="true"], .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"].e-active { background: #f15b32 !important; color: #fff !important; border-color: #f15b32 !important; box-shadow: 0 10px 18px rgba(241, 91, 50, 0.24) !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"][aria-selected="true"]::before, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"].e-active::before { background: rgba(255,255,255,.96) !important; border-color: #f15b32 !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"][aria-selected="true"]::after, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"].e-active::after { color: #f15b32 !important; } /* hover attivi: NO cambio colore background */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[aria-selected="true"]:hover, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[aria-selected="true"]:focus, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[aria-selected="true"]:focus-visible, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title.e-active:hover, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title.e-active:focus, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title.e-active:focus-visible { transform: translateY(-1px) !important; outline: none !important; } /* mantiene blu se attivo tab 1 */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"][aria-selected="true"]:hover, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"][aria-selected="true"]:focus, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"][aria-selected="true"]:focus-visible, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"].e-active:hover, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"].e-active:focus, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="1"].e-active:focus-visible { background: #2c537a !important; color: #fff !important; border-color: #2c537a !important; box-shadow: 0 10px 18px rgba(44, 83, 122, 0.22) !important; } /* mantiene arancio se attivo tab 2 */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"][aria-selected="true"]:hover, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"][aria-selected="true"]:focus, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"][aria-selected="true"]:focus-visible, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"].e-active:hover, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"].e-active:focus, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[data-tab-index="2"].e-active:focus-visible { background: #f15b32 !important; color: #fff !important; border-color: #f15b32 !important; box-shadow: 0 10px 18px rgba(241, 91, 50, 0.24) !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[aria-selected="true"]:hover::before, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[aria-selected="true"]:focus::before, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[aria-selected="true"]:focus-visible::before, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title.e-active:hover::before, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title.e-active:focus::before, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title.e-active:focus-visible::before { transform: translateY(-50%) !important; } /* click */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title:active { transform: translateY(0) !important; } /* pulizia eventuali stili Elementor */ .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title:hover, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title[aria-selected="true"] { border-bottom-width: 1px !important; } /* mobile */ @media (max-width: 767px) { .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tabs-heading { gap: 10px !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title { width: calc(50% - 5px) !important; min-width: 0 !important; min-height: 40px !important; padding: 0 40px 0 14px !important; font-size: 13px !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title::before { width: 26px !important; height: 26px !important; right: 4px !important; } .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title::after { right: 12px !important; font-size: 15px !important; } } /* ========================================================= B2BSTAY – GD PPL logged-in button -> native CTA look DROP-IN CSS Scope: solo widget GeoDirectory PPL contact ========================================================= */ /* Wrapper allineamento */ .elementor-widget-gd_ppl_contact .geodir-ppl-contact .d-grid, .geodir-ppl-contact .d-grid { display: block !important; width: 100% !important; } /* Bottone GD loggati */ .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary, .geodir-ppl-contact .btn.btn-primary { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important; min-height: 46px !important; padding: 0 56px 0 22px !important; border: 0 !important; border-radius: 999px !important; background: #2c537a !important; color: #fff !important; font-weight: 700 !important; font-size: 15px !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: 0 10px 18px rgba(44, 83, 122, 0.22) !important; transition: background-color .18s ease, transform .15s ease, box-shadow .18s ease, color .18s ease !important; -webkit-appearance: none !important; appearance: none !important; } /* cerchio destro */ .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary::before, .geodir-ppl-contact .btn.btn-primary::before { content: "" !important; position: absolute !important; top: 50% !important; right: 4px !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; background: rgba(255,255,255,.96) !important; transform: translateY(-50%) !important; box-shadow: 0 2px 8px rgba(0,0,0,.12) !important; transition: background-color .18s ease, transform .15s ease !important; pointer-events: none !important; } /* freccia destra */ .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary::after, .geodir-ppl-contact .btn.btn-primary::after { content: "\2192" !important; position: absolute !important; top: 50% !important; right: 17px !important; transform: translateY(-50%) !important; color: #2c537a !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1 !important; transition: color .18s ease, transform .15s ease !important; pointer-events: none !important; } /* hover/focus = orange */ .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary:hover, .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary:focus, .geodir-ppl-contact .btn.btn-primary:hover, .geodir-ppl-contact .btn.btn-primary:focus { background: #f15b32 !important; color: #fff !important; transform: translateY(-1px) !important; box-shadow: 0 12px 22px rgba(241, 91, 50, 0.28) !important; outline: none !important; } .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary:hover::before, .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary:focus::before, .geodir-ppl-contact .btn.btn-primary:hover::before, .geodir-ppl-contact .btn.btn-primary:focus::before { background: rgba(255,255,255,.98) !important; transform: translateY(-50%) scale(1.02) !important; } .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary:hover::after, .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary:focus::after, .geodir-ppl-contact .btn.btn-primary:hover::after, .geodir-ppl-contact .btn.btn-primary:focus::after { color: #f15b32 !important; transform: translateY(-50%) translateX(1px) !important; } /* active */ .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary:active, .geodir-ppl-contact .btn.btn-primary:active { transform: translateY(0) !important; box-shadow: 0 10px 18px rgba(0,0,0,.10) !important; } /* se il widget è in sidebar, tienilo ordinato e non full width forzato */ .elementor-widget-gd_ppl_contact .geodir-ppl-contact, .geodir-ppl-contact { text-align: center !important; } /* mobile */ @media (max-width: 480px) { .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary, .geodir-ppl-contact .btn.btn-primary { width: 100% !important; max-width: 100% !important; padding-left: 18px !important; padding-right: 54px !important; } } /* Nasconde il selettore List/Grid view */ .btn-group.btn-group-sm.gd-list-view-select { display: none !important; } /* ========================================================= B2BSTAY – GeoDirectory Single Tabs / Clean Compact Fixed FIX spazio Contact Host attivo Palette: #2c537a / #f15b32 / #50947f ========================================================= */ :root { --b2b-blue: #2c537a; --b2b-orange: #f15b32; --b2b-green: #50947f; } /* wrapper */ .geodir-single-tabs-container .geodir-tab-head { margin-bottom: 16px !important; } /* lista tabs */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* niente scrollbar */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs > li { flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; min-width: 0 !important; list-style: none !important; } /* tab base */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 38px !important; padding: 0 13px !important; border-radius: 12px !important; border: 1px solid rgba(44, 83, 122, 0.12) !important; background: #fff !important; color: var(--b2b-blue) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; box-sizing: border-box !important; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 6px !important; transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease !important; } /* elimina qualsiasi underline pseudo */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link::after, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link::before { content: none !important; display: none !important; } /* icone */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link i { color: var(--b2b-blue) !important; font-size: 12px !important; line-height: 1 !important; transition: color .2s ease !important; } /* hover base */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link:hover { background: rgba(44, 83, 122, 0.05) !important; border-color: rgba(44, 83, 122, 0.24) !important; color: var(--b2b-blue) !important; transform: translateY(-1px) !important; box-shadow: rgba(44, 83, 122, 0.12) 0px 3px 10px !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link:hover i { color: var(--b2b-blue) !important; } /* attivo standard = blu pieno */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link.active, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-selected="true"] { background: var(--b2b-blue) !important; border-color: var(--b2b-blue) !important; color: #fff !important; box-shadow: rgba(44, 83, 122, 0.22) 0px 4px 12px !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link.active i, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-selected="true"] i { color: #fff !important; } /* Amenities hover soft orange */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#amenities"]:hover, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="amenities"]:hover { background: rgba(241, 91, 50, 0.08) !important; border-color: rgba(241, 91, 50, 0.28) !important; color: var(--b2b-orange) !important; box-shadow: rgba(241, 91, 50, 0.12) 0px 3px 10px !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#amenities"]:hover i, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="amenities"]:hover i { color: var(--b2b-orange) !important; } /* Amenities attivo = arancione pieno */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#amenities"].active, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="amenities"].active, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#amenities"][aria-selected="true"], .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="amenities"][aria-selected="true"] { background: var(--b2b-orange) !important; border-color: var(--b2b-orange) !important; color: #fff !important; box-shadow: rgba(241, 91, 50, 0.22) 0px 4px 12px !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#amenities"].active i, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="amenities"].active i, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#amenities"][aria-selected="true"] i, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="amenities"][aria-selected="true"] i { color: #fff !important; } /* Contact Host base = verde soft */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#contact"], .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="contact"] { background: rgba(80, 148, 127, 0.05) !important; border-color: rgba(80, 148, 127, 0.22) !important; color: var(--b2b-green) !important; padding-left: 12px !important; padding-right: 12px !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#contact"] i, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="contact"] i { color: var(--b2b-green) !important; } /* Contact hover */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#contact"]:hover, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="contact"]:hover { background: var(--b2b-green) !important; border-color: var(--b2b-green) !important; color: #fff !important; box-shadow: rgba(80, 148, 127, 0.20) 0px 4px 12px !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#contact"]:hover i, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="contact"]:hover i { color: #fff !important; } /* Contact attivo = verde pieno, SENZA spazio extra */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#contact"].active, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="contact"].active, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#contact"][aria-selected="true"], .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="contact"][aria-selected="true"] { background: var(--b2b-green) !important; border-color: var(--b2b-green) !important; color: #fff !important; line-height: 1 !important; padding-top: 0 !important; padding-bottom: 0 !important; box-shadow: rgba(80, 148, 127, 0.22) 0px 4px 12px !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#contact"].active i, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="contact"].active i, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[href="#contact"][aria-selected="true"] i, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link[aria-controls="contact"][aria-selected="true"] i { color: #fff !important; } /* focus */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link:focus-visible { outline: 0 !important; box-shadow: 0 0 0 3px rgba(44, 83, 122, 0.10), rgba(0, 0, 0, 0.08) 0px 3px 10px !important; } /* badge */ .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .badge, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .count, .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .geodir-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 17px !important; height: 17px !important; padding: 0 5px !important; border-radius: 999px !important; background: var(--b2b-orange) !important; color: #fff !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1 !important; } /* tablet */ @media (max-width: 1024px) { .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs { gap: 7px !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link { min-height: 36px !important; padding: 0 11px !important; font-size: 12px !important; border-radius: 11px !important; gap: 6px !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link i { font-size: 11px !important; } } /* mobile */ @media (max-width: 767px) { .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs > li { width: 100% !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link { display: flex !important; width: 100% !important; min-height: 36px !important; padding: 0 10px !important; font-size: 12px !important; border-radius: 11px !important; gap: 6px !important; } .geodir-single-tabs-container .geodir-tab-head #gd-single-tabs .nav-link i { font-size: 11px !important; } } /* ========================================================= B2BSTAY – Amenities / Info Cards FIX DEFINITIVO ========================================================= */ /* 1) IL VERO WRAPPER È #amenities */ #amenities { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; } /* 2) NASCONDI SOLO GLI ELEMENTI TECNICI/VUOTI */ #amenities > .geodir-tabs-anchor, #amenities > #geodir-tab-content-amenities.hash-offset { display: none !important; } /* 3) CARD */ #amenities > .geodir-post-meta-container { display: block !important; width: 100% !important; margin: 0 !important; padding: 16px 18px !important; background: #fff !important; border: 1px solid rgba(44, 83, 122, 0.12) !important; border-radius: 16px !important; box-shadow: rgba(0, 0, 0, 0.10) 0px 2px 8px !important; min-height: 128px !important; height: 100% !important; clear: none !important; float: none !important; } /* 4) BLOCCO INTERNO CARD */ #amenities > .geodir-post-meta-container .geodir_post_meta { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } /* 5) HEADER CARD: icona + titolo */ #amenities > .geodir-post-meta-container .geodir_post_meta_icon { display: flex !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 0 10px 0 !important; border-bottom: 1px solid rgba(44, 83, 122, 0.10) !important; color: #2c537a !important; line-height: 1.2 !important; } /* 6) ICONA */ #amenities > .geodir-post-meta-container .geodir_post_meta_icon > i { display: inline-block !important; flex: 0 0 auto !important; margin: 2px 0 0 0 !important; color: #f15b32 !important; font-size: 14px !important; line-height: 1 !important; } /* 7) TITOLO */ #amenities > .geodir-post-meta-container .geodir_post_meta_title { display: inline !important; margin: 0 !important; padding: 0 !important; color: #2c537a !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; white-space: normal !important; } /* 8) LISTA PILLOLE */ #amenities > .geodir-post-meta-container .geodir_post_meta > ul { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* 9) PILLOLE PIÙ COMPATTE */ #amenities > .geodir-post-meta-container .geodir_post_meta > ul > li { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 5px 9px !important; border: 1px solid #2c537a !important; border-radius: 999px !important; background: rgba(44, 83, 122, 0.05) !important; color: #2c537a !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.15 !important; white-space: nowrap !important; list-style: none !important; box-shadow: none !important; } /* 10) NO BULLET */ #amenities > .geodir-post-meta-container .geodir_post_meta > ul > li::before, #amenities > .geodir-post-meta-container .geodir_post_meta > ul > li::marker { content: none !important; display: none !important; } /* 11) HOVER PILLOLE */ #amenities > .geodir-post-meta-container .geodir_post_meta > ul > li:hover { background: #f15b32 !important; border-color: #f15b32 !important; color: #fff !important; } /* 12) TABLET */ @media (max-width: 1100px) { #amenities { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* 13) MOBILE */ @media (max-width: 767px) { #amenities { grid-template-columns: 1fr !important; gap: 14px !important; } #amenities > .geodir-post-meta-container { min-height: auto !important; padding: 14px !important; border-radius: 14px !important; } #amenities > .geodir-post-meta-container .geodir_post_meta_title { font-size: 14px !important; } #amenities > .geodir-post-meta-container .geodir_post_meta > ul > li { font-size: 12px !important; padding: 5px 8px !important; white-space: normal !important; } } /* ========================================================= B2BSTAY – FIX tab panes hidden/active Evita spazio vuoto quando Contact Host è attivo ========================================================= */ /* tutti i tab pane nascosti restano davvero nascosti */ .geodir-single-tabs-container .tab-pane:not(.active):not(.show) { display: none !important; } /* il tab Amenities diventa grid SOLO quando è attivo */ #amenities.tab-pane.active.show { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; } /* quando Amenities NON è attivo, non deve occupare spazio */ #amenities.tab-pane:not(.active):not(.show) { display: none !important; } /* ========================================================== B2BSTAY – Full width reale per [b2b_wd_page_title] dentro template HTML GeoDirectory ========================================================== */ .b2b-gd-full-title{ position: relative !important; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; left: auto !important; right: auto !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 0 !important; margin-bottom: 28px !important; box-sizing: border-box !important; z-index: 2; } /* blocco generato dallo shortcode */ .b2b-gd-full-title .wd-page-title, .b2b-gd-full-title .b2b-wd-page-title, .b2b-gd-full-title .geodir-page-title{ width: 100% !important; max-width: 100% !important; margin: 0 !important; border-radius: 0 !important; } /* elimina eventuali container interni del tema */ .b2b-gd-full-title .container, .b2b-gd-full-title .wd-content-layout, .b2b-gd-full-title .site-content, .b2b-gd-full-title .container-fluid{ width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } /* compact */ .b2b-gd-full-title .wd-page-title.title-size-small{ --wd-title-sp: 6px !important; } /* importantissimo: evita clipping del wrapper */ .main-page-wrapper, .site-content, .content-layout-wrapper, .wd-content-layout, .content-area, .entry-content, .geodir-page, .geodir-single, .geodir-single-content{ overflow: visible !important; } @media (max-width: 767px){ .b2b-gd-full-title{ margin-bottom: 20px !important; } } /* === Woodmart: fascia Page Title compatta (~50px) === */ /* 1) Riduci il padding verticale gestito dalla var del tema */ .wd-page-title.title-size-small { --wd-title-sp: 12px !important; /* padding-top/bottom ~6px */ } /* B2BSTAY – fascia titolo compatta solo per il tuo shortcode */ .wd-page-title.b2b-page-title-compact{ --wd-title-sp: 4px !important; /* prova 4px, oppure 2px se la vuoi ancora più bassa */ } .wd-page-title.b2b-page-title-compact .container{ padding-top: 0 !important; padding-bottom: 0 !important; } .wd-page-title.b2b-page-title-compact .entry-title.title{ margin: 0 !important; line-height: 1.15 !important; } /* opzionale: compatta anche eventuali breadcrumbs */ .wd-page-title.b2b-page-title-compact .wd-breadcrumbs, .wd-page-title.b2b-page-title-compact .woocommerce-breadcrumb{ margin-top: 2px !important; margin-bottom: 0 !important; } /* ========================================================== B2BSTAY – Archive cards final clean COMPLETE ========================================================== */ /* reset solo per card archivio */ .geodir-gridview > li *, .geodir-listview > li *{ box-sizing: border-box; } /* card */ .geodir-gridview > li, .geodir-listview > li{ display: flex; flex-direction: column; height: 100%; width: calc(100% - 24px); margin: 0 auto 32px !important; background: #fff !important; position: relative; border: 1px solid #e9e9e9 !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px !important; transform: translateY(0); transition: transform .22s ease, box-shadow .22s ease !important; will-change: transform; } .geodir-gridview > li:hover, .geodir-listview > li:hover{ transform: translateY(-8px) !important; box-shadow: rgba(0, 0, 0, 0.20) 0px 8px 18px !important; } /* immagine */ .geodir-gridview .wp-block-geodirectory-geodir-widget-post-images, .geodir-listview .wp-block-geodirectory-geodir-widget-post-images{ margin: 0 !important; padding: 14px 14px 0 14px !important; position: relative; overflow: visible; } .geodir-gridview .wp-block-geodirectory-geodir-widget-post-images img, .geodir-listview .wp-block-geodirectory-geodir-widget-post-images img{ display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; margin: 0 !important; border-radius: 10px !important; } /* featured ribbon */ .b2b-featured-ribbon{ background-color: #f15b32; color: #fff; font-size: 13px; line-height: 1; padding: 6px 10px; position: absolute; top: 24px; left: 14px; z-index: 8; font-weight: 600; border-radius: 4px 0 0 4px; } .b2b-featured-ribbon::after{ content: ""; border-width: 13px; border-style: solid; border-color: transparent transparent transparent #f15b32; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); } /* padding blocchi interni */ .geodir-gridview .wp-block-geodirectory-geodir-widget-post-title, .geodir-gridview .wp-block-geodirectory-geodir-widget-post-content, .geodir-gridview .wp-block-geodirectory-geodir-widget-dynamic-content, .geodir-listview .wp-block-geodirectory-geodir-widget-post-title, .geodir-listview .wp-block-geodirectory-geodir-widget-post-content, .geodir-listview .wp-block-geodirectory-geodir-widget-dynamic-content{ padding-left: 18px !important; padding-right: 18px !important; } /* titolo */ .geodir-gridview .wp-block-geodirectory-geodir-widget-post-title, .geodir-listview .wp-block-geodirectory-geodir-widget-post-title{ margin: 18px 0 0 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .geodir-gridview .wp-block-geodirectory-geodir-widget-post-title h1, .geodir-gridview .wp-block-geodirectory-geodir-widget-post-title h2, .geodir-gridview .wp-block-geodirectory-geodir-widget-post-title h3, .geodir-gridview .wp-block-geodirectory-geodir-widget-post-title .entry-title, .geodir-gridview .wp-block-geodirectory-geodir-widget-post-title a, .geodir-listview .wp-block-geodirectory-geodir-widget-post-title h1, .geodir-listview .wp-block-geodirectory-geodir-widget-post-title h2, .geodir-listview .wp-block-geodirectory-geodir-widget-post-title h3, .geodir-listview .wp-block-geodirectory-geodir-widget-post-title .entry-title, .geodir-listview .wp-block-geodirectory-geodir-widget-post-title a{ font-size: 15px !important; line-height: 1.45 !important; font-weight: 700 !important; color: #111 !important; text-decoration: none !important; margin: 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(1.45em * 2); } .geodir-gridview .wp-block-geodirectory-geodir-widget-post-title a:hover, .geodir-listview .wp-block-geodirectory-geodir-widget-post-title a:hover{ color: #111 !important; } /* descrizione */ .geodir-gridview .wp-block-geodirectory-geodir-widget-post-content, .geodir-listview .wp-block-geodirectory-geodir-widget-post-content{ margin: 12px 0 0 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .geodir-gridview .wp-block-geodirectory-geodir-widget-post-content p, .geodir-listview .wp-block-geodirectory-geodir-widget-post-content p, .geodir-gridview .geodir-field-post_content, .geodir-listview .geodir-field-post_content{ margin: 0 !important; font-size: 13px !important; line-height: 1.5 !important; color: #777 !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(1.5em * 3); } .geodir-gridview .wp-block-geodirectory-geodir-widget-post-content .gd-read-more, .geodir-listview .wp-block-geodirectory-geodir-widget-post-content .gd-read-more{ display: none !important; } /* ultimo blocco CTA */ .geodir-gridview .wp-block-geodirectory-geodir-widget-dynamic-content:last-child, .geodir-listview .wp-block-geodirectory-geodir-widget-dynamic-content:last-child{ margin-top: auto !important; padding-bottom: 30px !important; } /* ========================================================== B2BSTAY – metrics layout fixed 3 columns / 2 rows ========================================================== */ .b2b-metrics-grid.wp-block-columns{ display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 18px !important; margin-bottom: 0 !important; flex-wrap: unset !important; align-items: start !important; } .b2b-metrics-grid.wp-block-columns > .wp-block-column, .b2b-metrics-grid > .wp-block-column.b2b-metrics-col{ flex: initial !important; flex-basis: auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 14px !important; } .b2b-metrics-grid .wp-block-geodirectory-geodir-widget-dynamic-content{ margin: 0 !important; padding: 0 !important; } .b2b-archive-adv{ display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-align: center !important; min-height: 128px !important; padding: 4px 2px !important; } .b2b-archive-label{ display: flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; margin: 0 0 10px 0 !important; font-weight: 700 !important; font-size: 12px !important; line-height: 1.2 !important; color: #111 !important; text-align: center !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } .b2b-archive-icon{ display: flex !important; align-items: center !important; justify-content: center !important; min-height: 24px !important; margin: 0 0 10px 0 !important; } .b2b-archive-icon .geodir_post_meta{ display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* nasconde solo il valore testo del meta, non l’icona */ .b2b-archive-icon .geodir_post_meta .geodir_post_meta_value, .b2b-archive-icon .geodir_post_meta > span:not([class]){ display: none !important; } .b2b-archive-icon .geodir_post_meta i, .b2b-archive-icon .geodir_post_meta svg{ display: inline-block !important; color: #777 !important; font-size: 21px !important; width: 21px !important; height: 21px !important; line-height: 21px !important; text-align: center !important; margin: 0 !important; flex: 0 0 21px !important; } .b2b-archive-badge{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 28px !important; height: 28px !important; padding: 0 8px !important; border-radius: 999px !important; background: #50947f !important; color: #fff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; } /* badge testo per Availability */ .b2b-archive-badge--wide{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 96px !important; max-width: 100% !important; height: auto !important; min-height: 32px !important; padding: 7px 12px !important; line-height: 1.2 !important; font-size: 10px !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; border-radius: 16px !important; } /* CTA */ .b2b-archive-cta{ margin-top: 24px !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; width: 100% !important; } .b2b-archive-cta a[class*="button-cta-animated-"]{ --cta-arrow: #2c537a; --cta-text-on-fill: #2c537a; display: inline-flex !important; justify-content: center !important; align-items: center !important; margin: 0 auto !important; vertical-align: top !important; background: #2c537a !important; border-color: #2c537a !important; color: #fff !important; } .b2b-archive-cta a[class*="button-cta-animated-"]:hover, .b2b-archive-cta a[class*="button-cta-animated-"]:focus{ background: #2c537a !important; border-color: #2c537a !important; color: #2c537a !important; } /* responsive */ @media (max-width: 767px){ .geodir-gridview > li, .geodir-listview > li{ width: calc(100% - 16px); margin: 0 auto 24px !important; } .geodir-gridview .wp-block-geodirectory-geodir-widget-post-images, .geodir-listview .wp-block-geodirectory-geodir-widget-post-images{ padding: 12px 12px 0 12px !important; } .b2b-featured-ribbon{ top: 20px; left: 12px; } .b2b-metrics-grid.wp-block-columns{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; } .b2b-metrics-grid.wp-block-columns > .wp-block-column, .b2b-metrics-grid > .wp-block-column.b2b-metrics-col{ gap: 12px !important; } .b2b-archive-adv{ min-height: 118px !important; } .b2b-archive-label{ min-height: 32px !important; font-size: 11px !important; } .b2b-archive-icon .geodir_post_meta i, .b2b-archive-icon .geodir_post_meta svg{ font-size: 18px !important; width: 18px !important; height: 18px !important; line-height: 18px !important; flex-basis: 18px !important; } .b2b-archive-badge{ min-width: 24px !important; height: 24px !important; padding: 0 7px !important; font-size: 11px !important; } .b2b-archive-badge--wide{ min-width: 84px !important; min-height: 28px !important; padding: 6px 10px !important; font-size: 9px !important; border-radius: 14px !important; } } /* ========================================================= B2BSTAY – Featured compact cards FINAL CLEAN Scope: - .b2b-featured-stays - .b2b-featured-spaces Uso Elementor: - Featured Stays -> classe container: b2b-featured-stays - Featured Spaces -> classe container: b2b-featured-spaces Mostra solo: - immagine/ribbon - titolo max 2 righe - CTA Nasconde: - descrizione - metriche - dettagli tecnici - adv ========================================================= */ .b2b-featured-stays, .b2b-featured-spaces { --b2b-featured-img-ratio: 16 / 9; --b2b-featured-card-pad: 14px; --b2b-featured-radius: 14px; --b2b-featured-img-radius: 10px; --b2b-featured-title-size: 15px; --b2b-featured-title-line: 1.28; --b2b-featured-title-height: calc(var(--b2b-featured-title-size) * var(--b2b-featured-title-line) * 2); } /* Reset griglia/lista Featured: evita stretch verticale e margini archive */ .b2b-featured-stays .geodir-gridview, .b2b-featured-stays .geodir-listview, .b2b-featured-spaces .geodir-gridview, .b2b-featured-spaces .geodir-listview { align-items: flex-start !important; } .b2b-featured-stays .geodir-gridview li, .b2b-featured-stays .geodir-listview li, .b2b-featured-spaces .geodir-gridview li, .b2b-featured-spaces .geodir-listview li { height: auto !important; min-height: 0 !important; margin-bottom: 0 !important; display: flex !important; flex-direction: column !important; } /* Card */ .b2b-featured-stays .geodir-post, .b2b-featured-spaces .geodir-post, .b2b-featured-stays .geodir-post > .card, .b2b-featured-spaces .geodir-post > .card { height: auto !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; } .b2b-featured-stays .geodir-post > .card, .b2b-featured-spaces .geodir-post > .card { padding: var(--b2b-featured-card-pad) !important; border-radius: var(--b2b-featured-radius) !important; border: 1px solid rgba(44, 83, 122, 0.16) !important; background: #ffffff !important; box-shadow: 0 10px 24px rgba(44, 83, 122, 0.10) !important; overflow: hidden !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important; } .b2b-featured-stays .geodir-post > .card:hover, .b2b-featured-spaces .geodir-post > .card:hover { transform: translateY(-2px) !important; border-color: rgba(44, 83, 122, 0.28) !important; box-shadow: 0 14px 30px rgba(44, 83, 122, 0.16) !important; } /* Reset padding interni ereditati dal blocco archive */ .b2b-featured-stays .wp-block-geodirectory-geodir-widget-post-title, .b2b-featured-stays .wp-block-geodirectory-geodir-widget-post-content, .b2b-featured-stays .wp-block-geodirectory-geodir-widget-dynamic-content, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-post-title, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-post-content, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-dynamic-content { padding-left: 0 !important; padding-right: 0 !important; } /* Immagine */ .b2b-featured-stays .wp-block-geodirectory-geodir-widget-post-images, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-post-images { margin: 0 !important; padding: 0 !important; } .b2b-featured-stays .wp-block-geodirectory-geodir-widget-post-images img, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-post-images img { display: block !important; width: 100% !important; aspect-ratio: var(--b2b-featured-img-ratio) !important; object-fit: cover !important; border-radius: var(--b2b-featured-img-radius) !important; margin: 0 !important; } /* Titolo max 2 righe */ .b2b-featured-stays .wp-block-geodirectory-geodir-widget-post-title, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-post-title { margin: 12px 0 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; height: var(--b2b-featured-title-height) !important; min-height: var(--b2b-featured-title-height) !important; max-height: var(--b2b-featured-title-height) !important; overflow: hidden !important; } .b2b-featured-stays .wp-block-geodirectory-geodir-widget-post-title *, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-post-title * { margin: 0 !important; padding: 0 !important; font-size: var(--b2b-featured-title-size) !important; line-height: var(--b2b-featured-title-line) !important; font-weight: 700 !important; text-decoration: none !important; } .b2b-featured-stays .wp-block-geodirectory-geodir-widget-post-title a, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-post-title a { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* Nasconde descrizione/excerpt */ .b2b-featured-stays .wp-block-geodirectory-geodir-widget-post-content, .b2b-featured-stays .wp-block-geodirectory-geodir-widget-post-content p, .b2b-featured-stays .geodir-field-post_content, .b2b-featured-stays .geodir-field-post_content p, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-post-content, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-post-content p, .b2b-featured-spaces .geodir-field-post_content, .b2b-featured-spaces .geodir-field-post_content p { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* Nasconde metriche/dettagli/adv */ .b2b-featured-stays .b2b-metrics-grid, .b2b-featured-stays .wp-block-columns.b2b-metrics-grid, .b2b-featured-stays .b2b-archive-adv, .b2b-featured-spaces .b2b-metrics-grid, .b2b-featured-spaces .wp-block-columns.b2b-metrics-grid, .b2b-featured-spaces .b2b-archive-adv { display: none !important; width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* IMPORTANTISSIMO: elimina padding-bottom 30px ereditato dal blocco Archive */ .b2b-featured-stays .wp-block-geodirectory-geodir-widget-dynamic-content:last-child, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-dynamic-content:last-child { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* CTA compatta */ .b2b-featured-stays .b2b-archive-cta, .b2b-featured-spaces .b2b-archive-cta { margin: 12px 0 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; flex: 0 0 auto !important; } .b2b-featured-stays .b2b-archive-cta a, .b2b-featured-spaces .b2b-archive-cta a { --cta-height: 36px; --cta-font-size: 13px; min-height: 36px !important; height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 13px !important; line-height: 36px !important; } /* Mobile */ @media (max-width: 767px) { .b2b-featured-stays, .b2b-featured-spaces { --b2b-featured-card-pad: 12px; --b2b-featured-title-size: 14px; } .b2b-featured-stays .geodir-gridview li, .b2b-featured-stays .geodir-listview li, .b2b-featured-spaces .geodir-gridview li, .b2b-featured-spaces .geodir-listview li { width: calc(100% - 16px) !important; margin: 0 auto 18px !important; } .b2b-featured-stays .wp-block-geodirectory-geodir-widget-post-title, .b2b-featured-spaces .wp-block-geodirectory-geodir-widget-post-title { margin-top: 10px !important; } .b2b-featured-stays .b2b-archive-cta, .b2b-featured-spaces .b2b-archive-cta { margin-top: 10px !important; } .b2b-featured-stays .b2b-archive-cta a, .b2b-featured-spaces .b2b-archive-cta a { --cta-height: 34px; --cta-font-size: 13px; min-height: 34px !important; height: 34px !important; line-height: 34px !important; } } /* ========================================================= */ .bsui fieldset[data-rule-type="fieldset"] > small.text-muted { display: block; margin: 4px 0 14px; font-size: 1.1rem !important; font-weight: 600; line-height: 1.4; font-style: normal; color: #495057 !important; } /* ========================================================= B2BSTAY – UsersWP Register/Login popup (Bootstrap modal) Contenitore adattabile + altezza viewport + tabs che wrappano + Titoli dinamici FIX: - LOGIN : "Login to B2BSTAY" - REGISTER: "Create your B2BSTAY Account" ========================================================= */ /* 1) Modal width responsive */ .uwp-auth-modal.bsui .modal-dialog { width: min(760px, calc(100vw - 24px)); max-width: calc(100vw - 24px); margin: 12px auto; } @media (max-width: 768px) { .uwp-auth-modal.bsui .modal-dialog { width: calc(100vw - 16px); max-width: calc(100vw - 16px); margin: 8px auto; } } /* 2) Modal height responsive + scroll interno */ .uwp-auth-modal.bsui .modal-content { max-height: calc(100vh - 24px); overflow: hidden; /* lo scroll lo facciamo nel body */ border-radius: 14px; } /* 3) Header sticky + titolo centrato + X a destra */ .uwp-auth-modal.bsui .modal-header { position: sticky; top: 0; z-index: 10; background: #fff; display: flex; justify-content: center; align-items: center; } /* Titolo centrato (il testo reale viene gestito sotto) */ .uwp-auth-modal.bsui .modal-title{ width: 100%; text-align: center; margin: 0; } /* X sempre a destra */ .uwp-auth-modal.bsui .modal-header .btn-close{ position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } /* 4) Body scrollabile */ .uwp-auth-modal.bsui .card-body { overflow-y: auto; max-height: calc(100vh - 150px); /* header + margini */ -webkit-overflow-scrolling: touch; padding-bottom: 18px; } /* 5) Tabs register: wrap su 2 righe */ .uwp-auth-modal.bsui .uwp-tabs, .uwp-auth-modal.bsui .uwp-form-tabs, .uwp-auth-modal.bsui .uwp-register-tabs, .uwp-auth-modal.bsui ul.uwp-login-tabs, .uwp-auth-modal.bsui .nav-tabs { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 14px !important; padding: 0 !important; } .uwp-auth-modal.bsui .uwp-tabs li, .uwp-auth-modal.bsui .uwp-form-tabs li, .uwp-auth-modal.bsui .uwp-register-tabs li, .uwp-auth-modal.bsui ul.uwp-login-tabs li, .uwp-auth-modal.bsui .nav-tabs > li, .uwp-auth-modal.bsui .nav-tabs .nav-item { float: none !important; flex: 1 1 200px !important; min-width: 160px !important; } .uwp-auth-modal.bsui .uwp-tabs li a, .uwp-auth-modal.bsui .uwp-form-tabs li a, .uwp-auth-modal.bsui .uwp-register-tabs li a, .uwp-auth-modal.bsui ul.uwp-login-tabs li a, .uwp-auth-modal.bsui .nav-tabs .nav-link, .uwp-auth-modal.bsui .nav-tabs a { display: block !important; white-space: normal !important; text-align: center !important; line-height: 1.2 !important; padding: 10px 12px !important; } /* ========================================================= TITOLI DINAMICI (solo CSS) – FIX ROBUSTO ========================================================= */ /* Base: nasconde "Login/Register" originale e mostra titolo LOGIN */ .uwp-auth-modal.bsui .modal-title{ font-size: 0 !important; line-height: 0 !important; } .uwp-auth-modal.bsui .modal-title::after{ content: "Login to B2BSTAY" !important; display: block !important; font-size: 18px !important; line-height: 1.2 !important; font-weight: 700 !important; } /* Override REGISTER: tabs presenti oppure campi tipici di registrazione */ .uwp-auth-modal.bsui:has(.uwp-tabs) .modal-title::after, .uwp-auth-modal.bsui:has(.uwp-form-tabs) .modal-title::after, .uwp-auth-modal.bsui:has(.uwp-register-tabs) .modal-title::after, .uwp-auth-modal.bsui:has(.nav-tabs) .modal-title::after, .uwp-auth-modal.bsui:has(input[name*="confirm_email"]) .modal-title::after, .uwp-auth-modal.bsui:has(input[name*="confirm_password"]) .modal-title::after{ content: "Create your B2BSTAY Account" !important; } .geodir-pricing-container li[data-geodir-feature="free_trial"], .geodir-pricing-container li[data-geodir-feature="html_editor"]{ display: none !important; } /* ========================================================= B2BSTAY – TERMS: PATCH / OVERRIDE (WPML-safe) Scope: only inside .legal-terms ========================================================= */ /* --------------------------- TOP BUTTONS (HOST / BUYER) --------------------------- */ /* Container */ .legal-terms .b2b-legal-scope-nav{ margin: 14px 0 28px !important; display: flex !important; justify-content: center !important; gap: 10px !important; flex-wrap: wrap !important; } /* Buttons */ .legal-terms a.b2b-legal-scope-btn{ display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #2b577a !important; color: #ffffff !important; border: 1px solid #2b577a !important; padding: 10px 18px !important; border-radius: 999px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .02em !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; /* Woodmart/WP link resets */ box-shadow: none !important; } .legal-terms a.b2b-legal-scope-btn:hover{ filter: brightness(0.95); text-decoration: none !important; color: #ffffff !important; } .legal-terms a.b2b-legal-scope-btn:focus, .legal-terms a.b2b-legal-scope-btn:focus-visible{ outline: 2px solid rgba(43,87,122,.35) !important; outline-offset: 2px !important; } /* Mobile */ @media (max-width: 480px){ .legal-terms a.b2b-legal-scope-btn{ width: 100% !important; max-width: 260px !important; } } /* --------------------------- READ AND APPROVE BUTTONS --------------------------- */ .legal-terms .legal-ack-wrap{ margin: 0 0 16px !important; /* spazio sotto */ display: flex !important; justify-content: center !important; } .legal-terms button.legal-ack{ display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #2b577a !important; color: #ffffff !important; border: 1px solid #2b577a !important; padding: 10px 18px !important; border-radius: 999px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .02em !important; line-height: 1 !important; cursor: pointer !important; /* neutralizza stili tema */ box-shadow: none !important; min-height: 0 !important; } .legal-terms button.legal-ack:hover{ filter: brightness(0.95); } .legal-terms button.legal-ack:focus, .legal-terms button.legal-ack:focus-visible{ outline: 2px solid rgba(43,87,122,.35) !important; outline-offset: 2px !important; } .wd-sticky-nav:is(:hover, .wd-opened) { width: 170px !important; } /* ========================================================== B2BSTAY – BetterDocs external FAQ menu ========================================================== */ .b2b-betterdocs-faq-menu-shortcode{ width: 100%; } .b2b-betterdocs-faq-menu-shell{ width: 100%; } .b2b-betterdocs-faq-menu-shell .betterdocs-faq-inner-wrapper{ display: block !important; } .b2b-betterdocs-faq-menu-shell .b2b-betterdocs-faq-tab-wrapper{ display: flex !important; flex-direction: column !important; gap: 18px; } .b2b-betterdocs-faq-menu-shell .b2b-betterdocs-menu-tab{ width: 100%; cursor: pointer; box-sizing: border-box; border-radius: 10px; transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease; } .b2b-betterdocs-faq-menu-shell .b2b-betterdocs-menu-tab img, .b2b-betterdocs-faq-menu-shell .b2b-betterdocs-menu-tab .faq-group-image{ width: 24px; height: 24px; min-width: 24px; object-fit: contain; } .b2b-betterdocs-faq-menu-shell .b2b-betterdocs-menu-tab .faq-tab-title{ line-height: 1.35; } .b2b-betterdocs-faq-menu-shell .b2b-betterdocs-menu-tab:hover{ box-shadow: none; } @media (max-width: 767px){ .b2b-betterdocs-faq-menu-shell .b2b-betterdocs-faq-tab-wrapper{ gap: 12px; } } #geodir_fieldset_details > h3.h3, fieldset#geodir_fieldset_details > .h3 { display: none !important; } #geodir_fieldset_details { margin:0 !important; padding:0 !important; border:0; } /* ========================================================= B2BSTAY – Available Cities gap verticale = gap orizzontale ========================================================= */ .elementor-element.elementor-element-c884c2b, .elementor-element.elementor-element-c884c2b > .elementor-widget-container, .elementor-element.elementor-element-c884c2b .geodir-lw-locations, .elementor-element.elementor-element-c884c2b .geodir-category-list-in, .elementor-element.elementor-element-c884c2b .geodir-location-list { width: 100% !important; text-align: center !important; } .elementor-element.elementor-element-c884c2b .gd-rows-popular-locations { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; align-content: center !important; gap: 8px !important; /* stesso spazio orizzontale e verticale */ width: 100% !important; margin: 0 auto !important; padding: 0 0 8px 0 !important; text-align: center !important; } .elementor-element.elementor-element-c884c2b .bsui.gd-badge-meta { display: inline-flex !important; float: none !important; margin: 0 !important; padding: 0 !important; /* rimosso spazio extra sotto */ } .elementor-element.elementor-element-c884c2b .gd-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; float: none !important; margin: 0 !important; } .elementor-element.elementor-element-c884c2b p { width: 100% !important; margin: 0 0 18px 0 !important; text-align: center !important; } /* ========================================================== B2BSTAY – HOME Explore list FIX COMPLETO CORRETTO per widget GD Listings scope: .b2b-home-explore-list ========================================================== */ .b2b-home-explore-list{ --b2b-explore-h: 525px; --b2b-thumb: 112px; --b2b-gap-x: 18px; --b2b-gap-y: 8px; --b2b-divider: #e5e5e5; --b2b-title: #111; --b2b-text: #7a7a7a; position: relative !important; min-width: 0 !important; } /* reset */ .b2b-home-explore-list *, .b2b-home-explore-list *::before, .b2b-home-explore-list *::after{ box-sizing: border-box !important; } /* wrappers base */ .b2b-home-explore-list .elementor-widget-container, .b2b-home-explore-list .geodir-locations, .b2b-home-explore-list .geodir-locations.geodir_location_listing, .b2b-home-explore-list .geodir-listings{ min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== 1) LISTA VERTICALE CON SCROLL INTERNO ========================================================== */ .b2b-home-explore-list .geodir-widget-posts, .b2b-home-explore-list .geodir-gridview.geodir-widget-posts, .b2b-home-explore-list .geodir-category-list-view, .b2b-home-explore-list .geodir-listview{ display: block !important; height: var(--b2b-explore-h) !important; max-height: var(--b2b-explore-h) !important; overflow-y: auto !important; overflow-x: hidden !important; margin: 0 !important; padding: 0 10px 0 0 !important; scrollbar-width: thin; scrollbar-color: #c7c7c7 transparent; } /* scrollbar webkit */ .b2b-home-explore-list .geodir-widget-posts::-webkit-scrollbar, .b2b-home-explore-list .geodir-gridview.geodir-widget-posts::-webkit-scrollbar, .b2b-home-explore-list .geodir-category-list-view::-webkit-scrollbar, .b2b-home-explore-list .geodir-listview::-webkit-scrollbar{ width: 8px; } .b2b-home-explore-list .geodir-widget-posts::-webkit-scrollbar-track, .b2b-home-explore-list .geodir-gridview.geodir-widget-posts::-webkit-scrollbar-track, .b2b-home-explore-list .geodir-category-list-view::-webkit-scrollbar-track, .b2b-home-explore-list .geodir-listview::-webkit-scrollbar-track{ background: transparent; } .b2b-home-explore-list .geodir-widget-posts::-webkit-scrollbar-thumb, .b2b-home-explore-list .geodir-gridview.geodir-widget-posts::-webkit-scrollbar-thumb, .b2b-home-explore-list .geodir-category-list-view::-webkit-scrollbar-thumb, .b2b-home-explore-list .geodir-listview::-webkit-scrollbar-thumb{ background: #c8c8c8; border-radius: 999px; } /* row bootstrap -> lista */ .b2b-home-explore-list .geodir-widget-posts.row, .b2b-home-explore-list .geodir-gridview.row, .b2b-home-explore-list .geodir-category-list-view.row, .b2b-home-explore-list .geodir-listview.row{ display: block !important; flex-wrap: nowrap !important; margin: 0 !important; --bs-gutter-x: 0 !important; --bs-gutter-y: 0 !important; } /* colonne full width */ .b2b-home-explore-list .geodir-widget-posts.row > .col, .b2b-home-explore-list .geodir-widget-posts.row > [class*="col-"], .b2b-home-explore-list .geodir-gridview.row > .col, .b2b-home-explore-list .geodir-gridview.row > [class*="col-"], .b2b-home-explore-list .geodir-category-list-view.row > .col, .b2b-home-explore-list .geodir-category-list-view.row > [class*="col-"], .b2b-home-explore-list .geodir-listview.row > .col, .b2b-home-explore-list .geodir-listview.row > [class*="col-"]{ display: block !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== 2) PARENT GD NEUTRO ========================================================== */ .b2b-home-explore-list .geodir-post{ margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; min-height: 0 !important; height: auto !important; overflow: visible !important; transform: none !important; transition: none !important; } .b2b-home-explore-list .geodir-post:hover{ transform: none !important; box-shadow: none !important; } /* ========================================================== 3) CARD REALE DEL WIDGET -> LAYOUT DEMO ========================================================== */ .b2b-home-explore-list .geodir-post > .card, .b2b-home-explore-list .geodir-post > .card.h-100, .b2b-home-explore-list .geodir-post > .card.h-100.p-0.m-0.w-100{ display: grid !important; grid-template-columns: var(--b2b-thumb) minmax(0, 1fr) !important; grid-template-areas: "image title" "image excerpt" !important; column-gap: var(--b2b-gap-x) !important; row-gap: var(--b2b-gap-y) !important; align-items: start !important; align-content: start !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 0 22px 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--b2b-divider) !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } /* separazione tra item */ .b2b-home-explore-list .col + .col .card, .b2b-home-explore-list .col + .col .card.h-100, .b2b-home-explore-list .col + .col .card.h-100.p-0.m-0.w-100, .b2b-home-explore-list [class*="col-"] + [class*="col-"] .card, .b2b-home-explore-list [class*="col-"] + [class*="col-"] .card.h-100, .b2b-home-explore-list [class*="col-"] + [class*="col-"] .card.h-100.p-0.m-0.w-100{ padding-top: 18px !important; } /* ultimo item senza bordo finale */ .b2b-home-explore-list .geodir-widget-posts.row > .col:last-child .card, .b2b-home-explore-list .geodir-widget-posts.row > [class*="col-"]:last-child .card, .b2b-home-explore-list .geodir-gridview.row > .col:last-child .card, .b2b-home-explore-list .geodir-gridview.row > [class*="col-"]:last-child .card, .b2b-home-explore-list .geodir-category-list-view.row > .col:last-child .card, .b2b-home-explore-list .geodir-category-list-view.row > [class*="col-"]:last-child .card, .b2b-home-explore-list .geodir-listview.row > .col:last-child .card, .b2b-home-explore-list .geodir-listview.row > [class*="col-"]:last-child .card, .b2b-home-explore-list .geodir-widget-posts.row > .col:last-child .card.h-100.p-0.m-0.w-100, .b2b-home-explore-list .geodir-widget-posts.row > [class*="col-"]:last-child .card.h-100.p-0.m-0.w-100, .b2b-home-explore-list .geodir-gridview.row > .col:last-child .card.h-100.p-0.m-0.w-100, .b2b-home-explore-list .geodir-gridview.row > [class*="col-"]:last-child .card.h-100.p-0.m-0.w-100, .b2b-home-explore-list .geodir-category-list-view.row > .col:last-child .card.h-100.p-0.m-0.w-100, .b2b-home-explore-list .geodir-category-list-view.row > [class*="col-"]:last-child .card.h-100.p-0.m-0.w-100, .b2b-home-explore-list .geodir-listview.row > .col:last-child .card.h-100.p-0.m-0.w-100, .b2b-home-explore-list .geodir-listview.row > [class*="col-"]:last-child .card.h-100.p-0.m-0.w-100{ border-bottom: 0 !important; padding-bottom: 0 !important; } /* reset blocchi interni */ .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-images, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-dynamic-content, .b2b-home-explore-list .geodir-post .card > .wp-block-columns{ margin: 0 !important; padding: 0 !important; min-height: 0 !important; } /* ========================================================== 4) TOGLIE SPAZIO 1: DYNAMIC CONTENT ========================================================== */ .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-dynamic-content{ display: none !important; width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* ========================================================== 5) IMMAGINE A SINISTRA ========================================================== */ .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-images{ grid-area: image !important; width: var(--b2b-thumb) !important; min-width: var(--b2b-thumb) !important; max-width: var(--b2b-thumb) !important; align-self: start !important; overflow: hidden !important; border-radius: 14px !important; line-height: 0 !important; position: relative !important; } /* wrapper reale immagine */ .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .geodir-post-slider, .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .geodir-image-container, .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .geodir-images, .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .carousel, .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .carousel-inner, .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images a, .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .geodir-image-container > a{ display: block !important; width: var(--b2b-thumb) !important; min-width: var(--b2b-thumb) !important; max-width: var(--b2b-thumb) !important; height: var(--b2b-thumb) !important; min-height: var(--b2b-thumb) !important; max-height: var(--b2b-thumb) !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 14px !important; } /* mantiene Bootstrap/GD carousel coerente anche con slideshow OFF */ .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .carousel-item{ width: var(--b2b-thumb) !important; min-width: var(--b2b-thumb) !important; max-width: var(--b2b-thumb) !important; height: var(--b2b-thumb) !important; min-height: var(--b2b-thumb) !important; max-height: var(--b2b-thumb) !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 14px !important; } .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .carousel-item:not(.active):not(.carousel-item-next):not(.carousel-item-prev){ display: none !important; } .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .carousel-item.active, .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .carousel-item-next, .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .carousel-item-prev{ display: block !important; } .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images .ratio::before, .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images [class*="ratio-"]::before{ content: none !important; display: none !important; padding-top: 0 !important; } .b2b-home-explore-list .wp-block-geodirectory-geodir-widget-post-images img{ display: block !important; width: var(--b2b-thumb) !important; min-width: var(--b2b-thumb) !important; max-width: var(--b2b-thumb) !important; height: var(--b2b-thumb) !important; min-height: var(--b2b-thumb) !important; max-height: var(--b2b-thumb) !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; border: 0 !important; border-radius: 14px !important; box-shadow: none !important; opacity: 1 !important; } /* ========================================================== 6) TITOLO ========================================================== */ .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title{ grid-area: title !important; align-self: start !important; min-width: 0 !important; margin: 2px 0 0 0 !important; padding: 0 !important; } .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h1, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h2, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h3, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title .entry-title, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title a{ display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 700 !important; color: var(--b2b-title) !important; text-decoration: none !important; } .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title a:hover{ color: var(--b2b-title) !important; text-decoration: none !important; } /* ========================================================== 7) DESCRIZIONE SOTTO IL TITOLO ========================================================== */ .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content{ grid-area: excerpt !important; align-self: start !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content > div, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir_post_meta, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir_post_meta_value, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir-field-post_content, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content p{ display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.65 !important; color: var(--b2b-text) !important; } /* ========================================================== 8) TOGLIE SPAZIO 2 E TUTTI GLI EXTRA ========================================================== */ /* columns / metrics grid */ .b2b-home-explore-list .geodir-post .card > .wp-block-columns, .b2b-home-explore-list .b2b-metrics-grid{ display: none !important; width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* altri elementi non necessari */ .b2b-home-explore-list .b2b-featured-ribbon, .b2b-home-explore-list .b2b-archive-cta, .b2b-home-explore-list .b2b-archive-adv, .b2b-home-explore-list .gd-read-more, .b2b-home-explore-list .geodir-addtofav-wrap, .b2b-home-explore-list .geodir-addtofav, .b2b-home-explore-list .geodir-post-rating, .b2b-home-explore-list .gd-list-rating, .b2b-home-explore-list .geodir-output-location, .b2b-home-explore-list .carousel-control-prev, .b2b-home-explore-list .carousel-control-next, .b2b-home-explore-list .carousel-indicators, .b2b-home-explore-list .fa-link, .b2b-home-explore-list .fas.fa-link, .b2b-home-explore-list .geodir-i-single-prev, .b2b-home-explore-list .geodir-i-single-next{ display: none !important; } /* alert preview editor */ .b2b-home-explore-list .geodir-widget-posts .alert, .b2b-home-explore-list .geodir-widget-posts .notice, .b2b-home-explore-list .geodir-widget-posts .geodir-message{ display: none !important; } /* opzionale: niente paginazione/view all */ .b2b-home-explore-list .geodir-loop-paging, .b2b-home-explore-list .geodir-pagination, .b2b-home-explore-list .pagination, .b2b-home-explore-list .geodir-viewall-link{ display: none !important; } /* ========================================================== 9) RESPONSIVE ========================================================== */ @media (max-width: 767px){ .b2b-home-explore-list{ --b2b-explore-h: 420px; --b2b-thumb: 96px; --b2b-gap-x: 14px; --b2b-gap-y: 7px; } .b2b-home-explore-list .col + .col .card, .b2b-home-explore-list .col + .col .card.h-100, .b2b-home-explore-list .col + .col .card.h-100.p-0.m-0.w-100, .b2b-home-explore-list [class*="col-"] + [class*="col-"] .card, .b2b-home-explore-list [class*="col-"] + [class*="col-"] .card.h-100, .b2b-home-explore-list [class*="col-"] + [class*="col-"] .card.h-100.p-0.m-0.w-100{ padding-top: 14px !important; } .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h1, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h2, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h3, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title .entry-title, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title a{ font-size: 14px !important; } .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content > div, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir_post_meta, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir_post_meta_value, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir-field-post_content, .b2b-home-explore-list .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content p{ -webkit-line-clamp: 3 !important; font-size: 12.5px !important; line-height: 1.6 !important; } } /* ========================================================= B2BSTAY – Elementor mobile full width globale Fix spazio laterale Woodmart su tutte le pagine Elementor Scope: - pagine Elementor normali - template Elementor Theme Builder - GeoDirectory single/archive costruiti con Elementor - non modifica blog/articoli non Elementor ========================================================= */ @media (max-width: 767px) { /* --------------------------------------------------------- 1) Rimuove il gutter del container Woodmart quando il contenuto principale è Elementor --------------------------------------------------------- */ body.elementor-page #main-content.wd-content-layout.content-layout-wrapper.container, body[class*="elementor-page-"] #main-content.wd-content-layout.content-layout-wrapper.container, #main-content.wd-content-layout.content-layout-wrapper.container:has(> .elementor), #main-content.wd-content-layout.content-layout-wrapper.container:has(> [data-elementor-type]) { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 2) Mantiene il root Elementor dentro il viewport --------------------------------------------------------- */ body.elementor-page #main-content > .elementor, body[class*="elementor-page-"] #main-content > .elementor, #main-content:has(> .elementor) > .elementor, #main-content:has(> [data-elementor-type]) > [data-elementor-type] { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 3) Evita micro-scroll orizzontale causato da 100vw, ombre, slider, mappe, sezioni stretch --------------------------------------------------------- */ html, body { max-width: 100% !important; overflow-x: hidden !important; } body.elementor-page .main-page-wrapper, body[class*="elementor-page-"] .main-page-wrapper, body:has(#main-content > .elementor) .main-page-wrapper, body:has(#main-content > [data-elementor-type]) .main-page-wrapper { max-width: 100% !important; overflow-x: hidden !important; } /* --------------------------------------------------------- 4) Sicurezza su container Elementor moderni --------------------------------------------------------- */ body.elementor-page .e-con, body.elementor-page .e-con-inner, body[class*="elementor-page-"] .e-con, body[class*="elementor-page-"] .e-con-inner, #main-content:has(> .elementor) .e-con, #main-content:has(> .elementor) .e-con-inner, #main-content:has(> [data-elementor-type]) .e-con, #main-content:has(> [data-elementor-type]) .e-con-inner { max-width: 100% !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 5) Immagini, slider e media non devono superare il viewport --------------------------------------------------------- */ body.elementor-page img, body.elementor-page video, body.elementor-page iframe, body[class*="elementor-page-"] img, body[class*="elementor-page-"] video, body[class*="elementor-page-"] iframe, #main-content:has(> .elementor) img, #main-content:has(> .elementor) video, #main-content:has(> .elementor) iframe, #main-content:has(> [data-elementor-type]) img, #main-content:has(> [data-elementor-type]) video, #main-content:has(> [data-elementor-type]) iframe { max-width: 100% !important; box-sizing: border-box !important; } } /* ========================================================= B2BSTAY - HOME Explore tabs: Stays / Spaces / Event Venue Scope: only the container class "b2b-explore-tabs-cta". All three tabs share one layout and one state engine; only their color variables differ. ========================================================= */ .b2b-explore-tabs-cta { --b2b-explore-blue: #2c537a; --b2b-explore-green: #50947f; --b2b-explore-plum: #af527f; --b2b-explore-tab-h: 38px; --b2b-explore-tab-w: 150px; --b2b-explore-tab-font: 13px; --b2b-explore-tab-circle: 24px; --b2b-explore-shadow-blue: rgba(44, 83, 122, 0.22); --b2b-explore-shadow-green: rgba(80, 148, 127, 0.24); --b2b-explore-shadow-plum: rgba(175, 82, 127, 0.24); } .b2b-explore-tabs-cta .e-n-tabs-heading { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 100% !important; margin: 0 0 24px !important; padding: 0 !important; border: 0 !important; } .b2b-explore-tabs-cta .e-n-tabs-content, .b2b-explore-tabs-cta .e-n-tabs-content > [role="tabpanel"], .b2b-explore-tabs-cta .e-n-tabs-content > .e-con, .b2b-explore-tabs-cta .e-n-tabs-content > .e-con-full { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .b2b-explore-tabs-cta .e-n-tab-title { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: auto !important; min-width: var(--b2b-explore-tab-w) !important; max-width: 100% !important; height: var(--b2b-explore-tab-h) !important; min-height: var(--b2b-explore-tab-h) !important; max-height: var(--b2b-explore-tab-h) !important; margin: 0 !important; padding: 0 36px 0 16px !important; border: 1px solid transparent !important; border-bottom-width: 1px !important; border-radius: 999px !important; background: #ffffff !important; color: var(--b2b-explore-blue) !important; font-size: var(--b2b-explore-tab-font) !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; letter-spacing: normal !important; white-space: nowrap !important; box-shadow: 0 7px 16px rgba(44, 83, 122, 0.10) !important; overflow: hidden !important; cursor: pointer !important; appearance: none !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .15s ease, box-shadow .18s ease !important; } .b2b-explore-tabs-cta .e-n-tab-title[data-tab-index="1"] { --b2b-explore-tab-color: var(--b2b-explore-blue); --b2b-explore-tab-text: var(--b2b-explore-blue); --b2b-explore-tab-shadow: var(--b2b-explore-shadow-blue); } .b2b-explore-tabs-cta .e-n-tab-title[data-tab-index="2"] { --b2b-explore-tab-color: var(--b2b-explore-blue); --b2b-explore-tab-text: var(--b2b-explore-blue); --b2b-explore-tab-shadow: var(--b2b-explore-shadow-blue); } .b2b-explore-tabs-cta .e-n-tab-title[data-tab-index="3"] { --b2b-explore-tab-color: var(--b2b-explore-plum); --b2b-explore-tab-text: var(--b2b-explore-plum); --b2b-explore-tab-shadow: var(--b2b-explore-shadow-plum); } .b2b-explore-tabs-cta .e-n-tab-title .e-n-tab-title-text { position: relative !important; display: block !important; z-index: 3 !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: 1 !important; text-transform: none !important; letter-spacing: normal !important; } .b2b-explore-tabs-cta .e-n-tab-title::before { content: "" !important; position: absolute !important; top: 50% !important; right: 5px !important; width: var(--b2b-explore-tab-circle) !important; height: var(--b2b-explore-tab-circle) !important; border: 1px solid var(--b2b-explore-tab-color) !important; border-radius: 50% !important; background: #ffffff !important; transform: translateY(-50%) !important; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.08) !important; pointer-events: none !important; z-index: 1 !important; transition: background-color .18s ease, border-color .18s ease, transform .15s ease !important; } .b2b-explore-tabs-cta .e-n-tab-title::after { content: "\2192" !important; position: absolute !important; top: 50% !important; right: 11px !important; transform: translateY(-50%) !important; color: var(--b2b-explore-tab-color) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; pointer-events: none !important; z-index: 2 !important; border: 0 !important; margin: 0 !important; background: transparent !important; transition: color .18s ease, transform .15s ease !important; } .b2b-explore-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active) { background: #ffffff !important; color: var(--b2b-explore-tab-text) !important; border-color: var(--b2b-explore-tab-color) !important; box-shadow: 0 7px 16px rgba(44, 83, 122, 0.10) !important; } .b2b-explore-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active)::before { background: #ffffff !important; border-color: var(--b2b-explore-tab-color) !important; } .b2b-explore-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active)::after { color: var(--b2b-explore-tab-color) !important; } .b2b-explore-tabs-cta .e-n-tab-title[aria-selected="true"], .b2b-explore-tabs-cta .e-n-tab-title.e-active { background: var(--b2b-explore-tab-color) !important; color: #ffffff !important; border-color: var(--b2b-explore-tab-color) !important; box-shadow: 0 9px 17px var(--b2b-explore-tab-shadow) !important; } .b2b-explore-tabs-cta .e-n-tab-title[aria-selected="true"]::before, .b2b-explore-tabs-cta .e-n-tab-title.e-active::before { background: rgba(255, 255, 255, 0.96) !important; border-color: var(--b2b-explore-tab-color) !important; } .b2b-explore-tabs-cta .e-n-tab-title[aria-selected="true"]::after, .b2b-explore-tabs-cta .e-n-tab-title.e-active::after { color: var(--b2b-explore-tab-color) !important; } .b2b-explore-tabs-cta .e-n-tab-title:hover, .b2b-explore-tabs-cta .e-n-tab-title:focus { transform: translateY(-1px) !important; } .b2b-explore-tabs-cta .e-n-tab-title:focus-visible { transform: translateY(-1px) !important; outline: 2px solid rgba(44, 83, 122, 0.35) !important; outline-offset: 3px !important; } .b2b-explore-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active):hover, .b2b-explore-tabs-cta .e-n-tab-title:not([aria-selected="true"]):not(.e-active):focus { box-shadow: 0 9px 18px rgba(44, 83, 122, 0.14) !important; } .b2b-explore-tabs-cta .e-n-tab-title[aria-selected="true"]:hover, .b2b-explore-tabs-cta .e-n-tab-title[aria-selected="true"]:focus, .b2b-explore-tabs-cta .e-n-tab-title.e-active:hover, .b2b-explore-tabs-cta .e-n-tab-title.e-active:focus { background: var(--b2b-explore-tab-color) !important; color: #ffffff !important; border-color: var(--b2b-explore-tab-color) !important; box-shadow: 0 9px 17px var(--b2b-explore-tab-shadow) !important; } .b2b-explore-tabs-cta .e-n-tab-title:hover::before, .b2b-explore-tabs-cta .e-n-tab-title:focus::before, .b2b-explore-tabs-cta .e-n-tab-title:hover::after, .b2b-explore-tabs-cta .e-n-tab-title:focus::after { transform: translateY(-50%) !important; } .b2b-explore-tabs-cta .e-n-tab-title:active { transform: translateY(0) !important; } @media (max-width: 767px) { .b2b-explore-tabs-cta { --b2b-explore-tab-h: 34px; --b2b-explore-tab-font: 12px; --b2b-explore-tab-circle: 20px; width: 100% !important; max-width: 100% !important; } .b2b-explore-tabs-cta .e-n-tabs-heading { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 0 0 16px !important; } .b2b-explore-tabs-cta .e-n-tab-title { display: flex !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: var(--b2b-explore-tab-h) !important; min-height: var(--b2b-explore-tab-h) !important; max-height: var(--b2b-explore-tab-h) !important; padding: 0 27px 0 8px !important; font-size: var(--b2b-explore-tab-font) !important; } .b2b-explore-tabs-cta .e-n-tab-title::before { right: 4px !important; } .b2b-explore-tabs-cta .e-n-tab-title::after { right: 9px !important; font-size: 12px !important; } } @media (max-width: 390px) { .b2b-explore-tabs-cta { --b2b-explore-tab-h: 32px; --b2b-explore-tab-font: 10px; --b2b-explore-tab-circle: 18px; } .b2b-explore-tabs-cta .e-n-tabs-heading { gap: 6px !important; } .b2b-explore-tabs-cta .e-n-tab-title { padding: 0 23px 0 6px !important; } .b2b-explore-tabs-cta .e-n-tab-title::before { right: 3px !important; } .b2b-explore-tabs-cta .e-n-tab-title::after { right: 7px !important; font-size: 10px !important; } } /* ========================================================= 2) HOME Explore – GD Listings premium list Scope: stesso container GD con classi: b2b-home-explore-list b2b-home-explore-premium Non tocca: - Featured Stays - Featured Spaces - Archive generali ========================================================= */ .b2b-home-explore-list.b2b-home-explore-premium { --b2b-explore-h: 525px; --b2b-thumb: 112px; --b2b-gap-x: 18px; --b2b-gap-y: 8px; --b2b-divider: rgba(44, 83, 122, 0.10); --b2b-title: #162234; --b2b-text: #667085; --b2b-card-border: rgba(44, 83, 122, 0.12); --b2b-card-border-hover: rgba(80, 148, 127, 0.55); --b2b-card-shadow: 0 10px 24px rgba(44, 83, 122, 0.08); --b2b-card-shadow-hover: 0 14px 30px rgba(44, 83, 122, 0.14); } /* Scroll list più rifinito */ .b2b-home-explore-list.b2b-home-explore-premium .geodir-widget-posts, .b2b-home-explore-list.b2b-home-explore-premium .geodir-gridview.geodir-widget-posts, .b2b-home-explore-list.b2b-home-explore-premium .geodir-category-list-view, .b2b-home-explore-list.b2b-home-explore-premium .geodir-listview { padding: 4px 12px 4px 4px !important; scrollbar-color: rgba(80, 148, 127, 0.55) transparent !important; } .b2b-home-explore-list.b2b-home-explore-premium .geodir-widget-posts::-webkit-scrollbar-thumb, .b2b-home-explore-list.b2b-home-explore-premium .geodir-gridview.geodir-widget-posts::-webkit-scrollbar-thumb, .b2b-home-explore-list.b2b-home-explore-premium .geodir-category-list-view::-webkit-scrollbar-thumb, .b2b-home-explore-list.b2b-home-explore-premium .geodir-listview::-webkit-scrollbar-thumb { background: rgba(80, 148, 127, 0.58) !important; } /* Spazio tra item */ .b2b-home-explore-list.b2b-home-explore-premium .geodir-widget-posts.row > .col + .col, .b2b-home-explore-list.b2b-home-explore-premium .geodir-widget-posts.row > [class*="col-"] + [class*="col-"], .b2b-home-explore-list.b2b-home-explore-premium .geodir-gridview.row > .col + .col, .b2b-home-explore-list.b2b-home-explore-premium .geodir-gridview.row > [class*="col-"] + [class*="col-"], .b2b-home-explore-list.b2b-home-explore-premium .geodir-listview.row > .col + .col, .b2b-home-explore-list.b2b-home-explore-premium .geodir-listview.row > [class*="col-"] + [class*="col-"] { margin-top: 12px !important; } /* Card item premium */ .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card.h-100, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card.h-100.p-0.m-0.w-100 { position: relative !important; display: grid !important; grid-template-columns: var(--b2b-thumb) minmax(0, 1fr) !important; grid-template-areas: "image title" "image excerpt" !important; column-gap: var(--b2b-gap-x) !important; row-gap: var(--b2b-gap-y) !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 14px 16px !important; background: #ffffff !important; border: 1px solid var(--b2b-card-border) !important; border-left: 4px solid transparent !important; border-radius: 18px !important; box-shadow: var(--b2b-card-shadow) !important; overflow: hidden !important; transform: none !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease !important; } /* Override separazione vecchia: non aumentare padding-top */ .b2b-home-explore-list.b2b-home-explore-premium .col + .col .card, .b2b-home-explore-list.b2b-home-explore-premium .col + .col .card.h-100, .b2b-home-explore-list.b2b-home-explore-premium .col + .col .card.h-100.p-0.m-0.w-100, .b2b-home-explore-list.b2b-home-explore-premium [class*="col-"] + [class*="col-"] .card, .b2b-home-explore-list.b2b-home-explore-premium [class*="col-"] + [class*="col-"] .card.h-100, .b2b-home-explore-list.b2b-home-explore-premium [class*="col-"] + [class*="col-"] .card.h-100.p-0.m-0.w-100 { padding: 14px 16px !important; } /* Anche ultimo item resta card, non torna trasparente */ .b2b-home-explore-list.b2b-home-explore-premium .geodir-widget-posts.row > .col:last-child .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-widget-posts.row > [class*="col-"]:last-child .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-gridview.row > .col:last-child .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-gridview.row > [class*="col-"]:last-child .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-listview.row > .col:last-child .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-listview.row > [class*="col-"]:last-child .card { padding: 14px 16px !important; border: 1px solid var(--b2b-card-border) !important; border-left: 4px solid transparent !important; } /* Hover card */ .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card:hover, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card.h-100:hover, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card.h-100.p-0.m-0.w-100:hover { transform: translateY(-2px) !important; border-color: var(--b2b-card-border-hover) !important; border-left-color: var(--b2b-explore-green) !important; box-shadow: var(--b2b-card-shadow-hover) !important; } /* Immagine premium */ .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-images { border-radius: 16px !important; box-shadow: 0 6px 14px rgba(44, 83, 122, 0.10) !important; background: #ffffff !important; } .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .geodir-post-slider, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .geodir-image-container, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .geodir-images, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .carousel, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .carousel-inner, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images a, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .geodir-image-container > a, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .carousel-item, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images img { border-radius: 16px !important; } .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images img { transition: transform .25s ease !important; } .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card:hover .wp-block-geodirectory-geodir-widget-post-images img { transform: scale(1.035) !important; } /* Titolo */ .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title { margin-top: 1px !important; } .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h1, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h2, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h3, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title .entry-title, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title a { color: var(--b2b-title) !important; font-size: 15.5px !important; line-height: 1.35 !important; font-weight: 800 !important; } .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card:hover .wp-block-geodirectory-geodir-widget-post-title a { color: var(--b2b-explore-blue) !important; } /* Descrizione più compatta */ .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content > div, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir_post_meta, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir_post_meta_value, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir-field-post_content, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content p { -webkit-line-clamp: 3 !important; color: var(--b2b-text) !important; font-size: 13px !important; line-height: 1.58 !important; } /* --------------------------------------------------------- 2) Card lista: bordo sx blu anche a riposo --------------------------------------------------------- */ .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card.h-100, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card.h-100.p-0.m-0.w-100 { border-left-color: #2c537a !important; } /* anche ultimo item mantiene il bordo sx */ .b2b-home-explore-list.b2b-home-explore-premium .geodir-widget-posts.row > .col:last-child .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-widget-posts.row > [class*="col-"]:last-child .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-gridview.row > .col:last-child .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-gridview.row > [class*="col-"]:last-child .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-listview.row > .col:last-child .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-listview.row > [class*="col-"]:last-child .card { border-left-color: #2c537a !important; } /* hover resta come piace a te: animazione + bordo verde */ .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card:hover, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card.h-100:hover, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card.h-100.p-0.m-0.w-100:hover { border-left-color: #50947f !important; } /* Mobile premium list */ @media (max-width: 767px) { .b2b-home-explore-list.b2b-home-explore-premium { --b2b-explore-h: 420px; --b2b-thumb: 88px; --b2b-gap-x: 13px; --b2b-gap-y: 6px; } .b2b-home-explore-list.b2b-home-explore-premium .geodir-widget-posts, .b2b-home-explore-list.b2b-home-explore-premium .geodir-gridview.geodir-widget-posts, .b2b-home-explore-list.b2b-home-explore-premium .geodir-category-list-view, .b2b-home-explore-list.b2b-home-explore-premium .geodir-listview { padding: 3px 9px 3px 3px !important; } .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card.h-100, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post > .card.h-100.p-0.m-0.w-100, .b2b-home-explore-list.b2b-home-explore-premium .col + .col .card, .b2b-home-explore-list.b2b-home-explore-premium [class*="col-"] + [class*="col-"] .card { padding: 11px 12px !important; border-radius: 16px !important; } .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .geodir-post-slider, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .geodir-image-container, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .geodir-images, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .carousel, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .carousel-inner, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images a, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .geodir-image-container > a, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images .carousel-item, .b2b-home-explore-list.b2b-home-explore-premium .wp-block-geodirectory-geodir-widget-post-images img { border-radius: 14px !important; } .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h1, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h2, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title h3, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title .entry-title, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-title a { font-size: 14px !important; line-height: 1.3 !important; } .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content > div, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir_post_meta, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir_post_meta_value, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content .geodir-field-post_content, .b2b-home-explore-list.b2b-home-explore-premium .geodir-post .card > .wp-block-geodirectory-geodir-widget-post-content p { -webkit-line-clamp: 2 !important; font-size: 12.5px !important; line-height: 1.5 !important; } } /* ========================================================= B2BSTAY - GD Map category filter external card TEST v3 Classe da inserire nel widget GD Map: b2b-category-map-card-bottom - filtro categorie sotto la mappa - card bianca compatta - checkbox in pill compatte tipo city badges - gap minimo tra pill - prima fila allineata alla freccia - no overlay scuro - no icone categoria ========================================================= */ .b2b-category-map-card-bottom .geodir-map-container { height: auto !important; overflow: visible !important; } .b2b-category-map-card-bottom .geodir-map-container > div[id^="sticky_map"], .b2b-category-map-card-bottom .geodir-map-container > div[id*="gd_map"], .b2b-category-map-card-bottom .geodir-map-container .geodir-map-wrap, .b2b-category-map-card-bottom .geodir-map-container .gd-map, .b2b-category-map-card-bottom .geodir-map-container .map_canvas { height: clamp(430px, 40vw, 520px) !important; min-height: 430px !important; } .b2b-category-map-card-bottom .geodir-map-cat-filter-wrap { position: static !important; inset: auto !important; top: auto !important; right: auto !important; bottom: 0 !important; left: auto !important; display: block !important; width: 100% !important; max-width: none !important; max-height: none !important; margin: 6px 0 0 !important; padding: 6px 8px !important; background: #ffffff !important; color: #2b5176 !important; border: 0 !important; border-radius: 0 0 14px 14px !important; box-shadow: none !important; overflow: visible !important; z-index: 1 !important; } .b2b-category-map-card-bottom .geodir-map-cat-filter-wrap.row { margin-left: 0 !important; margin-right: 0 !important; } .b2b-category-map-card-bottom .map-category-listing { display: grid !important; grid-template-columns: 18px 1fr !important; column-gap: 6px !important; row-gap: 0 !important; align-items: center !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } .b2b-category-map-card-bottom .map-category-listing .gd-trigger, .b2b-category-map-card-bottom .map-category-listing .gd-triggeroff, .b2b-category-map-card-bottom .map-category-listing .gd-triggeron { grid-column: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 24px !important; margin: 0 !important; padding: 0 !important; color: #2b5176 !important; line-height: 1 !important; text-align: center !important; } .b2b-category-map-card-bottom .map-category { grid-column: 2 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; align-content: flex-start !important; column-gap: 5px !important; row-gap: 5px !important; gap: 5px !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; list-style: none !important; } .b2b-category-map-card-bottom .map-category ul, .b2b-category-map-card-bottom .map-category-listing ul { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; align-content: flex-start !important; column-gap: 5px !important; row-gap: 5px !important; gap: 5px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; list-style: none !important; } .b2b-category-map-card-bottom .map-category > *, .b2b-category-map-card-bottom .map-category li, .b2b-category-map-card-bottom .map-category span, .b2b-category-map-card-bottom .map-category div, .b2b-category-map-card-bottom .map-category .form-check, .b2b-category-map-card-bottom .map-category .form-check-inline, .b2b-category-map-card-bottom .map-category .custom-control, .b2b-category-map-card-bottom .map-category .custom-checkbox, .b2b-category-map-card-bottom .map-category-listing li, .b2b-category-map-card-bottom .map-category-listing span, .b2b-category-map-card-bottom .map-category-listing div.form-check, .b2b-category-map-card-bottom .map-category-listing div.custom-control { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; list-style: none !important; } .b2b-category-map-card-bottom .map-category img, .b2b-category-map-card-bottom .map-category svg, .b2b-category-map-card-bottom .map-category-listing img, .b2b-category-map-card-bottom .map-category-listing svg { display: none !important; } .b2b-category-map-card-bottom .map-category input[type="checkbox"], .b2b-category-map-card-bottom .map-category-listing input[type="checkbox"] { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; } .b2b-category-map-card-bottom .map-category label, .b2b-category-map-card-bottom .map-category-listing label { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; min-height: 26px !important; margin: 0 !important; padding: 5px 10px !important; background: #2b5176 !important; color: #ffffff !important; border: 0 !important; border-radius: 7px !important; font-size: 10.5px !important; font-weight: 700 !important; line-height: 1.05 !important; white-space: nowrap !important; text-align: center !important; text-shadow: none !important; box-shadow: 0 6px 12px rgba(43, 81, 118, 0.18) !important; cursor: pointer !important; transition: all 0.18s ease !important; } .b2b-category-map-card-bottom .map-category label:hover, .b2b-category-map-card-bottom .map-category-listing label:hover { background: #5fae9b !important; color: #ffffff !important; transform: translateY(-1px) !important; box-shadow: 0 8px 16px rgba(95, 174, 155, 0.22) !important; } .b2b-category-map-card-bottom .map-category input[type="checkbox"]:checked + label, .b2b-category-map-card-bottom .map-category input[type="checkbox"]:checked ~ label, .b2b-category-map-card-bottom .map-category-listing input[type="checkbox"]:checked + label, .b2b-category-map-card-bottom .map-category-listing input[type="checkbox"]:checked ~ label, .b2b-category-map-card-bottom .map-category li:has(input[type="checkbox"]:checked) label, .b2b-category-map-card-bottom .map-category span:has(input[type="checkbox"]:checked) label, .b2b-category-map-card-bottom .map-category div:has(input[type="checkbox"]:checked) label, .b2b-category-map-card-bottom .map-category-listing li:has(input[type="checkbox"]:checked) label, .b2b-category-map-card-bottom .map-category-listing span:has(input[type="checkbox"]:checked) label, .b2b-category-map-card-bottom .map-category-listing div:has(input[type="checkbox"]:checked) label { background: #2b5176 !important; color: #ffffff !important; } @media (max-width: 767px) { .b2b-category-map-card-bottom .geodir-map-container > div[id^="sticky_map"], .b2b-category-map-card-bottom .geodir-map-container > div[id*="gd_map"], .b2b-category-map-card-bottom .geodir-map-container .geodir-map-wrap, .b2b-category-map-card-bottom .geodir-map-container .gd-map, .b2b-category-map-card-bottom .geodir-map-container .map_canvas { height: 360px !important; min-height: 360px !important; } .b2b-category-map-card-bottom .geodir-map-cat-filter-wrap { margin-top: 5px !important; padding: 6px 7px !important; border-radius: 0 0 12px 12px !important; } .b2b-category-map-card-bottom .map-category-listing { grid-template-columns: 18px 1fr !important; column-gap: 5px !important; } .b2b-category-map-card-bottom .map-category, .b2b-category-map-card-bottom .map-category ul, .b2b-category-map-card-bottom .map-category-listing ul { column-gap: 4px !important; row-gap: 4px !important; gap: 4px !important; } .b2b-category-map-card-bottom .map-category label, .b2b-category-map-card-bottom .map-category-listing label { min-height: 24px !important; padding: 5px 8px !important; font-size: 10px !important; border-radius: 6px !important; } } @media (max-width: 480px) { .b2b-category-map-card-bottom .map-category-listing { align-items: start !important; } .b2b-category-map-card-bottom .map-category-listing .gd-trigger, .b2b-category-map-card-bottom .map-category-listing .gd-triggeroff, .b2b-category-map-card-bottom .map-category-listing .gd-triggeron { height: 24px !important; } .b2b-category-map-card-bottom .map-category label, .b2b-category-map-card-bottom .map-category-listing label { white-space: normal !important; } } /* ========================================================= B2BSTAY - GD Map category filter external card TOP v6 Classe: b2b-category-map-card-top - filtro categorie sopra la mappa - non imposta dimensioni mappa - altezza/larghezza restano controllate da Elementor/GD Map - supporta .map-category, .map_category e .geodir-map-terms - evita conflitti con b2b-category-map-card-bottom ========================================================= */ .b2b-category-map-card-top:is(.geodir_map_container, .geodir-map-container, .geodir-map-wrap, [id^="sticky_map"]), .b2b-category-map-card-top :is(.geodir_map_container, .geodir-map-container, .geodir-map-wrap, [id^="sticky_map"]) { display: flex !important; flex-direction: column !important; box-sizing: border-box !important; overflow: hidden !important; } .b2b-category-map-card-top .geodir-map-cat-filter-wrap { order: 1 !important; flex: 0 0 auto !important; position: static !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; display: block !important; width: 100% !important; max-width: none !important; max-height: none !important; margin: 0 0 6px !important; padding: 6px 8px !important; background: #ffffff !important; color: #2b5176 !important; border: 0 !important; border-radius: 14px 14px 0 0 !important; box-shadow: none !important; overflow: visible !important; z-index: 2 !important; transform: none !important; } .b2b-category-map-card-top .geodir-map-cat-filter-wrap.row { margin-left: 0 !important; margin-right: 0 !important; } .b2b-category-map-card-top :is(.map_background, .gd-map, .map_canvas, div[id*="gd_map"]) { order: 2 !important; flex: 1 1 auto !important; min-height: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } .b2b-category-map-card-top .map-category-listing { display: grid !important; grid-template-columns: 18px 1fr !important; column-gap: 6px !important; row-gap: 0 !important; align-items: center !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: hidden !important; } .b2b-category-map-card-top .map-category-listing :is(.gd-trigger, .gd-triggeroff, .gd-triggeron) { grid-column: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 24px !important; margin: 0 !important; padding: 0 !important; color: #2b5176 !important; line-height: 1 !important; text-align: center !important; } .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms) { grid-column: 2 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; align-content: flex-start !important; column-gap: 5px !important; row-gap: 5px !important; gap: 5px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: hidden !important; list-style: none !important; } .b2b-category-map-card-top :is(.map-category, .map_category, .map-category-listing) ul, .b2b-category-map-card-top ul.geodir-map-terms { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; align-content: flex-start !important; column-gap: 5px !important; row-gap: 5px !important; gap: 5px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; list-style: none !important; } .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms) > *, .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) :is(li, span, div.form-check, div.custom-control, .form-check-inline, .custom-control, .custom-checkbox) { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; list-style: none !important; } .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms) :is(img, svg, i) { display: none !important; } .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) input[type="checkbox"] { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; } .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) label, .b2b-category-map-card-top .geodir-map-terms > li:not(:has(label)) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; min-height: 26px !important; margin: 0 !important; padding: 5px 10px !important; background: #2b5176 !important; color: #ffffff !important; border: 0 !important; border-radius: 7px !important; font-size: 10.5px !important; font-weight: 700 !important; line-height: 1.05 !important; white-space: nowrap !important; text-align: center !important; text-shadow: none !important; box-shadow: 0 6px 12px rgba(43, 81, 118, 0.18) !important; cursor: pointer !important; transition: all 0.18s ease !important; } .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) label:hover, .b2b-category-map-card-top .geodir-map-terms > li:not(:has(label)):hover { background: #5fae9b !important; color: #ffffff !important; transform: translateY(-1px) !important; box-shadow: 0 8px 16px rgba(95, 174, 155, 0.22) !important; } .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) input[type="checkbox"]:checked + label, .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) input[type="checkbox"]:checked ~ label, .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) :is(li, span, div):has(input[type="checkbox"]:checked) label { background: #2b5176 !important; color: #ffffff !important; } /* Stato chiuso accordion GeoDirectory */ .b2b-category-map-card-top .map-category-listing:has(.gd-triggeron) :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"]), .b2b-category-map-card-top .map-category-listing:has(.fa-sliders-h:not(.d-none)) :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"]), .b2b-category-map-card-top .map-category-listing:has(.fa-chevron-down.d-none) :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"]), .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"]).d-none, .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"]).collapse:not(.show), .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"])[hidden], .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"])[style*="display: none"], .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"])[style*="display:none"] { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } @media (max-width: 767px) { .b2b-category-map-card-top .geodir-map-cat-filter-wrap { margin-bottom: 5px !important; padding: 6px 7px !important; border-radius: 12px 12px 0 0 !important; } .b2b-category-map-card-top .map-category-listing { grid-template-columns: 18px 1fr !important; column-gap: 5px !important; } .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms), .b2b-category-map-card-top :is(.map-category, .map_category, .map-category-listing) ul { column-gap: 4px !important; row-gap: 4px !important; gap: 4px !important; } .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) label, .b2b-category-map-card-top .geodir-map-terms > li:not(:has(label)) { min-height: 24px !important; padding: 5px 8px !important; font-size: 10px !important; border-radius: 6px !important; } } @media (max-width: 480px) { .b2b-category-map-card-top .map-category-listing { align-items: start !important; } .b2b-category-map-card-top .map-category-listing :is(.gd-trigger, .gd-triggeroff, .gd-triggeron) { height: 24px !important; } .b2b-category-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) label, .b2b-category-map-card-top .geodir-map-terms > li:not(:has(label)) { white-space: normal !important; } } /* ========================================================= B2BSTAY - GD Search Map post type + category filter TOP v5 Classe: b2b-search-map-card-top - Search Page con "Enable post type filter" attivo - riga 1: pill Stays / Spaces - riga 2: freccia a sinistra + categorie allineate sotto i pill - non imposta dimensioni mappa ========================================================= */ .b2b-search-map-card-top { --b2b-search-blue: #2c537a; --b2b-search-green: #50947f; --b2b-search-pill-h: 22px; --b2b-search-pill-w: 82px; --b2b-search-pill-circle: 14px; --b2b-search-shadow-blue: rgba(44, 83, 122, 0.22); } .b2b-search-map-card-top:is(.geodir_map_container, .geodir-map-container, .geodir-map-wrap, [id^="sticky_map"]), .b2b-search-map-card-top :is(.geodir_map_container, .geodir-map-container, .geodir-map-wrap, [id^="sticky_map"]) { display: flex !important; flex-direction: column !important; box-sizing: border-box !important; overflow: hidden !important; } .b2b-search-map-card-top .geodir-map-cat-filter-wrap { order: 1 !important; flex: 0 0 auto !important; position: static !important; inset: auto !important; display: block !important; width: 100% !important; max-width: none !important; max-height: none !important; margin: 0 0 6px !important; padding: 8px 8px 6px !important; background: #ffffff !important; color: #2b5176 !important; border: 0 !important; border-radius: 14px 14px 0 0 !important; box-shadow: none !important; overflow: visible !important; z-index: 2 !important; transform: none !important; } .b2b-search-map-card-top .geodir-map-cat-filter-wrap.row { margin-left: 0 !important; margin-right: 0 !important; } .b2b-search-map-card-top :is(.map_background, .gd-map, .map_canvas, div[id*="gd_map"]) { order: 2 !important; flex: 1 1 auto !important; min-height: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } .b2b-search-map-card-top .map-category-listing { display: grid !important; grid-template-columns: 18px minmax(0, 1fr) !important; grid-template-rows: auto auto !important; column-gap: 8px !important; row-gap: 7px !important; align-items: start !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } .b2b-search-map-card-top .map-category-listing :is(.gd-trigger, .gd-triggeroff, .gd-triggeron) { grid-column: 1 !important; grid-row: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; color: #2b5176 !important; line-height: 1 !important; text-align: center !important; } .b2b-search-map-card-top .map-category-listing select[id$="_posttype"], .b2b-search-map-card-top .map-category-listing select[id*="_posttype"], .b2b-search-map-card-top select#wp_widget_gd_map_posttype, .b2b-search-map-card-top .b2b-search-posttype-select-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; } .b2b-search-map-card-top .b2b-search-posttype-pills { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 2px 0 0 !important; background: transparent !important; } .b2b-search-map-card-top .b2b-search-posttype-pill { --b2b-search-pill-color: var(--b2b-search-blue); --b2b-search-pill-shadow: var(--b2b-search-shadow-blue); position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--b2b-search-pill-w) !important; min-width: var(--b2b-search-pill-w) !important; max-width: var(--b2b-search-pill-w) !important; height: var(--b2b-search-pill-h) !important; min-height: var(--b2b-search-pill-h) !important; margin: 0 !important; padding: 0 20px 0 12px !important; background: #ffffff !important; color: var(--b2b-search-blue) !important; border: 1px solid var(--b2b-search-pill-color) !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important; white-space: nowrap !important; box-shadow: 0 5px 10px rgba(44, 83, 122, 0.10) !important; overflow: hidden !important; outline: none !important; cursor: pointer !important; transition: all .18s ease !important; } .b2b-search-map-card-top .b2b-search-posttype-pill[data-value="gd_spaces"] { --b2b-search-pill-color: var(--b2b-search-blue); --b2b-search-pill-shadow: var(--b2b-search-shadow-blue); } .b2b-search-map-card-top .b2b-search-posttype-pill::before { content: "" !important; position: absolute !important; top: 50% !important; right: 4px !important; width: var(--b2b-search-pill-circle) !important; height: var(--b2b-search-pill-circle) !important; border-radius: 50% !important; border: 1px solid var(--b2b-search-pill-color) !important; background: #ffffff !important; transform: translateY(-50%) !important; pointer-events: none !important; z-index: 1 !important; } .b2b-search-map-card-top .b2b-search-posttype-pill::after { content: "->" !important; position: absolute !important; top: 50% !important; right: 6px !important; transform: translateY(-50%) !important; color: var(--b2b-search-pill-color) !important; font-size: 8px !important; font-weight: 700 !important; line-height: 1 !important; pointer-events: none !important; z-index: 2 !important; } .b2b-search-map-card-top .b2b-search-posttype-pill.is-active { background: var(--b2b-search-pill-color) !important; color: #ffffff !important; border-color: var(--b2b-search-pill-color) !important; box-shadow: 0 6px 12px var(--b2b-search-pill-shadow) !important; } .b2b-search-map-card-top .b2b-search-posttype-pill.is-active::before { background: rgba(255, 255, 255, .96) !important; } .b2b-search-map-card-top .b2b-search-posttype-pill:hover, .b2b-search-map-card-top .b2b-search-posttype-pill:focus, .b2b-search-map-card-top .b2b-search-posttype-pill:focus-visible { transform: translateY(-1px) !important; outline: none !important; } .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms) { grid-column: 2 !important; grid-row: 2 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; align-content: flex-start !important; gap: 5px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: hidden !important; list-style: none !important; } .b2b-search-map-card-top :is(.map-category, .map_category, .map-category-listing) ul, .b2b-search-map-card-top ul.geodir-map-terms { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; align-content: flex-start !important; gap: 5px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; list-style: none !important; } .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms) > *, .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) :is(li, span, div.form-check, div.custom-control, .form-check-inline, .custom-control, .custom-checkbox) { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; list-style: none !important; } .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms) :is(img, svg, i) { display: none !important; } .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) input[type="checkbox"] { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; } .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) label, .b2b-search-map-card-top .geodir-map-terms > li:not(:has(label)) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; min-height: 26px !important; margin: 0 !important; padding: 5px 10px !important; background: #2b5176 !important; color: #ffffff !important; border: 0 !important; border-radius: 7px !important; font-size: 10.5px !important; font-weight: 700 !important; line-height: 1.05 !important; white-space: nowrap !important; text-align: center !important; text-shadow: none !important; box-shadow: 0 6px 12px rgba(43, 81, 118, 0.18) !important; cursor: pointer !important; transition: all 0.18s ease !important; } .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) label:hover, .b2b-search-map-card-top .geodir-map-terms > li:not(:has(label)):hover { background: #5fae9b !important; color: #ffffff !important; transform: translateY(-1px) !important; box-shadow: 0 8px 16px rgba(95, 174, 155, 0.22) !important; } .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) input[type="checkbox"]:checked + label, .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) input[type="checkbox"]:checked ~ label, .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) :is(li, span, div):has(input[type="checkbox"]:checked) label { background: #2b5176 !important; color: #ffffff !important; } .b2b-search-map-card-top .map-category-listing:has(.gd-triggeron) :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"]), .b2b-search-map-card-top .map-category-listing:has(.fa-sliders-h:not(.d-none)) :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"]), .b2b-search-map-card-top .map-category-listing:has(.fa-chevron-down.d-none) :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"]), .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"]).d-none, .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"]).collapse:not(.show), .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"])[hidden], .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"])[style*="display: none"], .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .geodir_toggle, [class*="_map_category"], [id$="_cat"])[style*="display:none"] { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } @media (max-width: 767px) { .b2b-search-map-card-top { --b2b-search-pill-h: 22px; --b2b-search-pill-w: 82px; --b2b-search-pill-circle: 14px; } .b2b-search-map-card-top .geodir-map-cat-filter-wrap { margin-bottom: 5px !important; padding: 8px 7px 6px !important; border-radius: 12px 12px 0 0 !important; } .b2b-search-map-card-top .map-category-listing { grid-template-columns: 18px minmax(0, 1fr) !important; column-gap: 5px !important; row-gap: 6px !important; } .b2b-search-map-card-top .b2b-search-posttype-pills { gap: 7px !important; } .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms), .b2b-search-map-card-top :is(.map-category, .map_category, .map-category-listing) ul { gap: 4px !important; } .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) label, .b2b-search-map-card-top .geodir-map-terms > li:not(:has(label)) { min-height: 24px !important; padding: 5px 8px !important; font-size: 10px !important; border-radius: 6px !important; } } @media (max-width: 480px) { .b2b-search-map-card-top { --b2b-search-pill-w: 78px; } .b2b-search-map-card-top .map-category-listing :is(.gd-trigger, .gd-triggeroff, .gd-triggeron) { height: 24px !important; } .b2b-search-map-card-top .b2b-search-posttype-pill { font-size: 11px !important; } .b2b-search-map-card-top :is(.map-category, .map_category, .geodir-map-terms, .map-category-listing) label, .b2b-search-map-card-top .geodir-map-terms > li:not(:has(label)) { white-space: normal !important; } } /* ========================================================= B2BSTAY – Keyboard focus visibility Restores a visible focus ring where component resets use outline: none. ========================================================= */ .elementor-widget-n-tabs.b2b-location-tabs-cta .e-n-tab-title:focus-visible, .elementor-widget-n-tabs.b2b-tabs-cta .e-n-tab-title:focus-visible, .b2b-explore-tabs-cta .e-n-tab-title:focus-visible, .geodir-loop-actions-container .geodir-sort-by > .btn:focus-visible, .elementor-widget-gd_loop_actions .geodir-sort-by > .btn:focus-visible, .geodir-loop-actions-container .geodir-save-search-wrap .btn:focus-visible, .geodir-loop-actions-container .geodir-save-search-wrap > a:focus-visible, .geodir-loop-actions-container .geodir-save-search-wrap > button:focus-visible, .elementor-widget-gd_loop_actions .geodir-save-search-wrap .btn:focus-visible, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > a:focus-visible, .elementor-widget-gd_loop_actions .geodir-save-search-wrap > button:focus-visible, .elementor-widget-gd_ppl_contact .geodir-ppl-contact .btn.btn-primary:focus-visible, .geodir-ppl-contact .btn.btn-primary:focus-visible { outline: 2px solid rgba(44, 83, 122, 0.35) !important; outline-offset: 3px !important; } /* UWP OVERRIDES */ /* B2BSTAY - Premium UsersWP account sidebar */ .b2bstay-uwp-account-menu-shortcode { --b2b-orange: #f15b32; --b2b-blue: #2c537a; --b2b-green: #50947f; --b2b-ink: #243746; --b2b-muted: #6f7c86; --b2b-line: rgba(44, 83, 122, 0.14); background: #fff; border: 1px solid var(--b2b-line); border-radius: 8px; padding: 22px 18px; box-shadow: 0 14px 38px rgba(36, 55, 70, 0.08); } .b2bstay-uwp-account-menu-user { text-align: center; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--b2b-line); } .b2bstay-uwp-account-menu-user img { border-radius: 50%; box-shadow: 0 10px 26px rgba(44, 83, 122, 0.16); } .b2bstay-uwp-account-menu-username { display: inline-block; margin-top: 12px; color: var(--b2b-blue); font-weight: 700; text-decoration: none; } .b2bstay-uwp-account-menu-username:hover { color: var(--b2b-orange); } .b2bstay-uwp-account-menu-links ul { display: flex !important; flex-direction: column !important; gap: 4px; margin: 0 !important; padding: 0 !important; } .b2bstay-uwp-account-menu-links li { width: 100%; margin: 0 !important; padding: 0 !important; } .b2bstay-uwp-account-menu-links .nav-link, .b2bstay-uwp-account-menu-links a { display: flex !important; align-items: center; gap: 10px; width: 100%; min-height: 42px; padding: 10px 12px !important; border-radius: 7px; color: var(--b2b-ink) !important; font-size: 15px; font-weight: 600; line-height: 1.2; text-decoration: none !important; transition: background-color .18s ease, color .18s ease, transform .18s ease; } .b2bstay-uwp-account-menu-links i { width: 18px; min-width: 18px; color: var(--b2b-blue); text-align: center; transition: color .18s ease; } .b2bstay-uwp-account-menu-links .nav-link:hover, .b2bstay-uwp-account-menu-links a:hover { background: rgba(80, 148, 127, 0.10); color: var(--b2b-blue) !important; transform: translateX(2px); } .b2bstay-uwp-account-menu-links .nav-link:hover i, .b2bstay-uwp-account-menu-links a:hover i { color: var(--b2b-green); } .b2bstay-uwp-account-menu-links .active, .b2bstay-uwp-account-menu-links a.active { background: var(--b2b-blue); color: #fff !important; box-shadow: 0 8px 20px rgba(44, 83, 122, 0.20); } .b2bstay-uwp-account-menu-links .active i, .b2bstay-uwp-account-menu-links a.active i { color: #fff; } /* UsersWP account submit button - bottom aligned, not full width */ .b2bstay-uwp-account-content .uwp-account-form { display: flex; flex-direction: column; min-height: 360px; } .b2bstay-uwp-account-content .uwp-account-form input[type="submit"], .b2bstay-uwp-account-content .uwp-account-form .btn[type="submit"] { align-self: start; width: auto !important; min-width: 210px; max-width: 100%; margin-top: auto !important; padding: 12px 28px !important; border-radius: 7px !important; background: #f15b32 !important; border-color: #f15b32 !important; color: #fff !important; font-weight: 700; box-shadow: 0 10px 24px rgba(241, 91, 50, 0.22); } .b2bstay-uwp-account-content .uwp-account-form input[type="submit"]:hover, .b2bstay-uwp-account-content .uwp-account-form .btn[type="submit"]:hover { background: #2c537a !important; border-color: #2c537a !important; box-shadow: 0 10px 24px rgba(44, 83, 122, 0.22); } @media (max-width: 768px) { .b2bstay-uwp-account-menu-shortcode { padding: 16px; } .b2bstay-uwp-account-content .uwp-account-form { min-height: auto; } .b2bstay-uwp-account-content .uwp-account-form input[type="submit"], .b2bstay-uwp-account-content .uwp-account-form .btn[type="submit"] { align-self: stretch; width: 100% !important; min-width: 0; } } /* 1. Bottone cambio avatar: solo icona, niente quadrato */ .b2bstay-uwp-account-menu-shortcode .uwp-banner-change-icon, .b2bstay-uwp-account-menu-shortcode .card-img-overlay a.uwp-banner-change-icon, .b2bstay-uwp-account-menu-shortcode a[onclick*="uwp_profile_image_change"] { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; color: #2c537a !important; } .b2bstay-uwp-account-menu-shortcode .uwp-banner-change-icon i, .b2bstay-uwp-account-menu-shortcode a[onclick*="uwp_profile_image_change"] i { color: #2c537a !important; font-size: 15px !important; text-shadow: 0 2px 8px rgba(255, 255, 255, 0.85); } .b2bstay-uwp-account-menu-shortcode .uwp-banner-change-icon:hover i, .b2bstay-uwp-account-menu-shortcode a[onclick*="uwp_profile_image_change"]:hover i { color: #f15b32 !important; } /* 2. Intestazione account uguale allo stile menu */ .b2bstay-uwp-account-content h3 { display: inline-flex !important; align-items: center; gap: 10px; width: auto !important; min-height: 42px; margin: 0 0 30px !important; padding: 10px 18px !important; border-radius: 6px; background: #2c537a !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; box-shadow: 0 10px 24px rgba(44, 83, 122, 0.18); } /* Forza override dei margini bootstrap UsersWP */ .b2bstay-uwp-account-content h3.mb-lg-5, .b2bstay-uwp-account-content h3.mb-4 { margin-bottom: 30px !important; } /* Account title pill with dynamic UsersWP icon */ .b2bstay-uwp-account-content .b2bstay-uwp-account-title-pill { display: inline-flex !important; align-items: center; gap: 10px; width: auto !important; min-height: 42px; margin: 0 0 30px !important; padding: 10px 18px !important; border-radius: 6px; background: #2c537a !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; box-shadow: 0 10px 24px rgba(44, 83, 122, 0.18); } .b2bstay-uwp-account-content .b2bstay-uwp-account-title-pill i { color: #fff !important; font-size: 15px; line-height: 1; } .b2bstay-uwp-account-content .b2bstay-uwp-account-title-pill span { color: #fff !important; } /* B2BSTAY - Google-style GeoDirectory marker clusters */ .gm-style div[style*="b2bstay-marker-cluster-icons"][style*="m1.png"], .gm-style div[style*="b2bstay-marker-cluster-icons"][style*="m2.png"], .gm-style div[style*="b2bstay-marker-cluster-icons"][style*="m3.png"], .gm-style div[style*="b2bstay-marker-cluster-icons"][style*="m4.png"], .gm-style div[style*="b2bstay-marker-cluster-icons"][style*="m5.png"] { border-radius: 999px !important; background-image: radial-gradient(circle, #f15b32 0 42%, rgba(44, 83, 122, .86) 44% 57%, rgba(44, 83, 122, .38) 59% 74%, rgba(44, 83, 122, .18) 76% 100%) !important; background-size: 100% 100% !important; background-position: center !important; box-shadow: 0 2px 5px rgba(44, 83, 122, .22) !important; color: #fff !important; font-weight: 700 !important; text-shadow: 0 1px 2px rgba(44, 83, 122, .55) !important; } /** * Translator Revolution DropDown WP Plugin */ .translator-dropdown-container { text-align: center !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; height: 28px !important; z-index: 999999 !important; } .translator-dropdown-container label { display: block; float: left !important; margin: 5px 5px 0 0 !important; color: #fff !important; } .translator-dropdown-container p { margin: 0 !important; border: 0 !important; font-weight: normal !important; } .translator-dropdown-container a { text-decoration: none !important; font-weight: normal !important; } .translator-dropdown-sub-container { height: 28px !important; margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; z-index: 999999 !important; } .translator-dropdown-body { position: relative !important; float: left !important; height: 21px !important; padding: 5px 3px 0 !important; background: #2c537a !important; border: 1px solid #2c537a !important; border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; margin: 0 !important; z-index: 999999 !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; } .translator-dropdown-body p { color: #fff; position: relative !important; font-weight: normal !important; } .translator-dropdown-current-language-arrow { display: block !important; width: 0 !important; height: 0 !important; border: 6px solid !important; position: absolute !important; top: 10px !important; right: 5px !important; border-color: #ccc transparent transparent !important; background: none !important; margin: 0 !important; padding: 0 !important; } .translator-dropdown-scroll-enabled { } .translator-dropdown-current-language-flag { position: absolute !important; right: 0 !important; top: 2px !important; } .translator-dropdown-languages-list-scroll { margin: 3px 0 0 0 !important; padding: 0 !important; background: none !important; border: none !important; display: none; } .translator-dropdown-languages-list-scroll-bar { background: #50947f !important; margin: 0 !important; padding: 0 !important; border: none !important; z-index: 9999999 !important; left: auto !important; } .translator-dropdown-languages-list-scroll-bar-rail { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .translator-dropdown-languages-list-opened .translator-dropdown-languages-list-scroll { display: block; z-index: 999999 !important; max-width: 85px !important; } .translator-dropdown-languages-list { margin: 3px 0 0 0 !important; padding: 0 !important; background: none !important; border: none !important; display: none; } .translator-dropdown-hover .translator-dropdown-languages-list p:hover { background-color: #f15b32 !important; } .translator-dropdown-languages-list p a { background: none !important; float: none !important; } .translator-dropdown-hover .translator-dropdown-languages-list p:hover a, .translator-dropdown-hover .translator-dropdown-languages-list p:hover a span { color: #ffffff !important; } .translator-dropdown-scroll-enabled .translator-dropdown-languages-list { overflow: hidden; margin-top: 0 !important; } .translator-dropdown-hover.translator-dropdown-scroll-enabled .translator-dropdown-languages-list:hover { overflow-y: scroll; } .translator-dropdown-languages-list p { cursor: pointer !important; border-top: 1px solid #ebebe9 !important; padding: 3px 0 !important; background: none !important; } .translator-dropdown-languages-list-opened .translator-dropdown-body { height: auto !important; background: #fff !important; border: 1px solid #ccc !important; box-shadow: 0 0 4px #bbb !important; -moz-box-shadow: 0 0 4px #bbb !important; -webkit-box-shadow: 0 0 4px #bbb !important; } .translator-dropdown-languages-list-opened .translator-dropdown-languages-list { display: block; } .translator-dropdown-sub-container table { text-align: center !important; margin: 0 auto !important; height: 20px !important; border-collapse: separate !important; border: none !important; background: #444 !important; } .translator-dropdown-sub-container table tr { background: none !important; border: none !important; } .translator-dropdown-sub-container table td { vertical-align: middle !important; background: none !important; border: none !important; height: 20px !important; line-height: 20px !important; width: auto !important; padding: 0 !important; font-family: Verdana !important; font-size: 12px; } .translator-dropdown-current-language { padding: 0 25px 0 3px !important; color: #fff !important; background: none !important; border-collapse: separate !important; } .translator-dropdown-current-language span { color: #fff !important; } .translator-dropdown-languages-list-opened .translator-dropdown-current-language, .translator-dropdown-languages-list-opened .translator-dropdown-current-language span { color: #444 !important; } .translator-dropdown-sub-container a { padding: 0 3px !important; color: #444 !important; width: 100%; text-align: left !important; } .translator-dropdown-sub-container a span { color: #444 !important; border: none !important; font-family: Verdana !important; font-size: 10px !important; text-decoration: none !important; white-space: nowrap !important; line-height: 16px !important; font-weight: normal !important; text-decoration: none !important; text-transform: none !important; text-shadow: none! important; } .translator-dropdown-sub-container p.translator-dropdown-completed { background-color: #ffffdf !important; } .translator-dropdown-sub-container p.translator-dropdown-completed a span { color: #fb8a00 !important; } .translator-dropdown-current-language, .translator-dropdown-sub-container a { font-weight: normal !important; text-decoration: none !important; height: 16px !important; display: table !important; border: none !important; font-family: Verdana !important; font-size: 10px !important; white-space: nowrap !important; vertical-align: middle !important; line-height: 16px !important; margin: 0 !important; text-align: left !important; } .translator-dropdown-hover .translator-dropdown-sub-container a:hover { text-decoration: none !important; } .translator-dropdown-current-language span, .translator-dropdown-sub-container a span { padding: 0; line-height: 16px !important; } .translator-dropdown-flags-and-names .translator-dropdown-current-language span, .translator-dropdown-flags-and-short-names .translator-dropdown-current-language span, .translator-dropdown-flags-and-names .translator-dropdown-sub-container a span, .translator-dropdown-flags-and-short-names .translator-dropdown-sub-container a span { padding-left: 3px !important; margin: 0 !important; border: none !important; font-family: Verdana !important; font-size: 10px !important; text-decoration: none !important; white-space: nowrap !important; line-height: 16px !important; font-weight: normal !important; background: none !important; text-transform: none !important; text-shadow: none! important; font-style: normal !important; text-transform: none !important; letter-spacing: normal !important; } .translator-dropdown-current-language img, .translator-dropdown-sub-container a img { border: none !important; padding: 0 !important; margin: 0 !important; vertical-align: top !important; width: 22px !important; max-width: 22px !important; height: 16px !important; max-height: 16px !important; display: inline !important; background: none !important; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; } .translator-dropdown-low-res .translator-dropdown-hide-name { display: inline-block !important; } .translator-dropdown-loading { padding-left: 16px !important; background-image: url(../images/loading.gif) !important; background-repeat: no-repeat !important; background-position: center left !important; } .translator-dropdown-hidden { display: none; } .widget.translator-dropdown-main-container { overflow: visible; } /* ========================================================== B2BSTAY — EXIT INTENT: BUNDLE OFFER Scope univoco: .b2b-bundle-exit-content Titoli: Poppins Testo: Lato ========================================================== */ .b2b-bundle-exit-content { width: 100%; max-width: 720px; margin: 0 auto; padding: 0; color: #26384a; font-family: "Lato", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; text-align: center; box-sizing: border-box; } /* Etichetta promozionale */ .b2b-bundle-exit-content .b2b-bundle-eyebrow { display: inline-flex; align-items: center; justify-content: center; width: fit-content; margin: 0 auto 14px; padding: 6px 12px; border-radius: 999px; background-color: #f15b32; color: #ffffff; font-family: "Poppins", Arial, sans-serif; font-size: 12px; font-weight: 600; line-height: 1.25; letter-spacing: 0.08em; text-align: center; text-transform: uppercase; } /* Titolo principale */ .b2b-bundle-exit-content .b2b-bundle-exit-title { margin: 0 0 18px; padding: 0; color: #162b40; font-family: "Poppins", Arial, sans-serif; font-size: clamp(24px, 3vw, 32px); font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; text-align: center; } /* Tutti i paragrafi */ .b2b-bundle-exit-content p { margin: 0 0 14px; color: #40566b; font-family: "Lato", Arial, sans-serif; font-size: inherit; font-weight: 400; line-height: inherit; text-align: center; } /* Primo paragrafo */ .b2b-bundle-exit-content .b2b-bundle-exit-intro { color: #263f56; font-size: 17px; } /* Testi evidenziati */ .b2b-bundle-exit-content strong { color: #2c537a; font-weight: 700; } /* Elenco vantaggi: blocco centrato, testi e check allineati */ .b2b-bundle-exit-content .b2b-bundle-exit-benefits { display: inline-grid; grid-template-columns: 1fr; gap: 10px; width: max-content; max-width: 100%; margin: 20px auto; padding: 0; list-style: none; text-align: left; box-sizing: border-box; } /* Singole voci */ .b2b-bundle-exit-content .b2b-bundle-exit-benefits li { position: relative; width: 100%; margin: 0; padding: 0 0 0 30px; color: #263f56; font-family: "Lato", Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 20px; text-align: left; box-sizing: border-box; } /* Check allineati verticalmente */ .b2b-bundle-exit-content .b2b-bundle-exit-benefits li::before { content: "✓"; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin: 0; border-radius: 50%; background-color: #eaf1f7; color: #2c537a; font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; box-sizing: border-box; } /* Nota finale */ .b2b-bundle-exit-content .b2b-bundle-exit-note { margin: 20px 0 0; padding: 16px 0 0; border-top: 1px solid #dce5ec; color: #52677a; font-size: 14px; line-height: 1.5; text-align: center; } /* ========================================================== RESPONSIVE — TABLET E SMARTPHONE ========================================================== */ @media (max-width: 767px) { .b2b-bundle-exit-content { max-width: 100%; font-size: 15px; line-height: 1.55; text-align: center; } .b2b-bundle-exit-content .b2b-bundle-eyebrow { margin-bottom: 12px; padding: 6px 11px; font-size: 11px; } .b2b-bundle-exit-content .b2b-bundle-exit-title { margin-bottom: 15px; font-size: clamp(22px, 7vw, 27px); line-height: 1.25; } .b2b-bundle-exit-content .b2b-bundle-exit-intro { font-size: 16px; } .b2b-bundle-exit-content .b2b-bundle-exit-benefits { gap: 9px; width: max-content; max-width: 100%; margin: 17px auto; } .b2b-bundle-exit-content .b2b-bundle-exit-benefits li { min-height: 20px; padding-left: 28px; font-size: 15px; line-height: 20px; } .b2b-bundle-exit-content .b2b-bundle-exit-benefits li::before { width: 20px; height: 20px; } .b2b-bundle-exit-content .b2b-bundle-exit-note { margin-top: 17px; padding-top: 14px; font-size: 13px; } } /* WPML – testo nero nel dropdown lingue dell’header */ .whb-top-bar .wd-nav-secondary .wd-dropdown-menu .wd-sub-menu > li > a.wpml-ls-link, .whb-top-bar .wd-nav-secondary .wd-dropdown-menu .wd-sub-menu > li > a.wpml-ls-link .nav-link-text { color: #000 !important; -webkit-text-fill-color: #000 !important; } /* === B2BSTAY: b2b-search-map-card-bottom-centered START === Unica regola canonica. Il JS sposta il filtro dopo la mappa e crea le pill Stays/Spaces. Questo CSS non modifica dimensioni della mappa e non raggiunge altri widget. ========================================================================== */ .b2b-search-map-card-bottom-centered { --b2b-smcbc-blue: #2c537a; --b2b-smcbc-green: #50947f; --b2b-smcbc-pill-width: 82px; --b2b-smcbc-pill-height: 22px; --b2b-smcbc-pill-dot: 14px; } .b2b-search-map-card-bottom-centered, .b2b-search-map-card-bottom-centered *, .b2b-search-map-card-bottom-centered *::before, .b2b-search-map-card-bottom-centered *::after { box-sizing: border-box; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-wrap, .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-wrap > .stick_trigger_container { height: auto !important; overflow: visible !important; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-controls { position: static !important; inset: auto !important; display: block !important; width: 100% !important; max-width: none !important; max-height: none !important; margin: 6px 0 0 !important; padding: 8px 8px 6px !important; overflow: visible !important; transform: none !important; z-index: auto !important; color: var(--b2b-smcbc-blue) !important; background: #fff !important; border: 0 !important; border-radius: 0 0 14px 14px !important; box-shadow: none !important; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-controls.row { margin-left: 0 !important; margin-right: 0 !important; } .b2b-search-map-card-bottom-centered .map-category-listing { position: relative !important; display: grid !important; grid-template-columns: 18px minmax(0, 1fr) 18px !important; grid-template-rows: auto auto !important; align-items: start !important; column-gap: 8px !important; row-gap: 7px !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; } .b2b-search-map-card-bottom-centered .map-category-listing > :is(.gd-trigger, .gd-triggeroff, .gd-triggeron) { grid-column: 1 !important; grid-row: 2 !important; align-self: start !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; color: var(--b2b-smcbc-blue) !important; line-height: 1 !important; text-align: center !important; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-posttype-select-native { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-posttype-pills { grid-column: 1 / -1 !important; grid-row: 1 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 2px 0 0 !important; background: transparent !important; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-posttype-pill { --b2b-smcbc-pill-color: var(--b2b-smcbc-blue); position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--b2b-smcbc-pill-width) !important; min-width: var(--b2b-smcbc-pill-width) !important; max-width: var(--b2b-smcbc-pill-width) !important; height: var(--b2b-smcbc-pill-height) !important; min-height: var(--b2b-smcbc-pill-height) !important; margin: 0 !important; padding: 0 20px 0 12px !important; overflow: hidden !important; appearance: none !important; background: #fff !important; color: var(--b2b-smcbc-blue) !important; border: 1px solid var(--b2b-smcbc-pill-color) !important; border-radius: 999px !important; box-shadow: 0 5px 10px rgba(44, 83, 122, .10) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: 0 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; outline: none !important; cursor: pointer !important; transition: transform .18s ease, box-shadow .18s ease !important; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-posttype-pill[data-value="gd_spaces"] { --b2b-smcbc-pill-color: var(--b2b-smcbc-blue); } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-posttype-pill::before { content: "" !important; position: absolute !important; top: 50% !important; right: 4px !important; width: var(--b2b-smcbc-pill-dot) !important; height: var(--b2b-smcbc-pill-dot) !important; border: 1px solid var(--b2b-smcbc-pill-color) !important; border-radius: 50% !important; background: #fff !important; transform: translateY(-50%) !important; pointer-events: none !important; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-posttype-pill::after { content: "\2192" !important; position: absolute !important; top: 50% !important; right: 6px !important; color: var(--b2b-smcbc-pill-color) !important; font-size: 8px !important; font-weight: 700 !important; line-height: 1 !important; transform: translateY(-50%) !important; pointer-events: none !important; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-posttype-pill.is-active { color: #fff !important; background: var(--b2b-smcbc-pill-color) !important; border-color: var(--b2b-smcbc-pill-color) !important; box-shadow: 0 6px 12px color-mix(in srgb, var(--b2b-smcbc-pill-color) 28%, transparent) !important; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-posttype-pill:hover, .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-posttype-pill:focus-visible { transform: translateY(-1px) !important; } .b2b-search-map-card-bottom-centered .map-category-listing > :is(.map-category, .map_category) { grid-column: 2 !important; grid-row: 2 !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; } .b2b-search-map-card-bottom-centered .map-category-listing > :is(.map-category, .map_category) > .geodir_toggle { width: 100% !important; margin: 0 !important; padding: 0 !important; } .b2b-search-map-card-bottom-centered ul.geodir-map-terms { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; align-content: flex-start !important; gap: 5px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; list-style: none !important; } .b2b-search-map-card-bottom-centered ul.geodir-map-terms > li, .b2b-search-map-card-bottom-centered ul.geodir-map-terms .form-check { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; list-style: none !important; } .b2b-search-map-card-bottom-centered ul.geodir-map-terms input[type="checkbox"] { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; opacity: 0 !important; } .b2b-search-map-card-bottom-centered ul.geodir-map-terms label { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; min-height: 26px !important; margin: 0 !important; padding: 5px 10px !important; color: #fff !important; background: var(--b2b-smcbc-blue) !important; border: 0 !important; border-radius: 7px !important; box-shadow: 0 6px 12px rgba(43, 81, 118, .18) !important; font-size: 10.5px !important; font-weight: 700 !important; line-height: 1.05 !important; text-align: center !important; text-shadow: none !important; white-space: nowrap !important; cursor: pointer !important; transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease !important; } .b2b-search-map-card-bottom-centered ul.geodir-map-terms label :is(img, svg, i) { display: none !important; } .b2b-search-map-card-bottom-centered ul.geodir-map-terms label:hover { color: #fff !important; background: #5fae9b !important; box-shadow: 0 8px 16px rgba(95, 174, 155, .22) !important; transform: translateY(-1px) !important; } .b2b-search-map-card-bottom-centered .map-category-listing:has(.gd-triggeron) > :is(.map-category, .map_category), .b2b-search-map-card-bottom-centered .map-category-listing:has(.fa-sliders-h:not(.d-none)) > :is(.map-category, .map_category), .b2b-search-map-card-bottom-centered .map-category-listing:has(.fa-chevron-down.d-none) > :is(.map-category, .map_category), .b2b-search-map-card-bottom-centered .map-category-listing > :is(.map-category, .map_category).d-none, .b2b-search-map-card-bottom-centered .map-category-listing > :is(.map-category, .map_category).collapse:not(.show), .b2b-search-map-card-bottom-centered .map-category-listing > :is(.map-category, .map_category)[hidden] { display: none !important; } @media (max-width: 767px) { .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-controls { margin-top: 5px !important; padding: 8px 7px 6px !important; border-radius: 0 0 12px 12px !important; } .b2b-search-map-card-bottom-centered .map-category-listing { column-gap: 5px !important; row-gap: 6px !important; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-posttype-pills { gap: 7px !important; } .b2b-search-map-card-bottom-centered ul.geodir-map-terms { gap: 4px !important; } .b2b-search-map-card-bottom-centered ul.geodir-map-terms label { min-height: 24px !important; padding: 5px 8px !important; border-radius: 6px !important; font-size: 10px !important; } } @media (max-width: 480px) { .b2b-search-map-card-bottom-centered { --b2b-smcbc-pill-width: 78px; } .b2b-search-map-card-bottom-centered .b2b-search-bottom-centered-posttype-pill { font-size: 11px !important; } .b2b-search-map-card-bottom-centered ul.geodir-map-terms label { white-space: normal !important; } } /* === B2BSTAY: b2b-search-map-card-bottom-centered END === */ /* B2BSTAY CARD ALIGNMENT — BUYER + HOST — START */ /* Scoped to the two translated Elementor HTML blocks only. */ :is(.elementor-31196, .elementor-31198) .elementor-widget-wd_banner { align-self: stretch; height: 100%; } :is(.elementor-31196, .elementor-31198) .elementor-widget-wd_banner > .elementor-widget-container, :is(.elementor-31196, .elementor-31198) .promo-banner-wrapper { height: 100%; } :is(.elementor-31196, .elementor-31198) .promo-banner { height: 100%; min-height: 290px; } :is(.elementor-31196, .elementor-31198) .wrapper-content-banner { height: 100%; } :is(.elementor-31196, .elementor-31198) .content-banner { display: flex; flex-direction: column; width: 100%; height: 100%; } :is(.elementor-31196, .elementor-31198) .banner-btn-wrapper { margin-top: auto !important; padding-top: 15px; } @media (max-width: 1024px) { :is(.elementor-31196, .elementor-31198) :is(.elementor-element-3064d755, .elementor-element-1d2c7bb) > .e-con-inner { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 767px) { :is(.elementor-31196, .elementor-31198) .promo-banner { min-height: 340px; } } /* B2BSTAY CARD ALIGNMENT — BUYER + HOST — END */ /* ========================================================= B2BSTAY – Titolo univoco Tag Groups Stay / Space Shortcode: [b2bstay_space_tags] [b2bstay_stay_tags] Classe dedicata: .b2bstay-tags-group-title Non modifica altri H5 del sito ========================================================= */ .b2bstay-space-tags > h5.b2bstay-tags-group-title, .b2bstay-stay-tags > h5.b2bstay-tags-group-title { display: block !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; font-family: "Poppins", sans-serif !important; font-size: 18px !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.3 !important; color: #2c537a !important; text-align: center !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; } /* Mobile */ @media (max-width: 767px) { .b2bstay-space-tags > h5.b2bstay-tags-group-title, .b2bstay-stay-tags > h5.b2bstay-tags-group-title { margin-bottom: 12px !important; font-size: 16px !important; line-height: 1.3 !important; } } /* B2BSTAY SIDEBAR KEY BLOCKS — STAY / SPACE / EVENT VENUE — START */ :is(#block-5, #gd_dynamic_content-2, #gd_dynamic_content-3) > br, :is(#block-5, #gd_dynamic_content-2, #gd_dynamic_content-3) > p:empty { display: none !important; } :is(#block-5, #gd_dynamic_content-2, #gd_dynamic_content-3) > .geodir-post-meta-container { display: block !important; margin: 0 0 10px !important; padding: 0 !important; } :is(#block-5, #gd_dynamic_content-2, #gd_dynamic_content-3) > .geodir-post-meta-container:last-of-type { margin-bottom: 0 !important; } :is(#block-5, #gd_dynamic_content-2, #gd_dynamic_content-3) .geodir_post_meta { line-height: 1.4 !important; } :is(#block-5, #gd_dynamic_content-2, #gd_dynamic_content-3) .geodir_post_meta_icon > i { display: inline-block; width: 1.25em; margin-right: 3px; text-align: center; } :is(#block-5, #gd_dynamic_content-2, #gd_dynamic_content-3) .geodir_post_meta > ul { margin: 4px 0 0 1.65rem !important; padding: 0 !important; } /* B2BSTAY SIDEBAR KEY BLOCKS — STAY / SPACE / EVENT VENUE — END */ /* UsersWP account titles: suppress only the obsolete CSS-generated duplicate icon. */ .b2bstay-uwp-account-content h3.b2bstay-uwp-account-title-pill::before { content: none; display: none; }