@font-face{font-family:"AGA Cordoba";src:url("/fonts/AGA-Cordoba-V-qrTb-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;} /* ════════════════════════════════════════════════════════════════════ ALGOZ — SITE THEME LAYER (loads AFTER main.css) • DARK (default / data-theme="dark") = classic Algoz: black/navy/gold, Gruppo titles — i.e. the existing main.css look (no override needed). • LIGHT (data-theme="light") = "Alabaster & Stone": alabaster paper, charcoal text, sage accent. Same layout, recoloured. The sun/moon button in the header flips data-theme on . ════════════════════════════════════════════════════════════════════ */ /* smooth theme transition */ html{transition:background-color .35s} body{transition:background-color .35s,color .35s} /* ───────────────── THEME TOGGLE BUTTON (header) ───────────────── */ .theme-toggle{ width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35); background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center; cursor:pointer;transition:.2s;flex:0 0 auto; } .theme-toggle:hover{border-color:var(--gold);color:var(--gold)} .theme-toggle svg{width:18px;height:18px;fill:currentColor} .theme-toggle .i-sun{display:none} html[data-theme="light"] .theme-toggle{border-color:rgba(35,38,42,.32);color:#23262a} html[data-theme="light"] .theme-toggle:hover{border-color:#5f6b55;color:#5f6b55} html[data-theme="light"] .theme-toggle .i-sun{display:block} html[data-theme="light"] .theme-toggle .i-moon{display:none} /* ───────────────── FOOTER CREDIT (very bottom, small) ───────────── */ .footer-credit{text-align:center;margin:2px 0 0;padding-bottom:20px;font-size:.66rem;letter-spacing:.04em;color:#8d9096} .footer-credit a{color:#aeb2b8;text-decoration:none} .footer-credit a:hover{color:var(--gold)} /* ════════════════════════════════════════════════════════════════════ LIGHT THEME — "Alabaster & Stone" recolour, applied site-wide. ════════════════════════════════════════════════════════════════════ */ html[data-theme="light"]{ --lx-bg:#f7f7f5; --lx-bg2:#eceeeb; --lx-bg3:#e3e6e2; --lx-ink:#23262a; --lx-ink2:#3f4446; --lx-ink3:#8c9192; --lx-accent:#7d8a72; --lx-accent-dark:#5f6b55; --lx-line:rgba(35,38,42,.14); } html[data-theme="light"] body{background:var(--lx-bg);color:var(--lx-ink)} /* header → light */ html[data-theme="light"] .site-header{background:rgba(247,247,245,.86);border-bottom:1px solid var(--lx-line)} html[data-theme="light"] .site-header, html[data-theme="light"] .nav-list > li > a, html[data-theme="light"] .nav-login, html[data-theme="light"] .nav-login-txt{color:var(--lx-ink)} html[data-theme="light"] .nav-login:hover{color:var(--lx-accent-dark)} html[data-theme="light"] .nav-sep{background:rgba(35,38,42,.30)} html[data-theme="light"] .nav-cta{color:#fff;background:#5f6b55;border-color:#5f6b55} html[data-theme="light"] .nav-cta:hover{background:#4c5645;border-color:#4c5645} html[data-theme="light"] .site-header .brand img{filter:brightness(0) saturate(100%);opacity:.88} html[data-theme="light"] .nav-toggle span{background:var(--lx-ink)} /* mega-menu / dropdown panels stay readable — slightly transparent in light */ html[data-theme="light"] .panel, html[data-theme="light"] .mega,html[data-theme="light"] .submenu{background:rgba(247,247,245,.92);border:1px solid var(--lx-line);backdrop-filter:saturate(120%) blur(12px);-webkit-backdrop-filter:saturate(120%) blur(12px)} html[data-theme="light"] .panel a, html[data-theme="light"] .mega a,html[data-theme="light"] .submenu a{color:var(--lx-ink2)} html[data-theme="light"] .panel a:hover, html[data-theme="light"] .mega a:hover,html[data-theme="light"] .submenu a:hover{color:var(--lx-accent-dark)} html[data-theme="light"] .panel .group-label{color:var(--lx-accent-dark);border-bottom-color:var(--lx-line)} /* mobile slide-down menu — explicit, legible labels/links in BOTH themes */ @media(max-width:1023px){ /* DARK mobile: light text on the dark surface (fixes black-on-black lists) */ html[data-theme="dark"] .nav-center{background:#0a1117} html[data-theme="dark"] .nav-list>li>a{color:#fff} html[data-theme="dark"] .panel{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-left:1px solid var(--gold-dim)} html[data-theme="dark"] .panel a, html[data-theme="dark"] .panel .mob-home{color:#f3f2ec} html[data-theme="dark"] .panel .group-label{color:var(--gold-dim)} /* LIGHT mobile: light surface, dark legible labels, light dropdowns */ html[data-theme="light"] .site-header{background:rgba(247,247,245,.96)} html[data-theme="light"] .nav-center{background:var(--lx-bg)} html[data-theme="light"] .nav-list>li>a{color:var(--lx-ink);border-bottom-color:var(--lx-line)} html[data-theme="light"] .nav-list>li>a .caret{color:var(--lx-accent-dark)} html[data-theme="light"] .panel{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-left:1px solid var(--lx-accent-dark)} html[data-theme="light"] .panel a, html[data-theme="light"] .panel .mob-home{color:var(--lx-ink)} html[data-theme="light"] .panel .group-label{color:var(--lx-accent-dark);border-bottom-color:var(--lx-line)} /* mobile icon bar (header v5) — LIGHT theme: ink icons on the alabaster bar, light dropdowns */ html[data-theme="light"] .mnav3 .micon{color:var(--lx-ink)} html[data-theme="light"] .mnav3 .micon-caret{color:var(--lx-accent-dark)} html[data-theme="light"] .mnav3 .micon.open, html[data-theme="light"] .mnav3 .micon.open .micon-caret{color:var(--lx-accent-dark)} html[data-theme="light"] .mnav3 .micon-panel{background:var(--lx-bg);border-top-color:var(--lx-line);box-shadow:0 26px 48px rgba(35,38,42,.16)} html[data-theme="light"] .mnav3 .micon-panel a{color:var(--lx-ink)} html[data-theme="light"] .mnav3 .micon-panel a:hover{color:var(--lx-accent-dark)} html[data-theme="light"] .mnav3 .mp-head{color:var(--lx-accent-dark)} html[data-theme="light"] .mnav3 .micon-panel .group-label{color:var(--lx-accent-dark);border-bottom-color:var(--lx-line)} html[data-theme="light"] .mnav3 .mp-sub + .mp-sub{border-top-color:var(--lx-line)} } /* generic builder sections (.zsec): remap dark inline colours to light. These selectors mirror vip-light.css but apply globally in light mode. */ html[data-theme="light"] .zsec[style*="background:rgb(0, 0, 0)"], html[data-theme="light"] .zsec[style*="background:rgb(15, 15, 15)"], html[data-theme="light"] .zsec[style*="background:rgb(10, 17, 23)"], html[data-theme="light"] .zsec[style*="background:rgb(10, 16, 21)"]{background:var(--lx-bg) !important} html[data-theme="light"] .zsec[style*="background:rgb(13, 27, 43)"], html[data-theme="light"] .zsec[style*="background:rgb(14, 18, 61)"]{background:var(--lx-bg2) !important} html[data-theme="light"] .zsec:nth-of-type(even){background:var(--lx-bg2) !important} html[data-theme="light"] .zsec, html[data-theme="light"] .zsec h1,html[data-theme="light"] .zsec h2,html[data-theme="light"] .zsec h3, html[data-theme="light"] .zsec h4,html[data-theme="light"] .zsec h5,html[data-theme="light"] .zsec h6, html[data-theme="light"] .zsec p,html[data-theme="light"] .zsec li,html[data-theme="light"] .zsec span, html[data-theme="light"] .zsec a{color:var(--lx-ink)} html[data-theme="light"] .zsec [style*="color: rgb(255, 255, 255)"], html[data-theme="light"] .zsec [style*="color:rgb(255, 255, 255)"]{color:var(--lx-ink) !important} html[data-theme="light"] .zsec p[style*="color: rgb(255, 255, 255)"]{color:var(--lx-ink2) !important} html[data-theme="light"] .zsec [style*="color: rgb(0, 0, 0)"]{color:var(--lx-ink) !important} html[data-theme="light"] .zsec [style*="color: rgb(207, 193, 99)"], html[data-theme="light"] .zsec [style*="color:rgb(207, 193, 99)"]{color:var(--lx-accent-dark) !important} html[data-theme="light"] .zsec [style*="background:rgb(0, 0, 0)"]:not(.zsec), html[data-theme="light"] .zsec [style*="background: rgb(0, 0, 0)"]:not(.zsec), html[data-theme="light"] .zsec [style*="background:rgb(23, 107, 224)"], html[data-theme="light"] .zsec [style*="background: rgb(23, 107, 224)"]{background:var(--lx-accent) !important;color:#fff !important} html[data-theme="light"] .zsec [style*="background:rgb(0, 0, 0)"]:not(.zsec) *{color:#fff !important} html[data-theme="light"] .zsec:first-of-type *{color:#fff !important} /* hero text stays white over photo */ html[data-theme="light"] .zsec .zoverlay{background:rgba(20,22,20,.42) !important} /* Gruppo titles preserved in BOTH themes — .zsec h1-h6 already use Gruppo in main.css */ /* footer → light (mirrors the live design, recoloured) */ html[data-theme="light"] .site-footer{background:#f4f4f1;color:#3a3e3a} html[data-theme="light"] .footer-brand .wordmark{color:#23262a;font-family:'Lora','Cormorant Garamond','Georgia',serif;font-weight:500;letter-spacing:.18em} html[data-theme="light"] .footer-brand .slogan, html[data-theme="light"] .footer-member-area a, html[data-theme="light"] .fhead{color:#5f6b55} html[data-theme="light"] .footer-socials-center a{border-color:rgba(95,107,85,.35);color:#3a3e3a} html[data-theme="light"] .footer-socials-center a:hover{border-color:#5f6b55;color:#5f6b55} html[data-theme="light"] .footer-member-area a{border-color:rgba(95,107,85,.4)} html[data-theme="light"] .footer-member-area a:hover{background:#5f6b55;color:#fff} html[data-theme="light"] .footer-divider{background:linear-gradient(90deg,transparent,rgba(95,107,85,.4),transparent)} html[data-theme="light"] .fhead{border-bottom-color:rgba(95,107,85,.35)} html[data-theme="light"] .flinks a,html[data-theme="light"] .crow a{color:#3a3e3a} html[data-theme="light"] .flist li{color:#4a4f4a} html[data-theme="light"] .flinks a:hover,html[data-theme="light"] .crow a:hover, html[data-theme="light"] .langs a:hover,html[data-theme="light"] .footer-company-links a:hover{color:#5f6b55} html[data-theme="light"] .crow svg{fill:#5f6b55} html[data-theme="light"] .langs,html[data-theme="light"] .langs a, html[data-theme="light"] .footer-company-links a{color:#4a4f4a} html[data-theme="light"] .footer-legal{color:#6a6f6a;border-top-color:rgba(95,107,85,.3)} html[data-theme="light"] .footer-credit a{color:#5f6b55} /* ════════════════════════════════════════════════════════════════════ ENQUIRY FORM (shared) — readable in both themes ════════════════════════════════════════════════════════════════════ */ .algoz-enquiry{font-family:var(--font-body);text-align:left} .algoz-enquiry .aef-intro{margin-bottom:20px} .algoz-enquiry .aef-title{font-family:var(--font-display);font-weight:400;font-size:1.5rem;letter-spacing:.04em;margin:0 0 8px} .algoz-enquiry .aef-sub{font-size:.86rem;line-height:1.6;color:var(--grey-dim);margin:0} .algoz-enquiry .aef-field{margin-bottom:16px} .algoz-enquiry label{display:block;font-size:.72rem;letter-spacing:.06em;margin-bottom:6px;color:inherit;opacity:.92} .algoz-enquiry .req{color:var(--gold)} .algoz-enquiry input,.algoz-enquiry select,.algoz-enquiry textarea{ width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04); color:inherit;font-family:var(--font-body);font-size:.92rem;border-radius:4px;transition:.15s; } .algoz-enquiry select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2712%27%20height%3D%278%27%20viewBox%3D%270%200%2012%208%27%3E%3Cpath%20fill%3D%27%23cfc163%27%20d%3D%27M6%208%200%200h12z%27%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;padding-right:32px} .algoz-enquiry input:focus,.algoz-enquiry select:focus,.algoz-enquiry textarea:focus{outline:none;border-color:var(--gold)} /* Native