/* lang-strip.css — striscia lingua + motivi nautici * Aggiungere in su tutte le pagine */ /* ===== LANG STRIP — disabilitata (duplicava il lang switcher inline in nav) ===== */ .lrf-lang-strip { display: none !important; } /* ===== PADDING UNIFORME — hero/section/cta su tutte le pagine ===== */ .hero { padding: clamp(44px, 6vw, 72px) clamp(16px, 3vw, 24px) !important; } .section, section.section { padding: clamp(40px, 5vw, 56px) clamp(16px, 3vw, 24px); } .section__inner { max-width: 1100px; margin: 0 auto; } /* Footer padding coerente */ .lrf-footer { padding: clamp(32px, 5vw, 48px) clamp(16px, 3vw, 24px) !important; } /* Header flags decorative — padding coerente */ .lrf-header-flags { padding: 6px clamp(12px, 2vw, 16px) !important; } .lrf-lang-btn { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 3px; color: rgba(255,255,255,0.55); text-decoration: none; transition: color 0.15s, background 0.15s; border: 1px solid transparent; } .lrf-lang-btn svg { border-radius: 2px; flex-shrink: 0; box-shadow: 0 0 0 1px rgba(255,255,255,0.15); } .lrf-lang-btn span { font-weight: 500; font-size: 11px; line-height: 1; } .lrf-lang-btn:hover { color: #fff; background: rgba(255,255,255,0.08); } .lrf-lang-btn--active { color: #fff; border-color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.06); } /* ===== SVG ICONS per bottom-bar e categorie ===== */ /* Tutte le icone usano currentColor — monocolore flat */ .lrf-icon { display: inline-block; width: 22px; height: 22px; flex-shrink: 0; } /* Icone inline universali (rimpiazzo emoji) */ .lrf-i { display: inline-block; vertical-align: -0.18em; width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; } /* Override l'inline width/height da 16px per scalare con font-size dove serve */ h1 .lrf-i, h2 .lrf-i, h3 .lrf-i { width: 0.9em; height: 0.9em; vertical-align: -0.12em; } .lrf-bottom-bar .lrf-bottom-bar__icon { display: flex; align-items: center; justify-content: center; line-height: 1; } .lrf-bottom-bar__icon svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* Card icon SVG */ .card__icon svg { width: 30px; height: 30px; stroke: var(--lrf-mare, #1B6DAA); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } /* ===== PORTO CATEGORY (13) ===== */ .poi-badge--13 { background: var(--lrf-mare, #1B6DAA); color: #fff; } /* ===== MOTIVI NAUTICI decorativi ===== */ /* Striscia di bandiere nautiche sotto il titolo del footer (riga unica, no-wrap) */ .lrf-signal-flags { display: flex; gap: 6px; align-items: center; justify-content: flex-start; padding: 10px 0; overflow: hidden; flex-wrap: nowrap; white-space: nowrap; } .lrf-signal-flag { width: 18px; height: 26px; flex-shrink: 0; border-radius: 1px; box-shadow: 0 1px 3px rgba(0,0,0,0.25); } /* Bandiere navali via SVG inline — vedi _nautical-flags.html */ /* ===== FOOTER POI COLUMN ===== */ .lrf-footer-poi { min-width: 200px; } .lrf-footer-poi strong { color: var(--lrf-sabbia, #FAF4E8); font-family: var(--lrf-font-display, 'Bodoni Moda'), serif; font-size: 16px; display: block; margin-bottom: 10px; } .lrf-footer-poi ul { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 12px; } .lrf-footer-poi li { margin-bottom: 4px; break-inside: avoid; } .lrf-footer-poi a { font-size: 12px; color: rgba(250,244,232,0.65); text-decoration: none; display: flex; align-items: center; gap: 5px; transition: color 0.15s; } .lrf-footer-poi a:hover { color: var(--lrf-tramonto, #E05D3D); } .lrf-footer-poi a svg { width: 12px; height: 12px; stroke: currentColor; fill: none; stroke-width: 1.8; flex-shrink: 0; opacity: 0.6; } /* responsive footer */ @media (max-width: 600px) { .lrf-footer-poi ul { columns: 1; } }