/* WIX SOLUTIONS · official turquoise visual identity · 2026-11-01.
   Complements the original responsive CSS; does not alter CMS/edit logic. */
:root{
  --ws-cyan:#18bfd1;
  --ws-cyan-bright:#39cad7;
  --ws-teal:#08798b;
  --ws-teal-dark:#075e73;
  --ws-ink:#122938;
  --ws-muted:#536b7a;
  --ws-border:#d8e8ed;
  --ws-surface:#f5fafc;
  --ws-ice:#e8f8fa;
  --brand:#18bfd1;
  --blue:#08798b;
}
html{scrollbar-color:#9bbdc5 #f5fafc}
body{color:var(--ws-ink)}
#app .wt-app{color:var(--ws-ink);background:var(--ws-surface);--ink:var(--ws-ink);--muted:var(--ws-muted);--line:var(--ws-border)}
#app .wt-header{background:#fff;border-color:var(--ws-border);box-shadow:0 2px 14px #0b58630a}
#app .wt-brand,#app .wt-brandname{color:var(--ws-ink);font-weight:850}
#app .wt-custom-logo{height:49px!important;width:56px!important;max-width:56px!important;object-fit:contain;flex:0 0 56px;border:0;background:transparent;filter:none}
#app .wt-header-start{align-items:center}
#app .wt-header-home{color:var(--ws-teal-dark);border-color:var(--ws-border);background:#f1fafb;font-weight:750}
#app .wt-header-home:hover{background:#def5f7}
#app .wt-header .wt-nav>a{color:#405d69}
#app .wt-header .wt-nav>a.selected{color:var(--ws-teal-dark);border-bottom-color:var(--ws-cyan)}
#app .wt-header .wt-nav>a:hover{color:var(--ws-teal-dark)}
#app .wt-language-switch{border-color:var(--ws-border);background:#fff;color:var(--ws-muted)}
#app .wt-language-switch a{color:var(--ws-teal-dark)}
#app .wt-language-switch a[aria-current="true"]{background:var(--ws-teal-dark);color:#fff}
#app .wt-heading h1,#app .wt-heading h2,#app .wt-card h3,#app .wt-section-top strong{color:var(--ws-ink)}
#app .wt-eyebrow{color:var(--ws-teal-dark)}
#app .wt-heading p,#app .wt-card p,#app .wt-section-top span{color:var(--ws-muted)}
#app .wt-filter-row,#app .wt-card,#app .wt-note,#app .wt-detail-info,#app .wt-supportcard{border-color:var(--ws-border)}
#app .wt-search-wrap,#app .wt-filter-row select,#app .wt-category-shell{border-color:#c8e0e6}
#app .wt-search-wrap:focus-within,#app .wt-filter-row select:focus-visible{outline:2px solid var(--ws-teal);outline-offset:1px}
#app .wt-filter-row select{color:#244757}
#app .wt-clear{color:var(--ws-teal-dark);background:#e8f7fa;border-color:#d0e9ee}
#app .wt-btn.primary,#app a.wt-btn.primary{background:var(--ws-teal-dark)!important;border-color:var(--ws-teal-dark)!important;color:white!important}
#app .wt-btn.primary:hover{background:#084d62!important}
#app .wt-btn:not(.primary){border-color:#bcdde4;color:var(--ws-teal-dark)}
#app .wt-chip{background:#eaf6f9;color:#096b7a}
#app .wt-chip.soft{color:#3b6170;background:#f1f7f9}
#app .wt-alert{border-color:#a5dfe8;background:#eaf8fa;color:#20566a}
#app .wt-note{background:linear-gradient(135deg,#e9f9fa,#f5fbfc)}
#app .wt-note h2,#app .wt-note h3{color:var(--ws-ink)}
#app .wt-back,#app .wt-backlink,#app .wt-open,#app .wt-reader-contact{color:var(--ws-teal-dark)}
#app .wt-footer{background:#fff;border-color:var(--ws-border);color:#506c77}
#app .wt-footer a{color:var(--ws-teal-dark)}
#app .ws-footer-brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;color:var(--ws-ink)}
#app .ws-footer-brand img{width:30px;height:30px;object-fit:contain}
#app .wt-app a:focus-visible,#app .wt-app button:focus-visible,#app .wt-app select:focus-visible{outline:3px solid #0a8193;outline-offset:3px}
/* Tablet/phone left navigation remains collapsible; overwrite only colour, not sizing. */
@media(max-width:1150px){
  #app .wt-header .wt-nav{background:#fff!important;border-right-color:var(--ws-border)!important}
  #app .wt-header .wt-nav>a.selected{background:#e8f7fa!important;color:var(--ws-teal-dark)!important}
  #app .wt-header .wt-nav>a:hover,#app .wt-header .wt-nav>.wt-rail-toggle:hover{background:#edf9fa!important;color:var(--ws-teal-dark)!important}
  #app .wt-header .wt-nav .wt-language-switch{background:#eaf7f9!important}
}
/* Homepage: replace every lavender/purple accent with the cyan-and-navy branding. */
#app .wt-home-app{background:#fff}
#app .ws-home{color:var(--ws-ink);background:#fff}
#app .ws-home-hero{background:radial-gradient(ellipse at 77% 14%,#e6f9fb 0%,transparent 43%),linear-gradient(122deg,#fff 18%,#f4fbfc 90%)}
#app .ws-home-eyebrow{background:#dff6f8;color:var(--ws-teal-dark)}
#app .ws-home-intro h1{color:#102736}
#app .ws-home-intro h1 em{color:var(--ws-teal-dark)}
#app .ws-home-lead,#app .ws-home-contactline{color:#4e6b77}
#app .ws-home-button{border-color:var(--ws-teal-dark);box-shadow:0 9px 25px #075e7317}
#app .ws-home-button:hover{box-shadow:0 13px 28px #075e7328}
#app .ws-home-button-primary{color:#fff;background:linear-gradient(130deg,#075e73,#087f93)}
#app .ws-home-button-primary:hover{background:linear-gradient(130deg,#064c5c,#087185)}
#app .ws-home-button-secondary{color:var(--ws-teal-dark);background:#fff;border-color:var(--ws-teal-dark)}
#app .ws-benefit-symbol{color:#0ba6b9}
#app .ws-home-benefits strong{color:var(--ws-ink)}
#app .ws-home-benefits small{color:var(--ws-muted)}
#app .ws-orbit-one{background:linear-gradient(130deg,#95e0e8,#d8f7fa)}
#app .ws-orbit-two{background:linear-gradient(45deg,#eafafb,#b9edf2)}
#app .ws-device-note{color:var(--ws-ink);box-shadow:0 13px 27px #05546621}
#app .ws-device-note span{background:#e0f6f9;color:var(--ws-teal-dark)}
#app .ws-how-row{border-color:#e5f1f4}
#app .ws-how-heading h2,#app .ws-home-editor-info h2,#app .ws-home-library h2,#app .ws-home-bottom-cta h2{color:#142b3a}
#app .ws-how-heading p,#app .ws-how-step p{color:var(--ws-muted)}
#app .ws-step-icon{background:#e7f7f9;color:var(--ws-teal-dark)}
#app .ws-home-editor-section{background:linear-gradient(110deg,#fff,#effafd)}
#app .ws-home-editor-info>p,#app .ws-home-ticks li{color:#466473}
#app .ws-home-ticks li::before{color:var(--ws-teal)}
#app .ws-home-text-link{color:var(--ws-teal-dark)}
#app .ws-home-editor-visual{border-color:#d9eef1;box-shadow:0 12px 38px #0b65741a}
#app .ws-editor-top{border-color:#e1eef1}
#app .ws-editor-device-tabs{background:#e3f7f9;color:var(--ws-teal-dark)}
#app .ws-editor-preview-tag{color:var(--ws-teal-dark);background:#dff5f8}
#app .ws-editor-tools{border-color:#e1edf1}
#app .ws-editor-tools span{color:#3d606d}
#app .ws-editor-preview{background:#e7f7f9}
#app .ws-editor-preview img{opacity:.73}
#app .ws-editor-preview::after{background:linear-gradient(90deg,#fff 0%,#ffffffdb 44%,transparent 90%)}
#app .ws-editor-mark{color:var(--ws-teal-dark)}
#app .ws-editor-preview-text strong{color:var(--ws-ink)}
#app .ws-editor-preview-text p{color:#446372}
#app .ws-editor-mini-button{background:var(--ws-teal-dark)}
#app .ws-editor-style-panel{border-color:#dbecf0;box-shadow:0 12px 27px #1a63721b}
#app .ws-editor-style-panel>strong{color:var(--ws-ink)}
#app .ws-colour-dots i{background:#112938}
#app .ws-colour-dots i:nth-child(2){background:#18bfd1}
#app .ws-colour-dots i:nth-child(3){background:#e4f6f7}
#app .ws-colour-dots i:nth-child(4){background:#9bc8d0}
#app .ws-font-pill{border-color:#d3e5e9}
#app .ws-home-template{border-color:#d8ebef;box-shadow:0 9px 27px #095b6c12}
#app .ws-home-template-image{background:#e7f7fa}
#app .ws-home-template-caption span{color:var(--ws-teal-dark)}
#app .ws-home-template-caption h3{color:var(--ws-ink)}
#app .ws-home-template-caption a{color:var(--ws-teal-dark)}
#app .ws-home-bottom-cta{background:linear-gradient(110deg,#dcf5f8,#effbfc)}
#app .ws-cta-mark{color:#18a9bc;border-color:#b6e1e8}
#app .ws-home-bottom-cta p{color:#486875}
/* The visual editor itself carries the same identity, without changing functionality. */
.studio .toolbar .identity .mark{display:flex;align-items:center;justify-content:center;background:transparent;border:0;box-shadow:none;min-width:42px;height:42px}
.studio .toolbar .identity .mark img{width:43px;height:43px;object-fit:contain;display:block}
.studio .toolbar .identity strong{color:var(--ws-ink)}
.studio .toolbar .identity small{color:var(--ws-muted)}
.studio .toolbar .solid{background:var(--ws-teal-dark);border-color:var(--ws-teal-dark);color:white}
.studio .toolbar a:hover{color:var(--ws-teal-dark)}
@media(min-width:1151px){
  #app .wt-header .wt-nav>a{font-size:15px;min-height:44px;display:inline-flex;align-items:center}
  #app .wt-header .wt-brand{gap:9px}
  #app .wt-header .wt-header-home{font-size:15px}
}
@media(max-width:520px){#app .wt-custom-logo{width:43px!important;height:38px!important;flex-basis:43px;max-width:43px!important}}