html:not(#sdlz) :is(h1,h2,h3,h4,.rv-h,blockquote p){text-wrap:balance!important}body.home:not(#sdlz) .slider__text-box > a.button,body.home:not(#sdlz) #sd-offert-reopen{display:none!important}@media (min-width:768px){html.sdd-on:not(#sdlz) .slider-wrapper img{filter:brightness(.70)!important}html.sdd-on:not(#sdlz) .sdd-hs::after{background:none!important}html.sdd-konf:not(#sdlz) .page > .hero::before{background:rgba(14,10,12,.40)!important}}@media (max-width:1279px){html:not(#sdlz) .sdf-hs img,html:not(#sdlz) .slider-wrapper img{filter:brightness(.60)!important}html:not(#sdlz) .sdf-hs > i{background:linear-gradient(rgba(20,14,18,.2) 0%,rgba(20,14,18,0) 14%),linear-gradient(to top,rgba(20,14,18,.45) 0%,rgba(20,14,18,.2) 30%,rgba(20,14,18,0) 52%)!important}}
/* Fix: Bevara mellanrum mellan slider-bilder vid scroll */
.slider .slick-slide {
    overflow: hidden;
}

/* Pulserande glow runt hela sidan */
/* Fix: Slider-pilar - stabil position och #523744 glow */
.slider__button.slick-arrow,
.hero-slider__arrow,
.slick-arrow {
    background: rgba(82, 55, 68, 0.5) !important;
    border: 1.5px solid rgba(82, 55, 68, 0.3) !important;
    box-shadow: 0 0 15px 3px rgba(82, 55, 68, 0.3) !important;
    transition: 0.3s ease !important;
}
.slider__button.slick-arrow:hover,
.slider__button.slick-arrow:focus,
.slider__button.slick-arrow:active,
.hero-slider__arrow:hover,
.slick-arrow:hover,
.slick-arrow:focus,
.slick-arrow:active {
    transform: translate(0, -50%) !important;
    background: rgba(82, 55, 68, 0.65) !important;
    box-shadow: 0 0 22px 6px rgba(82, 55, 68, 0.45) !important;
    border-color: rgba(82, 55, 68, 0.5) !important;
}

/* Fix: Synliga pilikoner i slider */
.slick-prev,
.slick-next {
    font-size: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
}
.slick-prev::before,
.slick-next::before {
    content: "" !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    border-right: 3px solid #fff !important;
    border-bottom: 3px solid #fff !important;
    position: absolute !important;
    top: 50% !important;
}
.slick-next::before {
    transform: translate(-60%, -50%) rotate(-45deg) !important;
    left: 50% !important;
}
.slick-prev::before {
    transform: translate(-40%, -50%) rotate(135deg) !important;
    left: 50% !important;
}

/* === Rich Plugins Review Widget — Modern 2026 Styling === */

/* Google standard star color */
.rpi .rpi-stars {
  --rpi-star-color: #FBBC04 !important;
  --star-color: #FBBC04 !important;
  color: #FBBC04 !important;
}

/* Header card (rating box) */
.rpi-header .rpi-card-inner.rpi-flexwrap {
  background: linear-gradient(135deg, #3d2833 0%, #523744 100%) !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(82, 55, 68, 0.25) !important;
  min-height: 274px !important;
}
.rpi-header .rpi-card-inner.rpi-flexwrap,
.rpi-header .rpi-card-inner.rpi-flexwrap .rpi-name,
.rpi-header .rpi-card-inner.rpi-flexwrap .rpi-scale,
.rpi-header .rpi-card-inner.rpi-flexwrap .rpi-based {
  color: #fff !important;
}
.rpi-header .rpi-card-inner.rpi-flexwrap .rpi-based {
  color: rgba(255,255,255,0.7) !important;
  font-size: 16px !important;
}

/* Hide "Utmärkt" text */
.rpi-header .rpi-scale { display: none !important; }

/* Bigger rating text */
.rpi-header .rpi-card-inner.rpi-flexwrap .rpi-stars {
  font-size: 22px !important;
}

/* Google logo: replace store icon styling */
.rpi-header .rpi-img-wrap img {
  border: none !important;
  border-radius: 0 !important;
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
}

/* Button container - no border (avoid double border) */
.rpi-header .rpi-slider-btn {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  margin-top: -50px !important;
}

/* Hide "ge oss betyg på" button */
.rpi-header .rpi-slider-btn .rpi-review_us:last-child {
  display: none !important;
}

/* Show "Se alla recensioner" button */
.rpi-header .rpi-slider-btn .rpi-review_us:first-child {
  display: block !important;
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 12px !important;
}
.rpi-header .rpi-slider-btn .rpi-review_us:first-child:hover {
  background: rgba(255,255,255,0.25) !important;
}
.rpi-header .rpi-slider-btn .rpi-review_us:first-child a {
  color: #fff !important;
  display: block !important;
  padding: 8px 16px !important;
  border: none !important;
}

/* Review cards */
.rpi-content .rpi-card-inner {
  background: #FAF7F2 !important;
  border: 1px solid rgba(82, 55, 68, 0.06) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 16px rgba(82, 55, 68, 0.07), 0 1px 3px rgba(0,0,0,0.03) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.rpi-content .rpi-card-inner:hover {
  box-shadow: 0 8px 30px rgba(82, 55, 68, 0.14), 0 2px 8px rgba(0,0,0,0.05) !important;
  transform: translateY(-2px) !important;
}

.rpi-content .rpi-name a, .rpi-content .rpi-name {
  color: #523744 !important;
  font-weight: 600 !important;
}
.rpi-content .rpi-date { color: #aaa !important; font-size: 12px !important; }
.rpi-content .rpi-text { color: #444 !important; line-height: 1.65 !important; }

.rpi .rpi-img-wrap img {
  border-radius: 50% !important;
  border: 2px solid rgba(82, 55, 68, 0.1) !important;
}

/* Active dot - star yellow */
.rpi-dot.active { background: #FBBC04 !important; }

/* Google logo card */
.rpi-card-inner.rpi-logo.rpi-logo-google {
  border-radius: 16px !important;
  border: 1px solid rgba(82, 55, 68, 0.06) !important;
  background: #FAF7F2 !important;
  box-shadow: 0 2px 16px rgba(82, 55, 68, 0.07), 0 1px 3px rgba(0,0,0,0.03) !important;
}

/* === GALLERI PAGE — Heading & Lines === */
.hero--center h1 {
  font-size: 52px !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #0e0e0d !important;
  font-style: italic;
}
.hero--center h1::before,
.hero--center h1::after {
  display: none !important;
}
/* === Season Tabs — Pill style === */
.kioken-tabs-buttons {
  gap: 8px !important;
  padding: 6px !important;
  background: rgba(82, 55, 68, 0.12) !important;
  border-radius: 50px !important;
  margin-bottom: 40px !important;
}
.kioken-tabs-buttons-item {
  border-radius: 50px !important;
  padding: 12px 28px !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  letter-spacing: 0.03em !important;
  color: #523744 !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
}
.kioken-tabs-buttons-item:hover {
  background: rgba(82, 55, 68, 0.1) !important;
  color: #523744 !important;
  transform: translateY(-1px) !important;
}
.kioken-tabs-buttons-item-active,
.kioken-tabs-buttons-item-active:hover {
  background: linear-gradient(135deg, #523744 0%, #6b4a5a 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 15px rgba(82, 55, 68, 0.3) !important;
  transform: translateY(-1px) !important;
}

/* === Gallery Images — Hover effects === */
.wp-block-gallery .wp-block-image {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 16px rgba(82, 55, 68, 0.08) !important;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  position: relative !important;
}
.wp-block-gallery .wp-block-image:hover {
  box-shadow: 0 12px 40px rgba(82, 55, 68, 0.2) !important;
  transform: translateY(-4px) !important;
  z-index: 2 !important;
}
.wp-block-gallery .wp-block-image img {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), filter 0.4s ease !important;
}
.wp-block-gallery .wp-block-image:hover img {
  transform: scale(1.05) !important;
  filter: brightness(1.05) saturate(1.1) !important;
}
.wp-block-gallery .wp-block-image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 60%, rgba(82, 55, 68, 0.15) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease !important;
  pointer-events: none !important;
  border-radius: 16px !important;
}
.wp-block-gallery .wp-block-image:hover::after {
  opacity: 1 !important;
}

/* === Override business name: Villa Sandudden (not Konferens) === */
.rpi-header .rpi-name {
  font-size: 0 !important;
  line-height: 0 !important;
}
.rpi-header .rpi-name::after {
  content: "Villa Sandudden" !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

/* === Replace store icon with Google logo === */
.rpi-header .rpi-img-wrap {
  position: relative !important;
}
.rpi-header .rpi-img-wrap img {
  opacity: 0 !important;
  width: 64px !important;
  height: 64px !important;
}
.rpi-header .rpi-img-wrap::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 64px !important;
  height: 64px !important;
  background: url("https://www.google.com/images/branding/googleg/1x/googleg_standard_color_128dp.png") center/contain no-repeat !important;
}
/* cache-bust: 1774724068276 */

/* Alfred chatbot färg */
.mwai-header {
  background-image: none !important;
  background-color: #523744 !important;
}
.mwai-input-submit {
  background-image: none !important;
  background-color: #523744 !important;
}
.mwai-open-button svg {
  color: #523744 !important;
}

/* Alfred bubbla - större med lila ring */
.mwai-open-button {
  width: 85px !important;
  height: 85px !important;
  background-color: #523744 !important;
  border-radius: 50% !important;
  padding: 5px !important;
  box-sizing: border-box !important;
  border: 3px solid #523744 !important;
  box-shadow: 0 2px 12px rgba(82, 55, 68, 0.4);
}
.mwai-open-button .mwai-icon-container {
  width: 100% !important;
  height: 100% !important;
}
.mwai-open-button img {
    width: 90% !important;
    height: 90% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

.mwai-timeless-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-icon {
    max-width: 200% !important;
    max-height: 200% !important;
    width: 200% !important;
    height: 113% !important;
    object-fit: cover !important;
}
/* Pulserande ring runt Alfred, spelas 3 gånger */
@keyframes alfredPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 2px 12px rgba(82, 55, 68, 0.4), 0 0 0 0 rgba(82, 55, 68, 0.6);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 2px 12px rgba(82, 55, 68, 0.4), 0 0 0 14px rgba(82, 55, 68, 0.2);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 2px 12px rgba(82, 55, 68, 0.4), 0 0 0 0 rgba(82, 55, 68, 0);
  }
}

@keyframes fadeInAlfred {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.mwai-open-button {
  animation: fadeInAlfred 0.3s ease 3s both, alfredPulse 1.8s ease-in-out 8 3s both !important;
  border-radius: 50% !important;
}
.mwai-chat .mwai-header .mwai-avatar img {
  border-radius: 50% !important;
}
@keyframes fadeIconText {
  0% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}
.mwai-open-button .mwai-icon-text {
  position: absolute !important;
  bottom: 100% !important;
  right: 0 !important;
  left: auto !important;
  top: auto !important;
  margin-bottom: 10px !important;
  background: #523744 !important;
  color: white !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  width: 200px !important;
  text-align: left !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
  z-index: 9999 !important;animation: fadeIconText 15s forwards !important;
}

/* Dölj den lilla extra pilen (img) i slider-knapparna, behåll den stora ::before-pilen */
#next.slider__button img,
.slick-prev img,
.slick-next img {
    display: none !important;
}

/* Hemmakänsla - mörk gradient med art-känsla */
.slider__text-box h1 em {
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  background: linear-gradient(135deg, #0a0509, #3a1f2e, #1a0e14) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.mwai-trigger .mwai-icon-text-close { display: none !important; }

/* Alfreds snabbknappar ska glida in en och en, inte hoppa fram
   allihop. Carls beslut 17 sep 2026. */
@keyframes alfredKnappIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}
.mwai-shortcuts .mwai-shortcut {
  animation: alfredKnappIn .6s cubic-bezier(.16,.84,.26,1) both;
}
.mwai-shortcuts .mwai-shortcut:nth-child(1) { animation-delay: .20s; }
.mwai-shortcuts .mwai-shortcut:nth-child(2) { animation-delay: .42s; }
.mwai-shortcuts .mwai-shortcut:nth-child(3) { animation-delay: .64s; }
.mwai-shortcuts .mwai-shortcut:nth-child(4) { animation-delay: .86s; }
@media (prefers-reduced-motion: reduce) {
  .mwai-shortcuts .mwai-shortcut { animation: none; }
}

/* 17 sep 2026: chipsens utseende och beteende flyttade till kodsnutten
   "Alfred, snabbknappar variant B". Reglerna låg dubbelt här och den
   ogated dölj-regeln hade slagit sönder variant C. */
html.sdd-on .sdd-head ul.sdd-l > li.meny-jul > a{position:relative!important;overflow:visible!important}html.sdd-on .sdd-head ul.sdd-l > li.meny-jul > a::before{content:"";position:absolute;left:-11px;top:-14px;width:16px;height:25px;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 34' fill='none' stroke='white' stroke-width='1.1' stroke-linecap='round'><path d='M14 0 C14 8 13 14 11 20'/><path d='M11 20 C6 18 3 14 4 10 C8 11 11 15 11 20 Z'/><path d='M11 20 C16 19 19 15 19 11 C15 12 12 15 11 20 Z'/><circle cx='9.5' cy='23.5' r='1.7' fill='white'/><circle cx='12.6' cy='24.4' r='1.5' fill='white'/><circle cx='11' cy='27' r='1.4' fill='white'/></svg>") center/contain no-repeat;transform-origin:10px 0;animation:sdjSway 5s ease-in-out infinite;filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}@keyframes sdjSway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}html.sdd-on .sdd-head ul.sdd-l > li.meny-jul > a::after{content:"";position:absolute;left:-10px;right:-10px;top:-14px;height:64px;pointer-events:none;background-image:radial-gradient(1.4px 1.4px at 12% 20%,#fff 60%,transparent 70%),radial-gradient(1px 1px at 38% 60%,rgba(255,255,255,.85) 60%,transparent 70%),radial-gradient(1.6px 1.6px at 64% 10%,#fff 60%,transparent 70%),radial-gradient(1px 1px at 86% 48%,rgba(255,255,255,.8) 60%,transparent 70%),radial-gradient(1.2px 1.2px at 52% 88%,rgba(255,255,255,.7) 60%,transparent 70%);background-size:100% 64px;animation:sdjSnow 7s linear infinite;-webkit-mask:linear-gradient(transparent,#000 25%,#000 70%,transparent);mask:linear-gradient(transparent,#000 25%,#000 70%,transparent)}@keyframes sdjSnow{from{background-position:0 0}to{background-position:6px 64px}}@media (prefers-reduced-motion:reduce){html.sdd-on .sdd-head ul.sdd-l > li.meny-jul > a::before,html.sdd-on .sdd-head ul.sdd-l > li.meny-jul > a::after{animation:none!important}}
html body #julkonferens{--hero:url('/wp-content/uploads/2026/10/julkonferens-villa-sandudden-utan-logga.jpg')!important}
html body #julkonferens #julmiddagen .cta a.tlink[href*="meny-och-dryckeslista"]{display:none!important}
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:.8s}
::view-transition-old(root),::view-transition-new(root){animation-duration:.8s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
@media (max-width:767px){
html:not(#s81a):not(#s81b) .sdf-hs img{transform:scale(1.06)!important;transition:opacity 1.6s,transform 7s linear!important;animation:none!important}
html:not(#s81a):not(#s81b) .sdf-hs img.sdf-on{transform:scale(1)!important}
html:not(#s81a):not(#s81b) .sdf-hs img.sdf-on.sd81-first{transform:scale(1.06)!important;transition:none!important}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
html:not(#s81a):not(#s81b) .sdf-hs img,html:not(#s81a):not(#s81b) .sdf-hs img.sdf-on{transform:none!important;transition:opacity .6s!important}
}
@media (min-width:768px){
html.sdd-on:not(#s84a):not(#s84b) .sdd-head .sdd-logo img{filter:drop-shadow(0 0 .35px #fff) drop-shadow(0 0 .35px #fff) drop-shadow(0 0 1px rgba(8,6,7,.85)) drop-shadow(0 0 2.5px rgba(8,6,7,.5))!important}
html.sdd-on:not(#s84a):not(#s84b) .sdd-head .sdd-logo span{text-shadow:0 0 1px rgba(8,6,7,.85),0 0 3px rgba(8,6,7,.5)!important}
html.sdd-on:not(#s84a):not(#s84b) .sdd-head:not(.sdd-solid){background-image:linear-gradient(to bottom,rgba(8,6,7,.30) 0%,rgba(8,6,7,.16) 55%,rgba(8,6,7,0) 100%)!important}
html.sdd-on:not(#s84a):not(#s84b) .sdd-head:not(.sdd-solid) a:not(.sdd-logo),html.sdd-on:not(#s84a):not(#s84b) .sdd-head:not(.sdd-solid) .sdd-lw li{text-shadow:0 0 1px rgba(8,6,7,.8),0 0 6px rgba(8,6,7,.42),0 1px 14px rgba(8,6,7,.35)!important}
html.sdd-on:not(#s84a):not(#s84b) .sdd-head:not(.sdd-solid) .sdd-cta{box-shadow:0 0 10px rgba(8,6,7,.28),inset 0 0 10px rgba(8,6,7,.18)!important}
html.sdd-on:not(#s84a):not(#s84b) .sdd-head:not(.sdd-solid) svg,html.sdd-on:not(#s84a):not(#s84b) .sdd-head:not(.sdd-solid) a img:not(.sdd-logo img),html.sdd-on:not(#s84a):not(#s84b) .sdd-head:not(.sdd-solid) .sdd-lw li a.on{filter:drop-shadow(0 0 1px rgba(8,6,7,.7)) drop-shadow(0 1px 5px rgba(8,6,7,.4))}
}
/* 1 Menyn vid scroll: samma tjocklek som Macakizi */
@media (min-width:1280px){html.sdd-on:not(#s73a):not(#s73b) .sdd-head.sdd-solid{height:120px!important}}
/* 4 SV / EN längst till vänster från 1421 px (smalare skärmar behåller den till höger så inget krockar), Förfrågan står kvar där den stod */
@media (min-width:1421px){
html.sdd-on:not(#s73a):not(#s73b) .sdd-head .sdd-r > ul.sdd-lw{position:absolute!important;left:14px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
html.sdd-on:not(#s73a):not(#s73b) .sdd-head .sdd-r:has(ul.sdd-lw) > .sdd-cta{margin-right:52px!important}
}
@media (min-width:1421px) and (max-width:1480px){html.sdd-on:not(#s73a):not(#s73b) .sdd-head ul.sdd-l{column-gap:22px!important;gap:22px!important}}
/* 3 Julsidan */
html:not(#s73a) #julkonferens > #fragor,html:not(#s73a) #julkonferens > .google.rv,html:not(#s73a) #julkonferens > #boka{display:none!important}
/* 5 Historia */
html.sdd-on:not(#s73a):not(#s73b) .sdd-col img.k1{width:292px!important;object-fit:cover!important;object-position:0 50%!important}
html.sdd-on:not(#s73a):not(#s73b) .sdd-col img.k3{filter:drop-shadow(0 8px 12px rgba(30,24,26,.11))!important}
/* 6 Mobilen: rubrikerna i toppen centrerade som på datorn, utan streck, och toppbilderna i 100 % ljus */
@media (max-width:767px){
html:not(#s73a):not(#s73b) .slider-wrapper .slider__text-box > h1{left:0!important;right:0!important;width:100%!important;max-width:none!important;text-align:center!important;padding:0 16px!important;box-sizing:border-box!important}
html:not(#s73a):not(#s73b) .slider-wrapper .slider__text-box > h1::before{content:none!important;display:none!important}
html.sdf-sub-on:not(#s73a):not(#s73b) :is(div.page,article.page) > .hero .hero__inner > h1{left:16px!important;right:16px!important;width:auto!important;max-width:none!important;text-align:center!important}
html.sdf-sub-on:not(#s73a):not(#s73b) :is(div.page,article.page) > .hero .hero__inner > h1::before{content:none!important;display:none!important}
html:not(#sdlz):not(#s73m) .sdf-hs img,html:not(#sdlz):not(#s73m) .slider-wrapper img{filter:brightness(.88)!important}
/* Mobilmenyn när den syns: samma svart och genomskinlighet som datorns meny, ingen blur */
html.sdf-hdr-solid:not(#s73a):not(#s73b) body header.header{background:linear-gradient(rgba(0,0,0,.14),rgba(0,0,0,0)),rgba(0,0,0,.7)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
/* Förfrågan: tomma stycken efter formuläret gav 16 px beige glipa ovanför sidfoten */
html:not(#s73a) article.page:has(#sdq) > p:empty{display:none!important}