body, h1, h2, h3, h4, h5, h6, p, li, a, span, div,
label, input, textarea, button, nav, nav a,
.hero__title, .hero__subtitle,
.text-block h2, .text-block h3, .text-block p,
.menu-item a, .navigation a {
  font-family: "Libre Baskerville", "Baskerville", Georgia, serif !important;
}
h1, h2, h3, h4, h5, h6 { letter-spacing: 0.02em !important; }
a[href*="skicka"], .hero__cta a, .call-to-actions a,
a.cta, .cta-button, button.cta,
.hero__content a, .hero-slider__content a {
  background: linear-gradient(135deg, #2e1420 0%, #523744 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 16px 40px !important;
  font-size: 14px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  box-shadow: 0 4px 15px rgba(58, 46, 36, 0.2) !important;
  text-decoration: none !important;
  display: inline-block !important;
}
a[href*="skicka"]:hover, .hero__cta a:hover, .call-to-actions a:hover,
a.cta:hover, .cta-button:hover, button.cta:hover,
.hero__content a:hover, .hero-slider__content a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(58, 46, 36, 0.35) !important;
  background: linear-gradient(135deg, #3d2933 0%, #6b4a5a 100%) !important;
}
.header__ctas a, .header__ctas .menu-item a,
nav.header__ctas a {
  padding: 10px 22px !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  border-radius: 50px !important;
  background: linear-gradient(135deg, #2e1420 0%, #523744 100%) !important;
  color: #fff !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  box-shadow: 0 2px 10px rgba(58, 46, 36, 0.15) !important;
  display: inline-block !important;
}
.header__ctas a:hover, .header__ctas .menu-item a:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 15px rgba(58, 46, 36, 0.3) !important;
  background: linear-gradient(135deg, #3d2933 0%, #6b4a5a 100%) !important;
}
.block-row__image img, .image-block img,
.gallery img, .wp-block-image img {
  transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.block-row__image:hover img, .image-block:hover img,
.gallery img:hover, .wp-block-image:hover img {
  transform: scale(1.03) !important;
}
.block-row__image, .image-block, .wp-block-image {
  overflow: hidden !important;
}
.header__nav .menu-item a {
  position: relative !important;
  text-decoration: none !important;
}
.header__nav .menu-item a::after {
  content: "" !important;
  position: absolute !important;
  width: 0 !important;
  height: 1px !important;
  bottom: -2px !important;
  left: 50% !important;
  background-color: #2e1420 !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  transform: translateX(-50%) !important;
}
.header__nav .menu-item a:hover::after {
  width: 100% !important;
}
.text-block h2::after {
  content: "" !important;
  display: block !important;
  width: 60px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #523744, transparent) !important;
  margin-top: 12px !important;
}
footer a, .footer a, .site-footer a {
  transition: color 0.3s ease, letter-spacing 0.3s ease !important;
}
footer a:hover, .footer a:hover, .site-footer a:hover {
  letter-spacing: 0.5px !important;
}
.hero__content, .hero-slider__content {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 16px !important;
  padding: 40px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
/* Dark Luxury slider arrows */
.slider__button.slick-arrow, .hero-slider__arrow, .slick-arrow {
  width: 54px !important;
  height: 54px !important;
  background: rgba(30, 25, 20, 0.5) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1.5px solid rgba(200, 175, 140, 0.3) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.slider__button.slick-arrow:hover, .hero-slider__arrow:hover, .slick-arrow:hover {
  background: rgba(30, 25, 20, 0.7) !important;
  border-color: rgba(200, 175, 140, 0.6) !important;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.25) !important;
  transform: scale(1.06) !important;
}
.slider__button.slick-arrow img {
  width: 18px !important;
  height: 18px !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
  transition: opacity 0.3s ease !important;
}
.slider__button.slick-arrow:hover img {
  opacity: 1 !important;
}
/* Reduce space between hero and category section */
.page > .block-row:nth-child(2) {
  margin-top: 40px !important;
}
/* Program accordion section - dark background */
.accordion {
  background-color: #523744 !important;
  padding: 40px 30px !important;
  border-radius: 12px !important;
}
.accordion, .accordion * {
  color: #ffffff !important;
}
.accordion .accordion__header {
  color: #ffffff !important;
}
.accordion .accordion_inner,
.accordion .accordion__content {
  color: #ffffff !important;
}


html { scroll-behavior: smooth !important; }
a, button, input, textarea { transition: all 0.3s ease; }
/* Fix: Reset flag/language switcher links */
.header__ctas .lang-item a,
.header__ctas .lang-item a:hover {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  display: inline !important;
  color: inherit !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: inherit !important;
  transform: none !important;
}
/* Fix: Hero title - keep original Playfair Display font */
.hero__title, .hero-slider__title, h1,
.hero__title i, .hero-slider__title i, h1 i,
.hero__title *, .hero-slider__title * {
  font-family: "Playfair Display", serif !important;
  font-weight: 400 !important;
}
/* Hero text box: rounded corners */
.slider__text-box {
  border-radius: 0 16px 16px 0 !important;
}
/* Rounded images on content (not slider) */
.block-row__image,
.block-row__image img,
.image-block, .image-block img,
.wp-block-image, .wp-block-image img,
.gallery__item, .gallery__item img,
.gallery-row img {
  border-radius: 16px !important;
  overflow: hidden !important;
}
/* Slider images stay sharp */
.slick-slide img, .slider__inner img {
  border-radius: 0 !important;
}
/* Google Reviews cards */
.brb-card {
  background: #fafaf8 !important;
  border: 1px solid rgba(90, 74, 58, 0.08) !important;
  border-radius: 12px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.brb-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06) !important;
}
/* Footer link animations */
footer a, .footer a {
  opacity: 0.75 !important;
  transition: opacity 0.3s ease, letter-spacing 0.3s ease !important;
}
footer a:hover, .footer a:hover {
  opacity: 1 !important;
}
/* Spotify section rounded */
.spotify-block, [class*="spotify"] {
  border-radius: 16px !important;
  overflow: hidden !important;
}
/* Warm white background - subtle beige tone */
html, body, .page, .header, header,
.slider__text-box, .block-row,
.block-row__block,
.text-block, .form-block {
  background-color: #faf8f4 !important;
}
hr.wp-block-separator.has-css-opacity,
.wp-block-separator, hr {
  background-color: #faf8f4 !important;
  border-color: #faf8f4 !important;
  background: #faf8f4 !important;
  color: #faf8f4 !important;
  opacity: 0 !important;
}

/* === 2026 DESIGN UPGRADES === */
/* 1. Hover zoom on category/image row images */
.block-row__image {
  overflow: hidden !important;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.block-row__block:hover .block-row__image {
  transform: scale(1.04) !important;
}
.block-row__block {
  overflow: hidden !important;
}
/* 2. Parallax support */
.slider__inner, .slick-slide img, .slider-wrapper img {
  transition: transform 0.1s linear !important;
}
/* 3. Typography - dramatic heading sizes */
.text-block h2 {
  font-size: 3.2rem !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}
.text-block h2 span {
  font-size: 5rem !important;
  line-height: 1 !important;
}
.block-row__block h4 {
  font-size: 1.6rem !important;
  letter-spacing: -0.01em !important;
}
.block-row__block p, .text-block p {
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
}

/*# sourceURL=sandudden-2026-inline-css */