/* =====================================================================
   MEELE Kliinik — design v2 ("the proposed new look"), sitewide layer
   Version 2.0-preview · 1 Oct 2026
   Everything is scoped to html.meele-v2, so loading this file changes
   nothing until that class is on <html>. Remove the class (or the file)
   and the site is exactly as before.
   Layer order: theme style.css → Additional CSS → WPCode snippets →
   page <style> blocks → this file. Selectors use the prefix
   "html.meele-v2 body[class]" so they outrank the page-scoped rules
   (body.page-id-NNN …) without !important; !important is used only
   for font family, heading colour/weight and button colours, which
   are set in too many places to chase one by one.
   ===================================================================== */

@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;
  src:url(fonts/schibsted-grotesk-latin-wght-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+25CF,U+FEFF,U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;
  src:url(fonts/schibsted-grotesk-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- 0. Tokens ---------- */
html.meele-v2{
  --m-f:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --m-ink:#2A2630;      /* headings, strong text        14.8:1 on white */
  --m-body:#4A4550;     /* running text                  9.3:1 */
  --m-muted:#6B6570;    /* secondary text                5.6:1 white, 5.2:1 paper */
  --m-vio:#6F5DA0;      /* logo violet: buttons, icons   white text 5.6:1 */
  --m-vio-h:#5E4E8E;    /* hover, links                  7.1:1 */
  --m-link:#5E4E8E;
  --m-pink:#D880A8;     /* logo pink: link underlines only */
  --m-paper:#F9F3ED;    /* the site's existing beige */
  --m-tint:#F3EFF8;     /* very light violet surface */
  --m-tint-2:#E9E2F3;
  --m-line:#E4DED6;     /* 1px hairlines on paper/white */
  --m-line-w:#ECE8E3;
  --m-btn-line:#918A84; /* secondary-button outline, 3:1 */
  --m-r-card:16px;
  --m-r-img:14px;
  --m-shadow-lift:0 10px 28px rgba(42,38,48,.08);
}

/* ---------- 1. Base type ---------- */
html.meele-v2 body,
html.meele-v2 body :is(button,input,select,textarea,optgroup,table,th,td,summary,label,blockquote,p,li,a,span,strong,b,em,small,dt,dd){font-family:var(--m-f)!important}
html.meele-v2 body{color:var(--m-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html.meele-v2 body[class] :is(strong,b){font-weight:600}
html.meele-v2 ::selection{background:var(--m-tint-2);color:var(--m-ink)}

/* headings: dark ink, calm weight, no purple bars */
html.meele-v2 body :is(h1,h2,h3,h4,h5,h6){color:var(--m-ink)!important;font-family:var(--m-f)!important;text-transform:none!important}
html.meele-v2 body :is(h1,h2){font-weight:500!important;letter-spacing:-.018em!important}
html.meele-v2 body :is(h3,h4,h5,h6){font-weight:600!important;letter-spacing:-.005em!important}
html.meele-v2 body :is(h1,h2)::after{content:none!important;display:none!important}
html.meele-v2 body[class] h1{line-height:1.12;margin-bottom:.6em}
html.meele-v2 body[class] h2{line-height:1.18}
html.meele-v2 body[class] :is(h1,h2) :is(span,strong,em,b){color:inherit!important;font-weight:inherit!important;font-style:normal}

/* inline links in running text: violet, underlined in logo pink */
html.meele-v2 body[class] main :is(p,li,dd,td,blockquote) a:not([class]):not(:has(img)){color:var(--m-link)!important;font-weight:500!important;text-decoration:underline!important;text-decoration-color:var(--m-pink)!important;text-decoration-thickness:1.5px!important;text-underline-offset:3px}
html.meele-v2 body[class] main :is(p,li,dd,td,blockquote) a:not([class]):not(:has(img)):hover{text-decoration-color:var(--m-link)!important}
html.meele-v2 body[class] a:hover{color:var(--m-vio-h)}
html.meele-v2 body[class] a:focus-visible,html.meele-v2 body[class] summary:focus-visible,html.meele-v2 body[class] button:focus-visible{outline:2px solid var(--m-vio);outline-offset:3px;border-radius:6px}

/* list bullets */
html.meele-v2 body[class] ::marker{color:var(--m-vio);font-size:15px}
html.meele-v2 body[class] blockquote{border-left:2px solid var(--m-line);color:var(--m-body);font-style:normal;letter-spacing:0}

/* ---------- 2. Buttons ---------- */
/* primary: solid logo violet pill */
html.meele-v2 body[class] :is(.header-btn,.hv-btn:not(.hv-btn--ghost),.lp-cta:not(.lp-cta-alt),.kl-btn:not(.kl-btn--alt),.kon-btn,.kkk-btn,.job-btn,.en-btn,.mk-book>summary),
html.meele-v2 body[class] header.header nav li:first-child a,
html.meele-v2 body[class] .nf-form-content :is(button,input[type=button],input[type=submit]){
  background:var(--m-vio)!important;color:#fff!important;border:0!important;box-shadow:none!important;border-radius:999px!important;
  font-weight:600!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;font-size:16px;line-height:1.1;transition:background .15s}
html.meele-v2 body[class] #contactinfo a.header-btn{display:inline-flex;width:auto!important}
html.meele-v2 body[class] :is(.header-btn,.hv-btn:not(.hv-btn--ghost),.lp-cta:not(.lp-cta-alt),.kl-btn:not(.kl-btn--alt),.kon-btn,.kkk-btn,.job-btn,.en-btn,.mk-book>summary):hover,
html.meele-v2 body[class] header.header nav li:first-child a:hover,
html.meele-v2 body[class] .nf-form-content :is(button,input[type=button],input[type=submit]):hover{background:var(--m-vio-h)!important;color:#fff!important}
/* header button is smaller */
html.meele-v2 body[class] header.header nav li:first-child a{min-height:42px;padding:0 18px!important;font-size:15px!important}
/* secondary: white with a 1px outline */
html.meele-v2 body[class] :is(.hv-btn--ghost,.lp-cta-alt,.kl-btn--alt){
  background:#fff!important;color:var(--m-ink)!important;border:0!important;box-shadow:inset 0 0 0 1px var(--m-btn-line)!important;border-radius:999px!important;
  font-weight:600!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;font-size:16px;line-height:1.1}
html.meele-v2 body[class] :is(.hv-btn--ghost,.lp-cta-alt,.kl-btn--alt):hover{box-shadow:inset 0 0 0 1.5px var(--m-vio)!important;color:var(--m-vio-h)!important}
/* the booking button gets a calendar icon */
html.meele-v2 body[class] :is(.hv-btn:not(.hv-btn--ghost),.lp-cta:not(.lp-cta-alt),.header-btn,.kon-btn)::before,
html.meele-v2 body[class] header.header nav li:first-child a::before{content:"";width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3' /%3E%3Cpath d='M16 2v3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='M8 13h.01' /%3E%3Cpath d='M12 13h.01' /%3E%3Cpath d='M16 13h.01' /%3E%3Cpath d='M8 17h.01' /%3E%3Cpath d='M12 17h.01' /%3E%3Cpath d='M16 17h.01' /%3E%3C/svg%3E") center/18px no-repeat}
/* tertiary: links that go to another page — violet, 600, arrow */
html.meele-v2 body[class] :is(.hv-pill,.hv-card__link,.kl-more){
  background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;
  color:var(--m-link)!important;font-weight:600!important;font-size:15.5px!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;
  display:inline-flex;align-items:center;gap:6px}
html.meele-v2 body[class] :is(.hv-pill,.hv-card__link,.kl-more)::after{content:""!important;position:static!important;width:16px!important;height:16px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E4E8E' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14' /%3E%3Cpath d='m12 5 7 7-7 7' /%3E%3C/svg%3E") center/16px no-repeat!important;transform:none!important;border:0!important;transition:transform .15s}
html.meele-v2 body[class] :is(.hv-pill,.hv-card__link,.kl-more):hover::after{transform:translateX(3px)!important}
/* theme prev/next links: keep the theme's layout, swap the chevron for a line arrow */
html.meele-v2 body[class] :is(a.asf,a.arrowlinkR,a.arrowlinkL){color:var(--m-link)!important;font-weight:600!important;font-size:15px!important;text-transform:none!important;letter-spacing:0!important}
html.meele-v2 body[class] a.arrowlinkR::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E4E8E' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14' /%3E%3Cpath d='m12 5 7 7-7 7' /%3E%3C/svg%3E") center/15px no-repeat!important;width:16px!important;height:16px!important;top:50%!important;margin-top:-8px!important;right:-2px!important}
/* arrowlinkL reuses the right arrow and the theme rotates it (reverse = left, krutt = down) */
html.meele-v2 body[class] a.arrowlinkL::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E4E8E' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14' /%3E%3Cpath d='m12 5 7 7-7 7' /%3E%3C/svg%3E") center/15px no-repeat!important;width:16px!important;height:16px!important;top:50%!important;margin-top:-8px!important}
html.meele-v2 body[class] :is(.hv-pill,.hv-card__link,.kl-more,a.asf,a.arrowlinkR,a.arrowlinkL):hover{color:var(--m-vio-h)!important}

/* ---------- 3. Cards, frames and lines: 4px → 1px ---------- */
html.meele-v2 body[class] :is(a.teenus,.hv-card,.hv-trust__item,.lp-card,.kl-card,.kl-why__item,.parnterwrap,.kon-crisis,.lp-crisis,.hv-crisis,form.nf-form-layout,.nf-response-msg){
  border:1px solid var(--m-line)!important;border-radius:var(--m-r-card)!important;box-shadow:none!important}
html.meele-v2 body[class] :is(.lp-crisis,.hv-crisis,.kon-crisis){border:0!important;background:var(--m-paper)!important;border-radius:12px!important}
/* clickable cards lift on hover */
html.meele-v2 body[class] :is(a.teenus,.hv-card){transition:box-shadow .2s,border-color .2s,transform .2s}
html.meele-v2 body[class] a.teenus:hover,html.meele-v2 body[class] .hv-card:hover{border-color:transparent!important;box-shadow:var(--m-shadow-lift)!important;transform:translateY(-2px)}
html.meele-v2 body[class] a.teenus.tootaja:hover{transform:none}
/* photos */
html.meele-v2 body[class] :is(.single .tootajapilt,.lp-doc img,.lp-photo img){border:0!important;border-radius:var(--m-r-img)!important;box-shadow:none!important}
html.meele-v2 body[class] .map{border:1px solid var(--m-line)!important;border-radius:var(--m-r-card)!important;overflow:hidden}
html.meele-v2 body[class] #advanced_iframe{border:1px solid var(--m-line)!important;border-radius:var(--m-r-card)!important}
html.meele-v2 body[class] .hkteenus{border-color:var(--m-line)!important}
html.meele-v2 body[class] .describer p{border-top-color:var(--m-line)!important;font-style:normal!important;color:var(--m-body);line-height:1.55!important}

/* team grid (Töötajad + homepage): the photo carries the card */
html.meele-v2 body[class] a.teenus.tootaja{border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
html.meele-v2 body[class] a.teenus.tootaja img{border-radius:var(--m-r-img)!important}
html.meele-v2 body[class] .tootaja h4{color:var(--m-ink)!important;font-weight:500!important;text-align:left!important;padding:12px 2px 2px!important;font-size:17px!important}
html.meele-v2 body[class] span.prof{color:var(--m-muted)!important;text-transform:none!important;font-size:14.5px!important;letter-spacing:0!important;text-align:left!important;padding:0 2px 18px!important}
html.meele-v2 body[class] .tm-card a{border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;padding:0!important}
html.meele-v2 body[class] .tm-card img{border-radius:var(--m-r-img)!important}
html.meele-v2 body[class] .tm-name{color:var(--m-ink)!important;font-weight:500!important;text-align:left!important;padding:12px 2px 0!important}
html.meele-v2 body[class] .tm-role{color:var(--m-muted)!important;text-transform:none!important;letter-spacing:0!important;text-align:left!important;padding:2px 2px 0!important;font-size:14px!important}

/* ---------- 4. Service cards (Teenused, homepage) ---------- */
html.meele-v2 body[class] a.teenus:not(.tootaja){background:#fff!important}
html.meele-v2 body[class] .teenus h4{color:var(--m-ink)!important;font-weight:600!important}
html.meele-v2 body[class] .hv-grid a.teenus::after{border-color:var(--m-vio)!important;border-width:0 1.6px 1.6px 0!important}
html.meele-v2 body[class] .hv-price{background:var(--m-paper)!important;color:var(--m-ink)!important;font-weight:600!important;border-radius:999px!important}

/* ---------- 5. FAQ (homepage, landing pages) ---------- */
html.meele-v2 body[class] :is(.hv-faq details,details.lp-faq){border:0!important;border-top:1px solid var(--m-line)!important;border-radius:0!important;background:transparent!important;margin:0!important;padding:16px 2px!important;box-shadow:none!important}
html.meele-v2 body[class] :is(.hv-faq details:last-of-type,details.lp-faq:last-of-type){border-bottom:1px solid var(--m-line)!important}
html.meele-v2 body[class] :is(.hv-faq summary,.lp-faq>summary){color:var(--m-ink)!important;font-weight:500!important;font-size:17px}
html.meele-v2 body[class] :is(.hv-faq summary,.lp-faq>summary)::after{border:0!important;width:20px!important;height:20px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6570' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6' /%3E%3C/svg%3E") center/20px no-repeat!important;transform:none!important;margin:0!important;transition:transform .18s ease}
html.meele-v2 body[class] :is(.hv-faq details[open] summary,.lp-faq[open]>summary)::after{transform:rotate(180deg)!important}

/* ---------- 6. Steps: outlined numbers in the icon line weight ---------- */
html.meele-v2 body[class] .lp-steps>li::before,
html.meele-v2 body[class] .hv-steps>li::before{background:transparent!important;color:var(--m-vio)!important;box-shadow:inset 0 0 0 1.6px var(--m-vio)!important;font-weight:600!important;width:30px!important;height:30px!important;line-height:30px!important;font-size:14.5px!important}

/* ---------- 7. Price tables ---------- */
html.meele-v2 body[class] table.lp-price th{border-bottom:1px solid var(--m-ink)!important;color:var(--m-muted)!important;font-weight:600;letter-spacing:.02em}
html.meele-v2 body[class] table.lp-price td{border-bottom-color:var(--m-line)!important}
html.meele-v2 body[class] table.lp-price .lp-sum{color:var(--m-ink)!important;font-weight:600!important}
html.meele-v2 body[class] table.lp-price :is(.lp-name,.lp-dur){color:var(--m-body)!important}
html.meele-v2 body[class] .lp-role{color:var(--m-muted)!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:14.5px!important}
html.meele-v2 body[class] .lp-hinnarida{color:var(--m-body)!important}

/* ---------- 8. Landing-page boxes ---------- */
html.meele-v2 body[class] .lp-fact{background:var(--m-paper)!important;border-radius:12px!important}
html.meele-v2 body[class] .lp-fact strong{color:var(--m-ink)!important}
html.meele-v2 body:is(.page-id-858,.page-id-870,.page-id-884,.page-id-887,.page-id-892) #broneeri:not(.meele-bk-card){border:1px solid var(--m-line)!important;background:var(--m-tint)!important;border-radius:var(--m-r-card)!important}
html.meele-v2 body:is(.page-id-858,.page-id-870,.page-id-884,.page-id-887,.page-id-892) div#broneeri.meele-bk-card{border:1px solid var(--m-line)!important;background:var(--m-tint)!important}
html.meele-v2 body[class] .lp-ctaphone,html.meele-v2 body[class] .lp-ctaphone a{color:var(--m-body)!important}
html.meele-v2 body[class] .lp-ctaphone a{color:var(--m-link)!important;font-weight:600!important}
html.meele-v2 body[class] .lp-legal{color:var(--m-muted)!important}

/* ---------- 9. Homepage (page 877) components ---------- */
html.meele-v2 body[class] .hv-trust__item h3{font-size:16px!important}
html.meele-v2 body[class] .hv-section--cream{background:var(--m-paper)!important}
html.meele-v2 body[class] .hv-facts{display:flex!important;flex-wrap:wrap;gap:8px 22px!important;list-style:none}
html.meele-v2 body[class] .hv-facts > li{display:inline-flex!important;align-items:center;gap:7px;background:transparent!important;border:0!important;padding:0!important;margin:0!important;color:var(--m-muted)!important;font-weight:400!important;font-size:15px!important;box-shadow:none!important}
html.meele-v2 body[class] .hv-facts > li::marker{content:""}
html.meele-v2 body[class] .hv-facts > li::before{content:"";width:17px;height:17px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F5DA0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /%3E%3Ccircle cx='12' cy='10' r='3' /%3E%3C/svg%3E") center/17px no-repeat}
html.meele-v2 body[class] .hv-facts > li:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F5DA0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5' /%3E%3Crect x='2' y='6' width='14' height='12' rx='2' /%3E%3C/svg%3E")}
html.meele-v2 body[class] .hv-facts > li:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F5DA0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E")}
html.meele-v2 body[class] .hv-hero__rebrand{color:var(--m-muted)!important;font-style:normal!important}
html.meele-v2 body[class] .hv-desc,html.meele-v2 body[class] .hv-lead{color:var(--m-body)!important}

/* ---------- 10. Kliinikust / Kontakt / KKK / jobs / English: their own variables ---------- */
html.meele-v2 body[class] :is(.kl,.kon-ways,.kon-side,.jobs,.kkk,.en){--kl-accent:var(--m-vio);--kon-accent:var(--m-vio);--accent:var(--m-vio);--ink:var(--m-body);--head:var(--m-ink);--link:var(--m-link);--kl-line:var(--m-line);--kon-line:var(--m-line);--line:var(--m-line)}
html.meele-v2 body[class] .kon-way{background:var(--m-paper)!important;border:0!important;border-radius:12px!important}
html.meele-v2 body[class] .kon-big{color:var(--m-ink)!important;font-weight:600!important}
html.meele-v2 body[class] :is(.kkk-toc,.jobs .job,.en-box){border-radius:12px!important}
html.meele-v2 body[class] .listtags ul li{border:1px solid var(--m-line)!important;box-shadow:none!important;color:var(--m-ink)!important}
html.meele-v2 body[class] .listtags ul li a::before{color:var(--m-vio)!important}

/* ---------- 11. Contact form (Ninja Forms) ---------- */
html.meele-v2 body[class] form{border-color:var(--m-line)!important;border-radius:var(--m-r-card)!important}
html.meele-v2 body[class] .nf-form-layout::before{display:none!important}
html.meele-v2 body[class] :is(.nf-form-content .ninja-forms-field:not([type=submit]):not([type=button]),.nf-form-content input:not([type=submit]):not([type=button]),.nf-form-content textarea,.nf-form-content select){border:1px solid var(--m-btn-line)!important;background:#fff!important;border-radius:10px!important;color:var(--m-ink)!important}
html.meele-v2 body[class] :is(.nf-form-content input,.nf-form-content textarea):focus{border-color:var(--m-vio)!important;box-shadow:0 0 0 3px var(--m-tint-2)!important;outline:0!important}
html.meele-v2 body[class] .submit-container .nf-field-element::after{display:none!important}
html.meele-v2 body[class] .nf-form-content label{color:var(--m-ink)!important;font-weight:500!important}

/* ---------- 12. Header ---------- */
html.meele-v2 body[class] header.header nav a{color:var(--m-ink)!important;font-weight:400!important}
html.meele-v2 body[class] header.header nav li:not(:first-child) a:hover{color:var(--m-vio-h)!important}
html.meele-v2 body[class] header.header nav li.current-menu-item:not(:first-child) a{color:var(--m-vio-h)!important;font-weight:500!important}
html.meele-v2 body[class] header.header #contactinfo :is(a,p){font-weight:500!important;color:var(--m-ink)}
html.meele-v2 body[class] .social .ico{opacity:1;filter:none}
html.meele-v2 body[class] .social .ico.in{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6570' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M17.5 6.5h.01'/%3E%3C/svg%3E") center/20px no-repeat!important;width:22px;height:22px}
html.meele-v2 body[class] .social .ico.fb{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6570' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E") center/20px no-repeat!important;width:22px;height:22px}
@media only screen and (min-width:781px){
  html.meele-v2 body[class] header.header{border-bottom:1px solid var(--m-line-w)!important;box-shadow:none!important}
}
/* phone: purple circle → outlined "Menüü" pill; with the bottom bar the contact lines leave the header */
@media only screen and (max-width:780px){
  html.meele-v2.m2-has-bar body[class] header.header #contactinfo,
  html.meele-v2.m2-has-bar body[class] header.header .social,
  html.meele-v2.m2-has-bar body[class] #maintop{display:none!important}
  html.meele-v2.m2-has-bar body[class] header.header{height:72px!important;border-bottom:1px solid var(--m-line-w)!important}
  html.meele-v2.m2-has-bar body[class] section.def-page{padding-top:104px!important}
  html.meele-v2.m2-has-bar body[class] .hv-hero{padding-top:72px!important}
}
@media only screen and (max-width:780px){
  html.meele-v2 body[class] .hamburgler-icon-wrapper{background:#fff!important;box-shadow:inset 0 0 0 1px var(--m-btn-line)!important;border-radius:999px!important;width:auto!important;min-width:108px;height:42px!important;padding:0 16px 0 42px!important;display:flex!important;align-items:center}
  html.meele-v2 body[class] .hamburgler-icon-wrapper::after{content:"Menüü";font:500 15px/1 var(--m-f);color:var(--m-ink)}
  html.meele-v2 body[class] .hamburgler-icon,html.meele-v2 body[class] .hamburgler-icon::before,html.meele-v2 body[class] .hamburgler-icon::after{background:var(--m-ink)!important;width:16px!important;height:1.6px!important}
  html.meele-v2 body[class] .hamburgler-icon{left:16px!important;top:50%!important;margin-top:-1px!important}
}

/* ---------- 13. Icons: theme images → thin line icons ---------- */
html.meele-v2 body[class] span.phone{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F5DA0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384' /%3E%3C/svg%3E") center/18px no-repeat!important}
html.meele-v2 body[class] span.letter{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F5DA0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7' /%3E%3Crect x='2' y='4' width='20' height='16' rx='2' /%3E%3C/svg%3E") center/18px no-repeat!important}
html.meele-v2 body[class] span.home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F5DA0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /%3E%3Ccircle cx='12' cy='10' r='3' /%3E%3C/svg%3E") center/18px no-repeat!important;width:20px!important;height:20px!important;top:4px}
html.meele-v2 body[class] span.time{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F5DA0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M12 6v6l4 2' /%3E%3C/svg%3E") center/18px no-repeat!important}
html.meele-v2 body[class] :is(span.phone,span.letter,span.time){width:20px!important;height:20px!important}

/* ---------- 14. Footer ---------- */
html.meele-v2 body[class] footer #contactinfo :is(a,p){font-weight:500!important;color:var(--m-ink)!important}
html.meele-v2 body[class] footer .infoarea,html.meele-v2 body[class] footer .infoarea p{color:var(--m-body)!important;letter-spacing:0!important}
html.meele-v2 body[class] footer .infoarea b{color:var(--m-ink)!important;font-weight:600!important}
html.meele-v2 body[class] footer .infoarea a{color:var(--m-link)!important}
html.meele-v2 body[class] .footlinks a{color:var(--m-link)!important;font-weight:500!important}

/* ---------- 15. Floating booking button (phones, non-landing pages) ---------- */
/* hidden when the v2 bottom bar is present */
html.meele-v2.m2-has-bar body[class] a.bron{display:none!important}
html.meele-v2 body[class] a.bron{background:var(--m-vio)!important;border:0!important;color:#fff!important;border-radius:999px!important;box-shadow:0 6px 18px rgba(42,38,48,.22)!important}
html.meele-v2 body[class] a.bron .br{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3' /%3E%3Cpath d='M16 2v3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='M8 13h.01' /%3E%3Cpath d='M12 13h.01' /%3E%3Cpath d='M16 13h.01' /%3E%3Cpath d='M8 17h.01' /%3E%3Cpath d='M12 17h.01' /%3E%3Cpath d='M16 17h.01' /%3E%3C/svg%3E") center/20px no-repeat!important}

/* ---------- 16. Phone bottom bar (added by meele-v2.js) ---------- */
html.meele-v2 .m2-bar{display:none}
@media only screen and (max-width:780px){
  html.meele-v2 .m2-bar{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:9990;background:rgba(255,255,255,.97);border-top:1px solid var(--m-line-w);padding:10px 14px calc(12px + env(safe-area-inset-bottom))}
  html.meele-v2 .m2-bar a{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:999px;font:600 15.5px/1 var(--m-f);text-decoration:none}
  html.meele-v2 .m2-bar a.m2-call{background:#fff;color:var(--m-ink);box-shadow:inset 0 0 0 1px var(--m-btn-line)}
  html.meele-v2 .m2-bar a.m2-book{background:var(--m-vio);color:#fff}
  html.meele-v2 .m2-bar a.m2-call::before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F5DA0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384' /%3E%3C/svg%3E") center/18px no-repeat}
  html.meele-v2 .m2-bar a.m2-book::before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3' /%3E%3Cpath d='M16 2v3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='M8 13h.01' /%3E%3Cpath d='M12 13h.01' /%3E%3Cpath d='M16 13h.01' /%3E%3Cpath d='M8 17h.01' /%3E%3Cpath d='M12 17h.01' /%3E%3Cpath d='M16 17h.01' /%3E%3C/svg%3E") center/18px no-repeat}
  html.meele-v2.m2-has-bar body{padding-bottom:76px}
}

/* ---------- 17. Booking pop-up (#meele-bk) colours ---------- */
html.meele-v2 body #meele-bk{--bk-accent:var(--m-vio)}
html.meele-v2 body #meele-bk :is(.meele-bk-panel,.meele-bk-sheet){border-radius:var(--m-r-card)}

/* ---------- 18. Preview badge (only while previewing) ---------- */
html.meele-v2 .m2-preview{position:fixed;left:12px;bottom:12px;z-index:9995;background:var(--m-ink);color:#fff;font:500 13px/1.2 var(--m-f);padding:9px 14px;border-radius:999px;box-shadow:0 4px 14px rgba(42,38,48,.25)}
html.meele-v2 .m2-preview a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
@media only screen and (max-width:780px){html.meele-v2.m2-has-bar .m2-preview{bottom:86px}}

/* ---------- 19. Cookie banner (Complianz) in brand colours ---------- */
/* Accept and deny keep the same size and shape; only the colour differs. */
html.meele-v2 body{
  --cmplz_button_accept_background_color:#6F5DA0;--cmplz_button_accept_border_color:#6F5DA0;--cmplz_button_accept_text_color:#fff;
  --cmplz_button_deny_background_color:#fff;--cmplz_button_deny_border_color:#918A84;--cmplz_button_deny_text_color:#2A2630;
  --cmplz_button_settings_background_color:#fff;--cmplz_button_settings_border_color:#918A84;--cmplz_button_settings_text_color:#2A2630;
  --cmplz_button_border_radius:999px;--cmplz_hyperlink_color:#5E4E8E;--cmplz_slider_active_color:#6F5DA0;--cmplz_text_color:#4A4550;--cmplz_banner_border_radius:16px}