/* =========================================================
   Székelyszállás.hu
   Lumina custom overrides
   2026
   ========================================================= */


/* =========================================================
   01. HOMEPAGE HERO
   ========================================================= */

body.lumina-home {
    --lumina-hero-height: clamp(620px, 78vh, 820px);
}

body.lumina-home .lumina__hero {
    min-height: 620px;
    position: relative;
}

body.lumina-home .lumina__hero-media {
    position: absolute;
    inset: 0;
    overflow: hidden;
}


/* Hero slideshow */

.szs-hero-slideshow {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.szs-hero-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    animation: szsHeroFade 24s infinite;
    will-change: opacity;
}

.szs-hero-slide:nth-child(1) {
    animation-delay: 0s;
}

.szs-hero-slide:nth-child(2) {
    animation-delay: 8s;
}

.szs-hero-slide:nth-child(3) {
    animation-delay: 16s;
}

.szs-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(9, 24, 22, 0.64) 0%,
            rgba(9, 24, 22, 0.46) 36%,
            rgba(9, 24, 22, 0.20) 68%,
            rgba(9, 24, 22, 0.08) 100%
        ),
        linear-gradient(
            0deg,
            rgba(9, 24, 22, 0.24) 0%,
            rgba(9, 24, 22, 0.03) 55%
        );
}

@keyframes szsHeroFade {
    0% {
        opacity: 0;
    }

    4% {
        opacity: 1;
    }

    29% {
        opacity: 1;
    }

    34% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


/* Hero copy */

body.lumina-home .lm-hero-copy {
    position: relative;
    z-index: 5;
    max-width: 800px;
}

body.lumina-home .lm-hero-copy h1 {
    max-width: 780px;
    margin: 0 0 0.9rem;
    font-size: clamp(2.8rem, 5vw, 5rem);
    line-height: 1;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

body.lumina-home .lm-hero-copy p {
    max-width: 680px;
    margin: 0;
    font-size: clamp(1rem, 1.3vw, 1.2rem);
    line-height: 1.55;
}


/* Booking search above image */

body.lumina-home .lumina__hero-booking {
    position: relative;
    z-index: 5;
}


/* =========================================================
   02. MOBILE HERO
   ========================================================= */

@media (max-width: 767px) {

    body.lumina-home {
        --lumina-hero-height: auto;
    }

    body.lumina-home .lumina__hero {
        min-height: 680px;
    }

    body.lumina-home .lm-hero-copy {
        max-width: 100%;
    }

    body.lumina-home .lm-hero-copy h1 {
        font-size: clamp(2.2rem, 10vw, 3.25rem);
        line-height: 1.03;
        letter-spacing: -0.025em;
    }

    body.lumina-home .lm-hero-copy p {
        font-size: 1rem;
        line-height: 1.5;
    }

    .szs-hero-slide {
        object-position: center center;
    }

    .szs-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(9, 24, 22, 0.40) 0%,
                rgba(9, 24, 22, 0.58) 55%,
                rgba(9, 24, 22, 0.70) 100%
            );
    }
}


/* Accessibility */


/* =========================================================
   03. HEADER / LOGO
   ========================================================= */

/* Hero fölött: világos logó a sötét háttérhez */
@media (min-width: 768px) {

    body.lumina-header--transparent.lumina-has-hero
    .lumina__header:not(.is-stuck)
    .lumina__logo-img {
        filter: brightness(0) invert(1);
        opacity: 0.96;
        height: 38px;
        width: auto;
        max-width: none;
        transition:
            filter 0.25s ease,
            opacity 0.25s ease,
            height 0.25s ease;
    }

    body.lumina-header--transparent.lumina-has-hero
    .lumina__header:not(.is-stuck)
    .lumina__logo {
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.32));
    }

    /* Görgetés után: eredeti logószín */
    body.lumina-header--transparent.lumina-has-hero
    .lumina__header.is-stuck
    .lumina__logo-img {
        filter: none;
        opacity: 1;
        height: 38px;
        width: auto;
        max-width: none;
    }

}


/* Mobilon is legyen olvasható a hero fölött */
@media (max-width: 767px) {

    body.lumina-header--transparent.lumina-has-hero
    .lumina__header:not(.is-stuck)
    .lumina__logo-img {
        filter: brightness(0) invert(1);
        height: 34px;
        width: auto;
    }

    body.lumina-header--transparent.lumina-has-hero
    .lumina__header.is-stuck
    .lumina__logo-img {
        filter: none;
        height: 34px;
        width: auto;
    }

}


/* =========================================================
   HERO – FAILSAFE BACKGROUND + STACKING
   ========================================================= */

body.lumina-home .lumina__hero-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;

    background-image:
        linear-gradient(
            90deg,
            rgba(9, 24, 22, 0.48) 0%,
            rgba(9, 24, 22, 0.25) 48%,
            rgba(9, 24, 22, 0.08) 100%
        ),
        url('/images/hero/szekelyszallas-hero-osz.webp');

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

body.lumina-home .szs-hero-slideshow {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

body.lumina-home .szs-hero-slide {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    visibility: visible !important;
}

/* Első kép biztos fallback */
body.lumina-home .szs-hero-slide:nth-child(1) {
    z-index: 1 !important;
    opacity: 1 !important;
    animation: none !important;
}

/* A két további kép váltakozik fölötte */
body.lumina-home .szs-hero-slide:nth-child(2),
body.lumina-home .szs-hero-slide:nth-child(3) {
    z-index: 2 !important;
    opacity: 0;
    animation: szsHeroCrossfade 24s ease-in-out infinite !important;
}

body.lumina-home .szs-hero-slide:nth-child(2) {
    animation-delay: 8s !important;
}

body.lumina-home .szs-hero-slide:nth-child(3) {
    animation-delay: 16s !important;
}

@keyframes szsHeroCrossfade {
    0%, 3% {
        opacity: 0;
    }

    8%, 28% {
        opacity: 1;
    }

    34%, 100% {
        opacity: 0;
    }
}

body.lumina-home .szs-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 3 !important;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(9, 24, 22, 0.44) 0%,
        rgba(9, 24, 22, 0.22) 52%,
        rgba(9, 24, 22, 0.06) 100%
    );
}

/* Szöveg és kereső mindig a képek fölött */
body.lumina-home .lumina__hero-booking {
    position: relative;
    z-index: 10 !important;
}


/* ============================================================
   Székelyszállás.hu – Lumina header P0
   Cél: transparent hero header -> világos sticky header
   Helye: /media/templates/site/lumina/css/custom.css VÉGÉRE
   2026-09-24
   ============================================================ */

:root {
  --ss-green: #183746;
  --ss-green-deep: #122c38;
  --ss-green-hover: #28546a;
  --ss-cream: #F6F2E9;
  --ss-text: #26312E;
  --ss-gold: #B69354;
  --ss-header-h: 72px;
  --ss-header-h-mobile: 62px;
}

/* 1) Alap fejléc – a Lumina sticky/position logikáját nem írjuk felül. */
.lumina__header {
  z-index: 1030;
  transition: background-color .22s ease, box-shadow .22s ease,
              border-color .22s ease, color .22s ease;
}

/* Lehetséges belső wrapper-ek: csak magasságot/ritmust adunk. */
.lumina__header .container,
.lumina__header .container-fluid,
.lumina__header-inner {
  min-height: var(--ss-header-h);
}

/* 2) Logo – a 812x150 körüli horizontális arányhoz. */
.lumina__logo-img {
  display: block;
  width: auto;
  height: 46px;
  max-width: min(320px, 34vw);
  object-fit: contain;
  object-position: left center;
  transition: height .22s ease, opacity .18s ease;
}

/* 3) Homepage hero fölött: átlátszó, világos navigáció. */
body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck) {
  background: linear-gradient(
    to bottom,
    rgba(18, 38, 32, .56) 0%,
    rgba(18, 38, 32, .22) 58%,
    rgba(18, 38, 32, 0) 100%
  );
  border-bottom-color: transparent;
  box-shadow: none;
  color: #fff;
}

body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck) .lumina__nav a,
body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck) a {
  color: #fff;
}

body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck) .lumina__nav a {
  text-shadow: 0 1px 12px rgba(0, 0, 0, .26);
}

/* 4) Sticky / normál világos fejléc. */
.lumina__header.is-stuck,
body:not(.lumina-header--transparent) .lumina__header {
  background: rgba(246, 242, 233, .96);
  color: var(--ss-text);
  border-bottom: 1px solid rgba(39, 70, 59, .10);
  box-shadow: 0 8px 26px rgba(34, 60, 52, .10);
  -webkit-backdrop-filter: blur(14px) saturate(115%);
  backdrop-filter: blur(14px) saturate(115%);
}

.lumina__header.is-stuck .lumina__nav a,
.lumina__header.is-stuck a,
body:not(.lumina-header--transparent) .lumina__header .lumina__nav a,
body:not(.lumina-header--transparent) .lumina__header a {
  color: var(--ss-text);
}

.lumina__header.is-stuck .lumina__logo-img {
  height: 42px;
}

/* 5) Menü – visszafogott, egyértelmű hover/focus. */
.lumina__nav a {
  position: relative;
  font-weight: 550;
  text-decoration: none;
  transition: color .16s ease, opacity .16s ease;
}

.lumina__nav a:hover,
.lumina__nav a:focus-visible {
  color: var(--ss-green-hover);
}

body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck) .lumina__nav a:hover,
body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck) .lumina__nav a:focus-visible {
  color: #fff;
  opacity: .82;
}

.lumina__header a:focus-visible,
.lumina__header button:focus-visible {
  outline: 2px solid var(--ss-gold);
  outline-offset: 3px;
  border-radius: 4px;
}

/* 6) Mobil drawer-brand: desktopon ne jelenjen meg duplán. */
@media (min-width: 992px) {
  .lumina__drawer-brand {
    display: none !important;
  }
}

/* 7) Hamburger / utility ikonok – több lehetséges Lumina/Bootstrap selector. */
body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck) :is(.navbar-toggler, .lumina__menu-toggle, .lumina__drawer-toggle, button[aria-controls*="menu"], button[aria-controls*="drawer"]) {
  color: #fff;
  border-color: rgba(255,255,255,.35);
}

.lumina__header.is-stuck :is(.navbar-toggler, .lumina__menu-toggle, .lumina__drawer-toggle, button[aria-controls*="menu"], button[aria-controls*="drawer"]) {
  color: var(--ss-green-deep);
  border-color: rgba(39,70,59,.18);
}

/* 8) Tablet / mobil. */
@media (max-width: 991.98px) {
  .lumina__header .container,
  .lumina__header .container-fluid,
  .lumina__header-inner {
    min-height: var(--ss-header-h-mobile);
  }

  .lumina__logo-img {
    height: 36px;
    max-width: min(230px, 68vw);
  }

  .lumina__header.is-stuck .lumina__logo-img {
    height: 34px;
  }
}

@media (max-width: 389.98px) {
  .lumina__logo-img {
    height: 32px;
    max-width: 210px;
  }
}

/* 9) Mozgáscsökkentés. */
@media (prefers-reduced-motion: reduce) {
  .lumina__header,
  .lumina__logo-img,
  .lumina__nav a {
    transition: none !important;
  }
}

/* ============================================================
   SS LOGO STATE SWITCH 2026-09-24
   Transparent hero: fehér logó
   Sticky hero header: zöld logó
   A belső oldalak dark/light kezelését a Lumina natívan végzi.
   ============================================================ */

/* HERO tetején: normál/zöld elrejtve, fehér dark variáns látható */
body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck)
.lumina__logo--has-dark
.lumina__logo-img:not(.lumina__logo-img--dark) {
  display: none !important;
}

body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck)
.lumina__logo--has-dark
.lumina__logo-img--dark {
  display: block !important;
}

/* Sticky állapot: a világos fejlécen ismét a zöld főlogó */
body.lumina-header--transparent.lumina-has-hero
.lumina__header.is-stuck
.lumina__logo--has-dark
.lumina__logo-img:not(.lumina__logo-img--dark) {
  display: block !important;
}

body.lumina-header--transparent.lumina-has-hero
.lumina__header.is-stuck
.lumina__logo--has-dark
.lumina__logo-img--dark {
  display: none !important;
}


/* ============================================================
   SS HEADER FINETUNE 2026-09-24
   ============================================================ */

@media (min-width: 992px) {
  .lumina__header-inner {
    min-height: 68px;
    padding-block: 8px;
    gap: 22px;
  }

  .lumina__logo-img {
    height: 42px;
    max-width: 245px;
  }

  .lumina__header.is-stuck .lumina__logo-img {
    height: 40px;
  }

  .lumina__nav > ul {
    gap: clamp(14px, 1.35vw, 24px);
  }

  .lumina__nav > ul > li > a,
  .lumina__nav > ul > li > .mod-menu__heading,
  .lumina__nav > ul > li > .mod-menu__separator {
    font-size: 0.875rem;
  }

  .lumina__header-utilities {
    gap: 10px;
  }
}


/* ============================================================
   SS DROPDOWN FIX 2026-09-24
   Transparent header dropdown: világos panel + sötét szöveg
   ============================================================ */

body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck)
.lumina__nav ul ul {
  background-color: rgba(255, 255, 255, .98);
  color: var(--ss-text);
  text-shadow: none;
  border: 1px solid rgba(39, 70, 59, .10);
  box-shadow: 0 12px 32px rgba(20, 38, 32, .16);
}

body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck)
.lumina__nav ul ul a,

body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck)
.lumina__nav ul ul .mod-menu__heading,

body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck)
.lumina__nav ul ul .mod-menu__separator {
  color: var(--ss-text) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck)
.lumina__nav ul ul a:hover,

body.lumina-header--transparent.lumina-has-hero
.lumina__header:not(.is-stuck)
.lumina__nav ul ul a:focus-visible {
  color: var(--ss-green) !important;
  background-color: rgba(39, 70, 59, .07);
  opacity: 1 !important;
}


/* ==========================================================
   SS REGION LANDING V1
   2026-09-25
   ========================================================== */

.ss-region-module {
    margin: 0;
}

.ss-region-hero {
    padding: clamp(28px, 4vw, 58px) 20px;
}

.ss-region-hero__inner {
    width: min(1240px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
    gap: clamp(28px, 5vw, 70px);
    align-items: center;
}

.ss-region-hero__content {
    max-width: 760px;
}

.ss-region-hero__eyebrow {
    margin-bottom: 10px;
    font-size: .82rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #a84f32;
}

.ss-region-hero h1 {
    margin: 0 0 18px;
    max-width: 820px;
    font-size: clamp(2rem, 4vw, 3.35rem);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.ss-region-hero__lead {
    margin: 0;
    max-width: 720px;
    font-size: clamp(1rem, 1.4vw, 1.17rem);
    line-height: 1.72;
    color: #52605a;
}

.ss-region-hero__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.ss-region-hero__links a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 9px 16px;
    border: 1px solid #d6ddd5;
    border-radius: 999px;
    background: #fff;
    color: #26332b;
    font-weight: 600;
    text-decoration: none;
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.ss-region-hero__links a:hover,
.ss-region-hero__links a:focus-visible {
    transform: translateY(-1px);
    border-color: #8eaa7e;
    box-shadow: 0 6px 18px rgba(31, 52, 38, .08);
}

.ss-region-hero__links .ss-region-hero__primary {
    border-color: #a84f32;
    background: #a84f32;
    color: #fff;
}

.ss-region-hero__media {
    margin: 0;
    overflow: hidden;
    border-radius: 22px;
    aspect-ratio: 4 / 3;
    background: #eef2ec;
    box-shadow: 0 16px 45px rgba(29, 47, 35, .14);
}

.ss-region-hero__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ss-region-anchor {
    position: relative;
    top: -90px;
    height: 0;
    overflow: hidden;
}

@media (max-width: 820px) {
    .ss-region-hero {
        padding: 24px 16px 32px;
    }

    .ss-region-hero__inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .ss-region-hero__media {
        order: -1;
        border-radius: 16px;
        max-height: 320px;
    }

    .ss-region-hero h1 {
        font-size: clamp(1.85rem, 8vw, 2.6rem);
    }

    .ss-region-hero__links {
        margin-top: 20px;
    }
}

/* ==========================================================
   END SS REGION LANDING V1
   ========================================================== */


/* ==========================================================
   SS REGION DISCOVER V1
   ========================================================== */

.ss-region-discover-module {
    margin-bottom: 34px;
}

.ss-region-discover {
    padding: 12px 0 24px;
}

.ss-region-discover__header {
    max-width: 760px;
    margin-bottom: 24px;
}

.ss-region-discover__eyebrow {
    display: block;
    margin-bottom: 8px;
    font-size: .78rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #a84f32;
}

.ss-region-discover h2 {
    margin: 0 0 12px;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    line-height: 1.15;
    letter-spacing: -.02em;
}

.ss-region-discover__header p {
    margin: 0;
    line-height: 1.65;
    color: #5b665f;
}

.ss-region-discover__grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
}

.ss-region-place {
    position: relative;
    display: block;
    padding: 22px;
    border: 1px solid #e1e6e1;
    border-radius: 16px;
    background: #fff;
    color: inherit;
    text-decoration: none;
}

.ss-region-place--linked {
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.ss-region-place--linked:hover,
.ss-region-place--linked:focus-visible {
    transform: translateY(-2px);
    border-color: #a8bca0;
    box-shadow: 0 10px 28px rgba(35,54,40,.08);
    color: inherit;
}

.ss-region-place__type {
    display: block;
    margin-bottom: 8px;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6c806e;
}

.ss-region-place h3 {
    margin: 0 0 10px;
    font-size: 1.28rem;
    line-height: 1.25;
}

.ss-region-place p {
    margin: 0;
    line-height: 1.6;
    color: #5b665f;
}

.ss-region-place__link,
.ss-region-place__coming {
    display: block;
    margin-top: 16px;
    font-size: .9rem;
    font-weight: 700;
}

.ss-region-place__link {
    color: #a84f32;
}

.ss-region-place__coming {
    color: #859087;
}

@media (max-width: 700px) {

    .ss-region-discover__grid {
        grid-template-columns: 1fr;
    }

    .ss-region-place {
        padding: 18px;
    }

}

/* ==========================================================
   END SS REGION DISCOVER V1
   ========================================================== */


/* =========================================================
   Székelyszállás – régiós szekciófejléc
   ========================================================= */

.ss-region-section-header {
    margin: 2.25rem 0 1.15rem;
}

.ss-region-section-header__eyebrow {
    display: block;
    margin-bottom: .45rem;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .68;
}

.ss-region-section-header h2 {
    margin: 0 0 .55rem;
}

.ss-region-section-header p {
    max-width: 760px;
    margin: 0;
    opacity: .82;
}


/* ==========================================================
   Székelyszállás – Solidres keresési találatok / szálláskártyák
   P0 frontend refresh
   ========================================================== */

body.com_solidres.view-search #search-results .asset-row.asset-row-list {
    --bs-gutter-x: 0;

    display: grid;
    grid-template-columns: minmax(220px, 30%) minmax(0, 1fr);

    margin: 0 0 1.35rem;
    overflow: hidden;

    background: var(--lumina-color-surface);
    border: var(--lumina-border-width) solid var(--lumina-color-border);
    border-radius: var(--lumina-radius-lg);
    box-shadow: var(--lumina-shadow-sm);

    transition:
        box-shadow var(--lumina-transition-base),
        transform var(--lumina-transition-base),
        border-color var(--lumina-transition-base);
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list:hover {
    transform: translateY(-2px);
    border-color: var(--lumina-color-border-strong);
    box-shadow: var(--lumina-shadow-md);
}


/* Bootstrap oszlopméretek felülírása csak a találati kártyán */

body.com_solidres.view-search #search-results .asset-row.asset-row-list > .col-md-3,
body.com_solidres.view-search #search-results .asset-row.asset-row-list > .col-md-9 {
    width: auto;
    max-width: none;
    padding: 0;
}


/* ----------------------------------------------------------
   KÉP / CAROUSEL
   ---------------------------------------------------------- */

body.com_solidres.view-search #search-results .asset-row.asset-row-list > .col-md-3 {
    min-width: 0;
    background: var(--lumina-color-surface-2);
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list > .col-md-3 > .carousel {
    width: 100%;
    height: 100%;
    min-height: 230px;

    border-radius: 0;
    box-shadow: none;
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list .carousel-inner,
body.com_solidres.view-search #search-results .asset-row.asset-row-list .carousel-item,
body.com_solidres.view-search #search-results .asset-row.asset-row-list .carousel-item > a {
    height: 100%;
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list .carousel-item img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 230px;

    object-fit: cover;

    transition: transform var(--lumina-transition-slow);
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list:hover .carousel-item.active img {
    transform: scale(1.025);
}


/* ----------------------------------------------------------
   SZÖVEGES TARTALOM
   ---------------------------------------------------------- */

body.com_solidres.view-search #search-results .asset-row.asset-row-list > .col-md-9 {
    padding: 1.2rem 1.4rem 1.25rem;
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .55rem;

    margin: 0 0 .6rem;

    font-size: clamp(1.2rem, 1.8vw, 1.5rem);
    line-height: 1.25;
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list h3 > a {
    color: var(--lumina-color-heading);
    text-decoration: none;
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list h3 > a:hover {
    color: var(--lumina-color-primary);
}


/* Csillagok */

body.com_solidres.view-search #search-results .asset-row.asset-row-list .rating-wrapper {
    margin-inline-start: 0;
    white-space: nowrap;
}


/* Cím + térkép */

body.com_solidres.view-search #search-results .asset-row.asset-row-list > .col-md-9 > p {
    margin: 0 0 .75rem;
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list .reservation_asset_subinfo.address_1 {
    color: var(--lumina-color-text-muted);
    font-size: .94rem;
    line-height: 1.5;
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list .show_map {
    display: inline-block;

    margin-inline-start: .4rem;

    font-size: .84rem;
    font-weight: 600;
    text-decoration: none;
}


/* Árintervallum:
   a cím/adressz utáni második közvetlen P */

body.com_solidres.view-search #search-results .asset-row.asset-row-list > .col-md-9 > p + p {
    margin-top: .15rem;
    margin-bottom: .75rem;

    color: var(--lumina-color-heading);
    font-weight: 650;
}


/* ----------------------------------------------------------
   SZOBATÍPUSOK – kompakt információs sorok
   ---------------------------------------------------------- */

body.com_solidres.view-search #search-results .asset-row.asset-row-list .room-type-row {
    margin: 0;
    padding: .55rem 0;

    border-top: var(--lumina-border-width) solid var(--lumina-color-border);
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list .room-type-row:first-of-type {
    margin-top: .25rem;
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list .room-type-row .col-md-12 {
    padding: 0;
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list .room-type-row .inner {
    display: flex;
    align-items: center;
    gap: .55rem;

    padding: 0;

    font-size: .92rem;
    line-height: 1.4;
}

body.com_solidres.view-search #search-results .asset-row.asset-row-list .room-type-row .badge {
    flex: 0 0 auto;
    border-radius: var(--lumina-radius-pill);
}


/* ----------------------------------------------------------
   MOBIL
   ---------------------------------------------------------- */

@media (max-width: 767.98px) {

    body.com_solidres.view-search #search-results .asset-row.asset-row-list {
        display: block;
        margin-bottom: 1.1rem;
    }

    body.com_solidres.view-search #search-results .asset-row.asset-row-list > .col-md-3 > .carousel {
        height: auto;
        min-height: 0;
        aspect-ratio: 16 / 10;
    }

    body.com_solidres.view-search #search-results .asset-row.asset-row-list .carousel-item img {
        min-height: 0;
        aspect-ratio: 16 / 10;
    }

    body.com_solidres.view-search #search-results .asset-row.asset-row-list > .col-md-9 {
        padding: 1rem 1.05rem 1.1rem;
    }

    body.com_solidres.view-search #search-results .asset-row.asset-row-list h3 {
        font-size: 1.2rem;
    }

    body.com_solidres.view-search #search-results .asset-row.asset-row-list .room-type-row .inner {
        align-items: flex-start;
    }
}


/* ==========================================================
   Székelyszállás – főoldali kiemelt szálláskártyák
   mod_sr_assets / modules 154 + 155
   P0 frontend refresh
   ========================================================== */


/* ----------------------------------------------------------
   SZEKCIÓCÍMEK
   ---------------------------------------------------------- */

body.itemid-101 :is(#mod-154, #mod-155) {
    margin-top: 2.75rem;
    margin-bottom: 1.25rem;

    color: var(--lumina-color-heading);
    font-size: clamp(1.55rem, 2.3vw, 2rem);
    line-height: 1.2;
}


/* ----------------------------------------------------------
   KÁRTYARÁCS
   ---------------------------------------------------------- */

body.itemid-101 .solidres-module-asset {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.35rem;

    margin: 0;
}


/* ----------------------------------------------------------
   KÁRTYA
   ---------------------------------------------------------- */

body.itemid-101 .solidres-module-asset-item {
    width: auto;
    max-width: none;
    padding: 0;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background: var(--lumina-color-surface);
    border: var(--lumina-border-width) solid var(--lumina-color-border);
    border-radius: var(--lumina-radius-lg);
    box-shadow: var(--lumina-shadow-sm);

    transition:
        transform var(--lumina-transition-base),
        box-shadow var(--lumina-transition-base),
        border-color var(--lumina-transition-base);
}

body.itemid-101 .solidres-module-asset-item:hover {
    transform: translateY(-3px);
    border-color: var(--lumina-color-border-strong);
    box-shadow: var(--lumina-shadow-md);
}


/* ----------------------------------------------------------
   KÉP / CAROUSEL
   ---------------------------------------------------------- */

body.itemid-101 .solidres-module-asset-item > .assetcarousel {
    width: 100%;
    aspect-ratio: 16 / 10;

    border-radius: 0;
    box-shadow: none;

    background: var(--lumina-color-surface-2);
}

body.itemid-101 .solidres-module-asset-item .carousel-inner,
body.itemid-101 .solidres-module-asset-item .carousel-item {
    height: 100%;
}

body.itemid-101 .solidres-module-asset-item .carousel-item img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform var(--lumina-transition-slow);
}

body.itemid-101 .solidres-module-asset-item:hover .carousel-item.active img {
    transform: scale(1.025);
}


/* Carousel nyilak */

body.itemid-101 .solidres-module-asset-item .carousel-control-prev,
body.itemid-101 .solidres-module-asset-item .carousel-control-next {
    width: 14%;
}


/* ----------------------------------------------------------
   NÉV
   ---------------------------------------------------------- */

body.itemid-101 .solidres-module-asset-item > h3 {
    margin: 0;
    padding: 1.05rem 1.15rem .4rem;

    color: var(--lumina-color-heading);
    font-size: 1.22rem;
    line-height: 1.3;
}


/* ----------------------------------------------------------
   LEÍRÁS / ÁR
   ---------------------------------------------------------- */

body.itemid-101 .solidres-module-asset-item > .asset_desc {
    flex: 1;

    padding: 0 1.15rem;

    color: var(--lumina-color-text-muted);
    font-size: .94rem;
    line-height: 1.5;
}

body.itemid-101 .solidres-module-asset-item .asset_desc:empty {
    min-height: .5rem;
}

body.itemid-101 .solidres-module-asset-item .sr-asset-price {
    margin: .35rem 0 .45rem;

    color: var(--lumina-color-heading);
    font-weight: 650;
}


/* ----------------------------------------------------------
   CTA
   ---------------------------------------------------------- */

body.itemid-101 .solidres-module-asset-item > p:last-child {
    margin: auto 0 0;
    padding: .8rem 1.15rem 1.15rem;
}

body.itemid-101 .solidres-module-asset-item .btn.btn-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 2.65rem;
    padding: .55rem 1rem;

    border-color: var(--lumina-color-primary);
    border-radius: var(--lumina-radius-pill);

    background: var(--lumina-color-primary);
    color: var(--lumina-color-primary-contrast);

    font-weight: 600;
    text-decoration: none;
}

body.itemid-101 .solidres-module-asset-item .btn.btn-info:hover,
body.itemid-101 .solidres-module-asset-item .btn.btn-info:focus-visible {
    border-color: var(--lumina-color-primary-strong);
    background: var(--lumina-color-primary-strong);
    color: var(--lumina-color-primary-contrast);
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width: 991.98px) {

    body.itemid-101 .solidres-module-asset {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* ----------------------------------------------------------
   MOBIL
   ---------------------------------------------------------- */

@media (max-width: 767.98px) {

    body.itemid-101 .solidres-module-asset {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    body.itemid-101 :is(#mod-154, #mod-155) {
        margin-top: 2rem;
        margin-bottom: 1rem;

        font-size: 1.45rem;
    }

    body.itemid-101 .solidres-module-asset-item > .assetcarousel {
        aspect-ratio: 16 / 10;
    }

}


/* ==========================================================
   Székelyszállás – főoldali bizalmi / előnykártyák
   module 144
   ========================================================== */

.home-values {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(1rem, 2.5vw, 2rem);
    margin-block: clamp(2rem, 5vw, 4rem);
}

.home-value {
    text-align: center;
    padding: clamp(1.25rem, 2vw, 2rem);
    background: var(--lumina-color-surface, #fff);
    border: 1px solid var(--lumina-color-border, #e3e6e4);
    border-radius: var(--lumina-radius-lg, 1rem);
}

.home-value-icon {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto 1rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: color-mix(
        in srgb,
        var(--lumina-color-primary, #196c64) 10%,
        transparent
    );
    color: var(--lumina-color-primary, #196c64);
}

.home-value-icon svg {
    width: 1.75rem;
    height: 1.75rem;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-value h3 {
    margin: 0 0 .5rem;
    font-size: 1.05rem;
    line-height: 1.25;
}

.home-value p {
    margin: 0;
    font-size: .9rem;
    line-height: 1.5;
    color: var(--lumina-color-text-muted, #59635f);
}

@media (max-width: 767px) {
    .home-values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 479px) {
    .home-values {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================
   EU Rural Tourism – diszkrét támogatói jelzés a footerben
   ========================================================== */

.footer-project-credit {
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid color-mix(
        in srgb,
        currentColor 12%,
        transparent
    );
}

.footer-project-credit img {
    display: block;
    width: auto;
    max-width: 240px;
    height: auto;
    opacity: .82;
}

.footer-project-credit a:hover img {
    opacity: 1;
}


/* ==========================================================
   Székelyszállás – főoldal mobil rács finomhangolás
   régiók + bizalmi kártyák
   ========================================================== */

@media (min-width: 360px) and (max-width: 767.98px) {

    /* Főoldali régiók: 2 × 4 */

    body.itemid-101 .solidres-module-location-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .75rem;
    }

    body.itemid-101 .solidres-module-location-item {
        min-width: 0;
    }

    body.itemid-101 .solidres-module-location-item .lm-tile {
        width: 100%;
        aspect-ratio: 4 / 3;
    }

    body.itemid-101 .solidres-module-location-item .lm-tile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Bizalmi / előnykártyák: 2 × 2 */

    body.itemid-101 .home-values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .8rem;
    }

    body.itemid-101 .home-value {
        padding: 1.1rem .8rem;
    }

    body.itemid-101 .home-value-icon {
        width: 3rem;
        height: 3rem;
        margin-bottom: .75rem;
    }

    body.itemid-101 .home-value-icon svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    body.itemid-101 .home-value h3 {
        font-size: .98rem;
    }

    body.itemid-101 .home-value p {
        font-size: .84rem;
        line-height: 1.4;
    }
}

/* Nagyon keskeny mobilon maradjon 1 oszlop */

@media (max-width: 359.98px) {

    body.itemid-101 .solidres-module-location-grid,
    body.itemid-101 .home-values {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================
   Székelyszállás – mobil drawer kontraszt javítás
   A transparent hero header világos színe ne öröklődjön
   a fehér mobil menüpanelre.
   ========================================================== */

@media (max-width: 991.98px) {

    body.lumina-header--transparent.lumina-has-hero
    .lumina__header:not(.is-stuck)
    #lumina-nav {
        background-color: var(--lumina-color-surface) !important;
        color: var(--lumina-color-text) !important;
        text-shadow: none !important;
    }

    body.lumina-header--transparent.lumina-has-hero
    .lumina__header:not(.is-stuck)
    #lumina-nav :is(
        a,
        .mod-menu__heading,
        .mod-menu__separator,
        .lumina__menu-toggle
    ) {
        color: var(--lumina-color-text) !important;
        text-shadow: none !important;
        opacity: 1 !important;
    }

    body.lumina-header--transparent.lumina-has-hero
    .lumina__header:not(.is-stuck)
    #lumina-nav a:hover,
    body.lumina-header--transparent.lumina-has-hero
    .lumina__header:not(.is-stuck)
    #lumina-nav a:focus-visible,
    body.lumina-header--transparent.lumina-has-hero
    .lumina__header:not(.is-stuck)
    #lumina-nav .current > a,
    body.lumina-header--transparent.lumina-has-hero
    .lumina__header:not(.is-stuck)
    #lumina-nav .active > a {
        color: var(--lumina-color-primary) !important;
    }

    /* A drawer fehér hátterén a zöld főlogó jelenjen meg,
       ne a transparent headerhez használt fehér változat. */

    #lumina-nav
    .lumina__drawer-brand
    .lumina__logo-img:not(.lumina__logo-img--dark) {
        display: block !important;
    }

    #lumina-nav
    .lumina__drawer-brand
    .lumina__logo-img--dark {
        display: none !important;
    }
}





/* ==========================================================
   SZÉKELYSZÁLLÁS – HERO TYPOGRAPHY P0
   ========================================================== */

body.itemid-101
.lumina__hero-booking
.lm-hero-copy h1 {
    font-size: clamp(2.55rem, 4vw, 3.85rem) !important;
    line-height: 1.07 !important;
    letter-spacing: -.02em;
}

@media (max-width: 767.98px) {
    body.itemid-101
    .lumina__hero-booking
    .lm-hero-copy h1 {
        font-size: clamp(2rem, 8vw, 2.55rem) !important;
        line-height: 1.08 !important;
    }
}

/* END – SZÉKELYSZÁLLÁS HERO TYPOGRAPHY P0 */


/* ==========================================================
   SZÉKELYSZÁLLÁS – MOBILE NAV STRUCTURE P0
   2026-09-25
   ========================================================== */

/* A sticky fejléc ne a hero/topwrap végéig éljen. */
.lumina-header--solid .lumina__topwrap {
    display: contents !important;
}

.lumina-header--solid .lumina__header {
    position: sticky !important;
    top: 0 !important;
    z-index: var(--lumina-z-header) !important;
}


/* Solid fejlécen mindig a zöld főlogó. */
.lumina-header--solid
.lumina__logo--has-dark
.lumina__logo-img:not(.lumina__logo-img--dark) {
    display: block !important;
}

.lumina-header--solid
.lumina__logo--has-dark
.lumina__logo-img--dark {
    display: none !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 991.98px) {

    /* Egyetlen kompakt fejlécsor. */

    .lumina__header-inner {
        min-height: 64px !important;
        padding-block: .45rem !important;

        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;

        gap: .75rem !important;
    }

    .lumina__brand {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin-inline-end: auto !important;
    }

    .lumina__brand .lumina__logo-img {
        display: block !important;

        width: auto !important;
        height: 36px !important;

        max-width: min(230px, 68vw) !important;

        object-fit: contain !important;
    }


    /* Hamburger. */

    .lumina__nav-toggle {
        flex: 0 0 44px !important;

        width: 44px !important;
        height: 44px !important;

        color: var(--ss-green, #183746) !important;

        background:
            var(--ss-cream, #F6F2E9) !important;

        border:
            1px solid rgba(39, 70, 59, .14) !important;

        border-radius: 12px !important;

        box-shadow: none !important;
    }


    /*
     * A JS betöltéséig se villanjon fel a régi
     * második utility sor.
     */

    .lumina__header-inner
    > .lumina__header-utilities {
        display: none !important;
    }


    /* Drawer. */

    #lumina-nav {
        width: min(88vw, 22rem) !important;

        padding:
            4.9rem
            1.25rem
            1.5rem !important;

        background: #fff !important;
        color: var(--ss-text, #26312E) !important;

        overflow-y: auto !important;
        overscroll-behavior: contain;

        border-inline-start:
            1px solid rgba(39, 70, 59, .12) !important;

        box-shadow:
            -18px 0 44px rgba(20, 38, 32, .16) !important;
    }


    /* Drawer logo. */

    #lumina-nav .lumina__drawer-brand {
        display: flex !important;

        position: absolute !important;

        top: .75rem !important;
        inset-inline-start: 1.25rem !important;
        inset-inline-end: 4.5rem !important;

        height: 3rem !important;

        align-items: center !important;

        padding: 0 !important;

        border: 0 !important;
    }

    #lumina-nav
    .lumina__drawer-brand
    .lumina__logo-img {
        display: block !important;

        height: 34px !important;
        width: auto !important;

        max-width: 12rem !important;

        opacity: 1 !important;
        filter: none !important;
    }


    /* Főmenü. */

    #lumina-nav > .lumina__menu,
    #lumina-nav > ul {
        margin: 0 !important;
        padding: 0 !important;

        gap: 0 !important;
    }

    #lumina-nav
    > .lumina__menu
    > .lumina__menu-item,
    #lumina-nav
    > ul
    > .lumina__menu-item {
        margin: 0 !important;

        border-bottom:
            1px solid rgba(39, 70, 59, .12) !important;
    }

    #lumina-nav
    > .lumina__menu
    > .lumina__menu-item
    > :is(a, .mod-menu__heading, .mod-menu__separator),

    #lumina-nav
    > ul
    > .lumina__menu-item
    > :is(a, .mod-menu__heading, .mod-menu__separator) {

        min-height: 52px;

        display: flex !important;
        align-items: center !important;

        padding:
            .8rem
            3rem
            .8rem
            .25rem !important;

        color:
            var(--ss-text, #26312E) !important;

        font-size: 1rem !important;
        font-weight: 600 !important;

        line-height: 1.25 !important;

        text-shadow: none !important;
        text-decoration: none !important;

        opacity: 1 !important;
    }


    /* Menü lenyitó nyilak. */

    #lumina-nav .lumina__menu-toggle {
        width: 42px !important;
        height: 42px !important;

        inset-inline-end: .1rem !important;
        top: .35rem !important;

        color:
            var(--ss-green, #183746) !important;

        background: transparent !important;

        border-radius: 10px !important;
    }


    /* Almenük. */

    #lumina-nav .lumina__menu-sub {
        margin: 0 0 .5rem !important;

        padding:
            .15rem
            .3rem
            .4rem
            .8rem !important;

        border-inline-start:
            2px solid rgba(39, 70, 59, .12) !important;
    }

    #lumina-nav
    .lumina__menu-sub
    a {
        color:
            #5D6B66 !important;

        font-size: .91rem !important;
        font-weight: 500 !important;
    }


    /* ======================================================
       Utility blokk – most már ténylegesen a nav végén van.
       ====================================================== */

    #lumina-nav
    > .lumina__header-utilities.ss-drawer-utilities {

        display: flex !important;

        position: static !important;

        width: 100% !important;

        flex-direction: column !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        gap: .3rem !important;

        margin-top: 1.15rem !important;

        padding:
            1rem
            0
            0 !important;

        border-top:
            1px solid rgba(39, 70, 59, .18) !important;

        background: transparent !important;

        box-shadow: none !important;

        overflow: visible !important;

        white-space: normal !important;
    }


    /* Régi desktop szeparátorok kikapcsolva. */

    #lumina-nav
    > .ss-drawer-utilities
    > * {
        width: 100% !important;

        padding-inline-start: 0 !important;
    }

    #lumina-nav
    > .ss-drawer-utilities
    > *::before {
        display: none !important;
    }


    /* Belépés / Regisztráció. */

    #lumina-nav
    > .ss-drawer-utilities
    ul {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;
    }

    #lumina-nav
    > .ss-drawer-utilities
    li {
        width: 100% !important;

        margin: 0 !important;
    }

    #lumina-nav
    > .ss-drawer-utilities
    a {
        display: block !important;

        width: 100% !important;

        padding:
            .48rem
            .25rem !important;

        color:
            var(--ss-text, #26312E) !important;

        font-size: .92rem !important;
        font-weight: 600 !important;

        text-decoration: none !important;

        opacity: 1 !important;
    }


    /* Pénznem. */

    #lumina-nav
    > .ss-drawer-utilities
    .lumina__currency {

        display: flex !important;

        width: 100% !important;

        flex-wrap: wrap !important;
        align-items: center !important;

        gap: .45rem !important;

        margin-top: .45rem !important;

        padding-top: .8rem !important;

        border-top:
            1px solid rgba(39, 70, 59, .10) !important;
    }

    #lumina-nav
    > .ss-drawer-utilities
    .lumina__currency::before {

        content: "Pénznem";

        flex-basis: 100%;

        color: #5D6B66;

        font-size: .72rem;
        font-weight: 700;

        letter-spacing: .08em;
        text-transform: uppercase;
    }

    #lumina-nav
    > .ss-drawer-utilities
    .lumina__currency-select {

        width: auto !important;
        max-width: none !important;

        min-height: 38px;

        padding:
            .35rem
            2rem
            .35rem
            .7rem !important;

        background-color:
            var(--ss-cream, #F6F2E9) !important;

        color:
            var(--ss-text, #26312E) !important;

        border:
            1px solid rgba(39, 70, 59, .14) !important;

        border-radius: 999px !important;
    }

    #lumina-nav
    > .ss-drawer-utilities
    .lumina__currency-apply {

        min-height: 38px;

        margin: 0 !important;

        padding:
            .4rem
            .85rem !important;

        color:
            var(--ss-green, #183746) !important;

        background: #fff !important;

        border:
            1px solid rgba(39, 70, 59, .16) !important;

        border-radius: 999px !important;

        font-size: .82rem !important;
    }


    /* Az off-canvas drawer ne növelje az oldal szélességét. */

    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
        overscroll-behavior-x: none;
    }

    @supports (overflow-x: clip) {
        html,
        body {
            overflow-x: clip;
        }
    }

}


/* END – SZÉKELYSZÁLLÁS MOBILE NAV STRUCTURE P0 */


/* ==========================================================
   SZÉKELYSZÁLLÁS – MOBILE DRAWER VIEWPORT FIX
   2026-09-25
   ========================================================== */

@media (max-width: 991.98px) {

    /* A drawer mindig a teljes mobil viewport magasságát töltse ki. */
    #lumina-nav {
        position: fixed !important;

        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;

        width: min(92vw, 24rem) !important;

        height: 100vh !important;
        height: 100dvh !important;

        min-height: 100vh !important;
        max-height: 100dvh !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        padding:
            5.25rem
            1.25rem
            calc(1.75rem + env(safe-area-inset-bottom))
            !important;

        background: #fff !important;

        box-shadow:
            -18px 0 46px rgba(20, 38, 32, .18) !important;
    }


    /* A drawer brand maradjon fixen a panel tetején. */
    #lumina-nav .lumina__drawer-brand {
        position: absolute !important;

        top: .85rem !important;
        left: 1.25rem !important;
        right: 4.75rem !important;

        height: 3rem !important;

        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #lumina-nav
    .lumina__drawer-brand
    .lumina__logo-img {
        display: block !important;

        width: auto !important;
        height: 34px !important;

        max-width: 100% !important;
    }


    /*
     * Nyitott drawer esetén a háttérben lévő fejléc-logó ne
     * látszódjon a bal oldali scrimen keresztül.
     */
    body.lumina-drawer-open
    #lumina-header
    > .lumina__header-inner
    > .lumina__brand {
        visibility: hidden !important;
    }


    /*
     * A drawer teljes tartalma normál dokumentumfolyamban
     * fusson egymás után.
     */
    #lumina-nav > .lumina__menu,
    #lumina-nav > ul {
        margin-top: 0 !important;
    }

    #lumina-nav
    > .ss-drawer-utilities {
        position: static !important;

        margin-top: 1.25rem !important;
        padding-top: 1rem !important;

        border-top:
            1px solid rgba(39, 70, 59, .18) !important;
    }


    /* A háttér ne mozogjon, amíg a menü nyitva van. */
    body.lumina-drawer-open {
        overflow: hidden !important;
        touch-action: none;
    }

}

/* END – SZÉKELYSZÁLLÁS MOBILE DRAWER VIEWPORT FIX */


/* === SS P0 MOBILE POLISH START === */

@media (max-width: 767.98px) {

    /* ======================================================
       P0-1 – MOBIL DRAWER FINOMÍTÁS
       ====================================================== */

    #lumina-nav
    > .lumina__menu
    > .lumina__menu-item
    > :is(a, .mod-menu__heading, .mod-menu__separator),

    #lumina-nav
    > ul
    > .lumina__menu-item
    > :is(a, .mod-menu__heading, .mod-menu__separator) {

        min-height: 46px !important;

        padding:
            .68rem
            2.75rem
            .68rem
            .25rem !important;

        font-size: .97rem !important;
        line-height: 1.2 !important;
    }


    /* Lenyitható menüpont – jól látható nyíl */

    #lumina-nav
    .lumina__menu-item.deeper
    > .lumina__menu-toggle::after {

        content: "›";

        display: block;

        color: var(--ss-green, #183746);

        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1;

        transform: rotate(0deg);
        transition: transform .16s ease;
    }

    #lumina-nav
    .lumina__menu-item.deeper.is-open
    > .lumina__menu-toggle::after {

        transform: rotate(90deg);
    }

    #lumina-nav
    .lumina__menu-toggle
    .lumina__menu-chevron {

        display: none !important;
    }


    /* Utility rész */

    #lumina-nav
    > .ss-drawer-utilities {

        margin-top: .9rem !important;
        padding-top: .8rem !important;
    }

    #lumina-nav
    > .ss-drawer-utilities
    a {

        padding:
            .4rem
            .25rem !important;

        font-size: .88rem !important;
    }

    #lumina-nav
    .ss-drawer-currency-label {

        width: 100%;

        margin:
            0
            0
            .4rem;

        color: #5D6B66;

        font-size: .72rem;
        line-height: 1;

        font-weight: 700;

        text-transform: uppercase;
        letter-spacing: .08em;
    }


    /* ======================================================
       P0-2 – RÉGIÓSZEKCIÓ CÍM
       ====================================================== */

    body.itemid-101
    .lumina__section:has(#solidres-module-location132)
    .lumina__section-header {

        margin-bottom: 1.4rem !important;
    }

    body.itemid-101
    .lumina__section:has(#solidres-module-location132)
    :is(
        .lumina__section-title,
        .lumina__section-header h2
    ) {

        max-width: 11.5em;

        margin-inline: auto !important;

        font-size:
            clamp(2rem, 9vw, 2.35rem) !important;

        line-height: 1.07 !important;

        letter-spacing: -.025em;
    }


    /* ======================================================
       P0-3 – RÉGIÓKÁRTYA FELIRATOK
       ====================================================== */

    body.itemid-101
    #solidres-module-location132
    .lm-tile__label {

        inset-inline: .72rem !important;
        bottom: .7rem !important;

        font-size:
            clamp(1rem, 4.7vw, 1.28rem) !important;

        line-height: 1.05 !important;

        letter-spacing: -.015em;

        white-space: nowrap;

        text-shadow:
            0 2px 8px rgba(0, 0, 0, .6);
    }


    /* ======================================================
       P0-4 – FŐOLDALI SZÁLLÁSKÁRTYÁK KOMPAKTABBAN
       ====================================================== */

    body.itemid-101
    .solidres-module-asset {

        gap: 1.15rem !important;
    }

    body.itemid-101
    .solidres-module-asset-item {

        border-radius: 1rem !important;

        overflow: hidden;
    }

    body.itemid-101
    .solidres-module-asset-item
    .carousel {

        aspect-ratio: 16 / 10 !important;

        max-height: 220px !important;
    }

    body.itemid-101
    .solidres-module-asset-item
    .carousel img {

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
    }


    /* Kártya belső padding */

    body.itemid-101
    .solidres-module-asset-item
    > :not(.carousel) {

        padding-inline:
            1.05rem !important;
    }

    body.itemid-101
    .solidres-module-asset-item
    > .carousel
    + * {

        padding-top:
            .95rem !important;
    }


    /* Szállásnév */

    body.itemid-101
    .solidres-module-asset-item
    > h3 {

        margin:
            0
            0
            .6rem !important;

        font-size:
            clamp(1.35rem, 6vw, 1.6rem) !important;

        line-height: 1.13 !important;

        letter-spacing: -.015em;
    }


    /* Ár */

    body.itemid-101
    .solidres-module-asset-item
    .sr-asset-price {

        margin:
            .4rem
            0
            .65rem !important;

        padding-top:
            .2rem !important;

        font-size:
            1.05rem !important;

        line-height: 1.38 !important;
    }


    /* CTA blokk */

    body.itemid-101
    .solidres-module-asset-item
    > p:has(> .btn-info) {

        margin-top: .2rem !important;

        padding:
            .25rem
            1.05rem
            1.1rem !important;
    }

    body.itemid-101
    .solidres-module-asset-item
    .btn-info {

        min-height: 42px;

        margin: 0 !important;

        padding:
            .58rem
            1.25rem !important;

        font-size:
            .9rem !important;

        border-radius:
            999px !important;
    }


    /* ======================================================
       P0-6 – FŐOLDALI SZEKCIÓCÍMEK
       ====================================================== */

    body.itemid-101
    .lumina__section:has(#solidres-module-asset154)
    .lumina__section-title,

    body.itemid-101
    .lumina__section:has(#solidres-module-asset155)
    .lumina__section-title,

    body.itemid-101
    .lumina__section:has(#solidres-module-asset154)
    .lumina__section-header h2,

    body.itemid-101
    .lumina__section:has(#solidres-module-asset155)
    .lumina__section-header h2 {

        max-width: 12em;

        margin-inline: auto !important;

        font-size:
            clamp(1.85rem, 8vw, 2.15rem) !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -.02em;
    }

    body.itemid-101
    .lumina__section:has(#solidres-module-asset154)
    .lumina__section-header,

    body.itemid-101
    .lumina__section:has(#solidres-module-asset155)
    .lumina__section-header {

        margin-bottom:
            1.5rem !important;
    }

}

/* === SS P0 MOBILE POLISH END === */


/* === SS DESKTOP HEADER STABILITY START === */

@media (min-width: 992px) {

    /*
     * Solid desktop header:
     * normál és sticky állapot azonos geometriával.
     */

    body.lumina-header--solid
    #lumina-header
    .lumina__header-inner,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__header-inner {

        display: flex !important;
        flex-wrap: wrap !important;

        align-items: center !important;
        align-content: center !important;

        min-height: 68px !important;

        padding-block: 8px !important;

        column-gap: 22px !important;
        row-gap: 4px !important;
    }


    /* Logó mindkét állapotban azonos */

    body.lumina-header--solid
    #lumina-header
    .lumina__logo-img,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__logo-img {

        height: 42px !important;
        max-width: 245px !important;
    }


    /* Brand bal oldalon fix */

    body.lumina-header--solid
    #lumina-header
    .lumina__brand {

        flex: 0 0 auto !important;
    }


    /* Főmenü mindig jobbra */

    body.lumina-header--solid
    #lumina-nav {

        flex: 0 1 auto !important;

        margin-left: auto !important;

        align-self: center !important;
    }


    body.lumina-header--solid
    #lumina-nav > ul {

        flex-wrap: nowrap !important;
    }


    /*
     * Utility sor mindig külön, stabil második sor.
     * Nem a rendelkezésre álló hely dönti el,
     * hogy mikor törjön le.
     */

    body.lumina-header--solid
    #lumina-header
    .lumina__header-utilities {

        flex: 0 0 100% !important;

        width: 100% !important;

        margin: 0 !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        justify-content: flex-end !important;
        align-items: center !important;

        min-height: 32px !important;
    }

}

/* === SS DESKTOP HEADER STABILITY END === */


/* === SS DESKTOP DROPDOWN EDGE FIX START === */

@media (min-width: 992px) {

    /*
     * A jobb szélső főmenüpont almenüje
     * ne fusson ki a viewportból.
     */

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li:last-child {

        position: relative !important;
    }


    body.lumina-header--solid
    #lumina-nav
    > ul
    > li:last-child
    > ul {

        left: auto !important;
        right: 0 !important;

        inset-inline-start: auto !important;
        inset-inline-end: 0 !important;

        min-width: 260px !important;
        width: max-content !important;
        max-width: min(320px, calc(100vw - 32px)) !important;
    }


    body.lumina-header--solid
    #lumina-nav
    > ul
    > li:last-child
    > ul
    a {

        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

}

/* === SS DESKTOP DROPDOWN EDGE FIX END === */


/* === SS BOOKING CHOICE + INQUIRY START === */


/* -------------------------------------------------------
   Foglalás vagy ajánlatkérés?
   ------------------------------------------------------- */

.ss-booking-choice {
    margin: 1.25rem 0 1.75rem;
    padding: clamp(1rem, 2vw, 1.35rem);

    background: #fff;

    border:
        1px solid rgba(39, 70, 59, .12);

    border-radius: 16px;

    box-shadow:
        0 8px 24px rgba(34, 60, 52, .055);
}


.ss-booking-choice__intro {
    margin-bottom: 1rem;
}


.ss-booking-choice__intro h2 {
    margin: 0 0 .25rem;

    color: var(--ss-green-deep, #122c38);

    font-size: clamp(1.25rem, 2vw, 1.6rem);
}


.ss-booking-choice__intro p {
    margin: 0;

    color: #65716d;
}


.ss-booking-choice__grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 1rem;
}


.ss-booking-choice__card {
    display: grid;

    grid-template-columns:
        42px minmax(0, 1fr);

    gap: .85rem;

    min-width: 0;

    padding: 1rem;

    background:
        rgba(246, 242, 233, .42);

    border:
        1px solid rgba(39, 70, 59, .10);

    border-radius: 13px;
}


.ss-booking-choice__icon {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    color: #fff;

    background:
        var(--ss-green, #183746);

    border-radius: 50%;
}


.ss-booking-choice__content h3 {
    margin: 0 0 .3rem;

    font-size: 1.05rem;
}


.ss-booking-choice__content p {
    margin: 0 0 .8rem;

    color: #65716d;

    font-size: .94rem;
    line-height: 1.5;
}


.ss-booking-choice__button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 40px;

    padding: .55rem .9rem;

    color:
        var(--ss-green-deep, #122c38) !important;

    background: #fff;

    border:
        1px solid rgba(39, 70, 59, .24);

    border-radius: 999px;

    font-weight: 700;

    text-decoration: none !important;
}


.ss-booking-choice__button--primary {
    color: #fff !important;

    background:
        var(--ss-green, #183746);

    border-color:
        var(--ss-green, #183746);
}


#book-form,
#ss-inquiry-form {
    scroll-margin-top: 120px;
}


/* -------------------------------------------------------
   Alsó ajánlatkérő
   ------------------------------------------------------- */

.ss-bottom-inquiry {
    margin:
        2rem 0 1rem;

    padding:
        clamp(1rem, 2vw, 1.4rem);

    background: #fff;

    border:
        1px solid rgba(39, 70, 59, .12);

    border-radius: 16px;

    box-shadow:
        0 8px 24px rgba(34, 60, 52, .055);
}


.ss-bottom-inquiry__intro {
    margin-bottom: 1rem;
}


.ss-bottom-inquiry__intro h2 {
    margin:
        0 0 .3rem;

    color:
        var(--ss-green-deep, #122c38);

    font-size:
        clamp(1.25rem, 2vw, 1.55rem);
}


.ss-bottom-inquiry__intro p {
    margin: 0;

    color: #65716d;
}


/* Solidres saját "well" ne duplázza a kártyát */

.ss-bottom-inquiry
#sr-inquiry-form
.well {
    margin: 0;

    padding: 0;

    background: transparent;

    border: 0;

    box-shadow: none;
}


@media (max-width: 767.98px) {

    .ss-booking-choice__grid {
        grid-template-columns: 1fr;
    }

    .ss-booking-choice,
    .ss-bottom-inquiry {
        border-radius: 13px;
    }

}


/* === SS BOOKING CHOICE + INQUIRY END === */


/* === SS PROPERTY FACILITIES GRID START === */


/*
 * Szállásadatlap – Felszereltség
 * Valós Solidres 4.3 markup:
 *
 * h2.sr-asset-facilities-title
 * + ul.sr-facilities
 *   > li.list-inline-item
 *     > svg + szöveg
 */


/* teljes felszereltség blokk */

#solidres
.sr-asset-facilities-title {

    margin:
        1.5rem 0 .8rem;

    color:
        var(--ss-green-deep, #122c38);

    font-size:
        clamp(1.25rem, 1.8vw, 1.55rem);

    line-height:
        1.2;
}


/* maga a rács */

#solidres
.sr-asset-facilities-title
+ ul.sr-facilities {

    display:
        grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        .55rem .65rem;

    width:
        100%;

    margin:
        0 0 1.75rem !important;

    padding:
        1rem !important;

    list-style:
        none !important;

    background:
        #f5f8f7;

    border:
        1px solid rgba(39, 70, 59, .10);

    border-radius:
        13px;

    box-sizing:
        border-box;
}


/* egy felszereltségi elem */

#solidres
.sr-asset-facilities-title
+ ul.sr-facilities
> li {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        .55rem;

    width:
        100% !important;

    max-width:
        none !important;

    min-width:
        0;

    min-height:
        44px;

    margin:
        0 !important;

    padding:
        .55rem .7rem !important;

    white-space:
        normal !important;

    color:
        #31413c;

    background:
        #fff;

    border:
        1px solid rgba(39, 70, 59, .085);

    border-radius:
        8px;

    font-size:
        .92rem;

    line-height:
        1.3;

    vertical-align:
        middle !important;

    box-sizing:
        border-box;
}


/*
 * FONTOS:
 * az ikon mindig BALRA,
 * a szöveg pedig MELLETTE maradjon.
 */

#solidres
.sr-asset-facilities-title
+ ul.sr-facilities
> li
> svg {

    display:
        block !important;

    flex:
        0 0 25px !important;

    width:
        25px !important;

    height:
        25px !important;

    margin:
        0 !important;

    color:
        #a84f32;

    fill:
        currentColor;
}


/*
 * A Solidres / Bootstrap inline-list szabályainak
 * felülírása.
 */

#solidres
ul.sr-facilities
.list-inline-item {

    display:
        flex !important;
}


#solidres
ul.sr-facilities
.list-inline-item:not(:last-child) {

    margin-right:
        0 !important;
}


/* TABLET */

@media (max-width: 991.98px) {

    #solidres
    .sr-asset-facilities-title
    + ul.sr-facilities {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* MOBIL */

@media (max-width: 575.98px) {

    #solidres
    .sr-asset-facilities-title
    + ul.sr-facilities {

        grid-template-columns:
            1fr;

        gap:
            .45rem;

        padding:
            .75rem !important;
    }


    #solidres
    .sr-asset-facilities-title
    + ul.sr-facilities
    > li {

        min-height:
            42px;

        padding:
            .5rem .65rem !important;

        font-size:
            .9rem;
    }

}


/* === SS PROPERTY FACILITIES GRID END === */


/* === SS PROPERTY DETAIL POLISH START === */


/* =========================================================
   SZÁLLÁSADATLAP FŐCÍM
   ========================================================= */

#solidres.reservation_asset_default h1 {

    margin:
        0 0 1rem !important;

    max-width:
        none !important;

    width:
        auto !important;

    color:
        #20372f;

    font-size:
        clamp(2.45rem, 3vw, 3.35rem) !important;

    line-height:
        1.04 !important;

    letter-spacing:
        -.018em;

    word-break:
        normal !important;

    overflow-wrap:
        normal !important;

    hyphens:
        none !important;

    text-wrap:
        normal !important;
}


/* Csillagok ne uralják a címet */

#solidres.reservation_asset_default
h1 .rating-wrapper {

    margin-inline-start:
        .55rem;

    vertical-align:
        middle;
}


#solidres.reservation_asset_default
h1 .rating {

    font-size:
        1.25rem !important;
}


/* =========================================================
   GALÉRIA – FINOM KERETEZETT KÉPBLOKK
   ========================================================= */

#solidres
.lumina__gallery {

    box-sizing:
        border-box;

    gap:
        .55rem !important;

    padding:
        .55rem;

    margin-bottom:
        1.75rem !important;

    background:
        #fff;

    border:
        1px solid rgba(39, 70, 59, .12);

    border-radius:
        18px;

    box-shadow:
        0 10px 28px rgba(30, 54, 45, .07);

    overflow:
        hidden;
}


/* minden egyes kép külön is finoman keretezett */

#solidres
.lumina__gallery
.sr-photo {

    border:
        1px solid rgba(39, 70, 59, .10);

    border-radius:
        12px !important;

    box-shadow:
        0 2px 7px rgba(30, 54, 45, .045);

    overflow:
        hidden;
}


/* Képek ne kapjanak saját extra keretet */

#solidres
.lumina__gallery
.sr-photo img {

    display:
        block;

    border:
        0;

    border-radius:
        0;
}


/* fő kép picit hangsúlyosabb */

#solidres
.lumina__gallery
.main-photo {

    border-color:
        rgba(39, 70, 59, .14);
}


/* =========================================================
   META SOR – CÍM / TÉRKÉP / TELEFON
   ========================================================= */

#solidres.reservation_asset_default
.reservation_asset_subinfo {

    line-height:
        1.5;
}


#solidres.reservation_asset_default
.reservation_asset_subinfo.address_1 {

    font-size:
        .98rem;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199.98px) {

    #solidres.reservation_asset_default h1 {

        font-size:
            clamp(2.25rem, 3.6vw, 3rem) !important;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767.98px) {

    #solidres.reservation_asset_default h1 {

        margin-bottom:
            .75rem !important;

        font-size:
            clamp(2rem, 9vw, 2.6rem) !important;

        line-height:
            1.06 !important;
    }


    #solidres.reservation_asset_default
    h1 .rating-wrapper {

        margin-inline-start:
            .35rem;
    }


    #solidres
    .lumina__gallery {

        gap:
            .4rem !important;

        padding:
            .4rem;

        border-radius:
            14px;

        box-shadow:
            0 6px 20px rgba(30, 54, 45, .06);
    }


    #solidres
    .lumina__gallery
    .sr-photo {

        border-radius:
            9px !important;
    }

}


/* === SS PROPERTY DETAIL POLISH END === */


/* === SS ROOM FACILITIES GRID START === */


/* Teljes szélességű szobafelszereltség */

#solidres .ss-room-facilities {
    width: 100%;
    margin: 1rem 0 1.25rem;
    padding: 1rem;

    background: #f5f8f7;
    border: 1px solid rgba(39, 70, 59, .10);
    border-radius: 12px;

    box-sizing: border-box;
}


#solidres .ss-room-facilities__title {
    margin: 0 0 .75rem;

    color: #122c38;

    font-size: 1.15rem;
    line-height: 1.25;
}


/*
 * A facility layout közvetlenül UL-t generál:
 * ul.sr-facilities > li
 */

#solidres
.ss-room-facilities__grid
> ul.sr-facilities {

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: .5rem .6rem;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


#solidres
.ss-room-facilities__grid
> ul.sr-facilities
> li {

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: .5rem;

    width: 100% !important;
    min-width: 0;
    min-height: 42px;

    margin: 0 !important;
    padding: .5rem .65rem !important;

    white-space: normal !important;

    color: #31413c;
    background: #fff;

    border: 1px solid rgba(39, 70, 59, .08);
    border-radius: 8px;

    font-size: .9rem;
    line-height: 1.25;

    box-sizing: border-box;
}


/* ikon mindig balra */

#solidres
.ss-room-facilities__grid
> ul.sr-facilities
> li
> svg {

    display: block !important;

    flex: 0 0 24px;

    width: 24px !important;
    height: 24px !important;

    margin: 0 !important;

    color: #a84f32;
    fill: currentColor;
}


/* Bootstrap inline-list felülírás */

#solidres
.ss-room-facilities__grid
.list-inline-item {

    display: flex !important;
}

#solidres
.ss-room-facilities__grid
.list-inline-item:not(:last-child) {

    margin-right: 0 !important;
}


/* tablet */

@media (max-width: 991.98px) {

    #solidres
    .ss-room-facilities__grid
    > ul.sr-facilities {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


/* mobil */

@media (max-width: 575.98px) {

    #solidres .ss-room-facilities {
        padding: .75rem;
    }

    #solidres
    .ss-room-facilities__grid
    > ul.sr-facilities {

        grid-template-columns: 1fr;
        gap: .4rem;
    }
}


/* === SS ROOM FACILITIES GRID END === */


/* === SS ROOM ACTIONS POSITION START === */

#solidres .ss-room-actions {
    width: 100%;
    margin: .8rem 0 1rem;
}

#solidres .ss-room-actions .more_desc {
    margin-top: .85rem;
}

/* === SS ROOM ACTIONS POSITION END === */


/* === SS INQUIRY COMPACT GRID START === */


/*
 * Ajánlatkérő űrlap
 * Desktop: 2 oszlop
 * Mobil: 1 oszlop
 *
 * FONTOS:
 * nincs CSS order és nincs tabindex módosítás.
 * A billentyűzetes TAB-sorrend a DOM-sorrendet követi.
 */

#solidres
#sr-inquiry-form
.ss-inquiry-grid {

    width: 100%;
}


/*
 * Joomla Form::renderFieldset() által generált fieldset
 */

#solidres
#sr-inquiry-form
.ss-inquiry-grid
> fieldset {

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    grid-auto-flow:
        row;

    gap:
        .8rem 1rem;

    width:
        100%;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;
}


/*
 * Ha nincs customfield plugin,
 * a fallback mb-3 mezők közvetlenül
 * a wrapper alatt vannak.
 */

#solidres
#sr-inquiry-form
.ss-inquiry-grid:not(:has(> fieldset)) {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        .8rem 1rem;
}


/* egy mező */

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.control-group,

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.mb-3 {

    min-width:
        0;

    margin:
        0 !important;
}


/* Bootstrap/Joomla horizontal form maradványok sem tolhatják el */

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.control-label {

    float:
        none !important;

    display:
        block;

    width:
        auto !important;

    margin:
        0 0 .3rem !important;

    padding:
        0 !important;

    text-align:
        left !important;

    color:
        #34463f;

    font-size:
        .88rem;

    font-weight:
        650;
}


#solidres
#sr-inquiry-form
.ss-inquiry-grid
.controls {

    margin-left:
        0 !important;

    width:
        100%;
}


/* normál címke */

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.form-label {

    display:
        block;

    margin-bottom:
        .3rem;

    color:
        #34463f;

    font-size:
        .88rem;

    font-weight:
        650;
}


/* inputok/selectek */

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.form-control,

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.form-select,

#solidres
#sr-inquiry-form
.ss-inquiry-grid
input[type="text"],

#solidres
#sr-inquiry-form
.ss-inquiry-grid
input[type="email"],

#solidres
#sr-inquiry-form
.ss-inquiry-grid
input[type="tel"],

#solidres
#sr-inquiry-form
.ss-inquiry-grid
input[type="date"],

#solidres
#sr-inquiry-form
.ss-inquiry-grid
select {

    width:
        100% !important;

    min-height:
        42px;

    box-sizing:
        border-box;

    border-radius:
        8px;
}


/*
 * Üzenet / hosszú mező teljes szélességű.
 */

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.control-group:has(textarea),

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.mb-3:has(textarea) {

    grid-column:
        1 / -1;
}


#solidres
#sr-inquiry-form
.ss-inquiry-grid
textarea {

    width:
        100% !important;

    min-height:
        110px;

    resize:
        vertical;

    box-sizing:
        border-box;

    border-radius:
        8px;
}


/*
 * Checkbox / consent / rádiócsoport:
 * teljes sor – így olvashatóbb.
 */

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.control-group:has(input[type="checkbox"]),

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.control-group:has(input[type="radio"]),

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.mb-3:has(input[type="checkbox"]),

#solidres
#sr-inquiry-form
.ss-inquiry-grid
.mb-3:has(input[type="radio"]) {

    grid-column:
        1 / -1;
}


/* captcha és gomb marad a grid után */

#solidres
#sr-inquiry-form
.sr-form-captcha {

    margin-top:
        1rem;
}


#solidres
#sr-inquiry-form
.action {

    margin:
        1rem 0 0 !important;
}


/* TABLET + MOBIL */

@media (max-width: 767.98px) {

    #solidres
    #sr-inquiry-form
    .ss-inquiry-grid
    > fieldset {

        grid-template-columns:
            1fr;
    }


    #solidres
    #sr-inquiry-form
    .ss-inquiry-grid:not(:has(> fieldset)) {

        grid-template-columns:
            1fr;
    }


    #solidres
    #sr-inquiry-form
    .ss-inquiry-grid
    .control-group,

    #solidres
    #sr-inquiry-form
    .ss-inquiry-grid
    .mb-3 {

        grid-column:
            1 !important;
    }

}


/* === SS INQUIRY COMPACT GRID END === */



/* === SS INQUIRY STATUS START === */

#solidres #sr-inquiry-status {
    width: 100%;
    margin-top: .75rem;
}

#solidres #sr-inquiry-status:empty {
    display: none;
}

#solidres #sr-inquiry-status .alert {
    margin: 0;
    border-radius: 9px;
}

/* === SS INQUIRY STATUS END === */


/* === SS INQUIRY DATE UX START === */

#solidres
#sr-inquiry-form
.ss-inquiry-native-date
.input-group {
    display: block;
    width: 100%;
}

#solidres
#sr-inquiry-form
.ss-inquiry-native-date
input[type="date"] {
    width: 100% !important;
    min-height: 42px;
    border-radius: 8px !important;
}

#solidres
#sr-inquiry-form
.ss-inquiry-native-date
button {
    display: none !important;
}

/* === SS INQUIRY DATE UX END === */


/* =========================================================
   SS PROPERTY CONTACT TOOLBAR START
   ========================================================= */

.ss-property-contact-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem .55rem;
    margin-top: .45rem;
    font-size: .9rem;
}

.ss-property-contact-toolbar__phone {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.ss-property-phone-number {
    white-space: nowrap;
    font-weight: 600;
}

.ss-contact-action {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-height: 30px;
    padding: .28rem .55rem;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 6px;
    background: #fff;
    color: inherit;
    font: inherit;
    line-height: 1.1;
    text-decoration: none;
    cursor: pointer;
}

.ss-contact-action:hover,
.ss-contact-action:focus-visible {
    text-decoration: none;
    border-color: currentColor;
}

.ss-contact-whatsapp {
    font-weight: 600;
}

.ss-property-socials {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding-left: .15rem;
}

.ss-property-social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 50%;
    text-decoration: none;
}

.ss-property-social:hover,
.ss-property-social:focus-visible {
    text-decoration: none;
    border-color: currentColor;
}

.ss-contact-status {
    flex-basis: 100%;
    min-height: 0;
    font-size: .78rem;
    opacity: .8;
}

@media (max-width: 767.98px) {
    .ss-property-contact-toolbar {
        gap: .4rem;
    }

    .ss-property-contact-toolbar__phone {
        flex-wrap: wrap;
    }

    .ss-contact-action {
        min-height: 34px;
    }
}

/* SS PROPERTY CONTACT TOOLBAR END */

/* =========================================================
   SS PARTNER CONTACT STATS START
   ========================================================= */

.ss-partner-contact-stats {
    margin: 1.5rem 0;
    padding: 1.25rem;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 12px;
    background: #fff;
}

.ss-partner-contact-stats__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.ss-partner-contact-stats__header h2 {
    margin: 0 0 .2rem;
    font-size: 1.35rem;
}

.ss-partner-contact-stats__header p {
    margin: 0;
    opacity: .72;
}

.ss-contact-stat-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.ss-contact-stat-card {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
        "icon value"
        "icon label";
    column-gap: .7rem;
    align-items: center;
    padding: .9rem;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 10px;
    background: rgba(0,0,0,.018);
}

.ss-contact-stat-card__icon {
    grid-area: icon;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(0,0,0,.05);
    font-size: 1rem;
}

.ss-contact-stat-card__value {
    grid-area: value;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1;
}

.ss-contact-stat-card__label {
    grid-area: label;
    margin-top: .25rem;
    font-size: .86rem;
    opacity: .78;
}

.ss-contact-recent {
    margin-top: 1.25rem;
}

.ss-contact-recent h3 {
    margin-bottom: .65rem;
    font-size: 1.05rem;
}

.ss-contact-recent__list {
    border-top: 1px solid rgba(0,0,0,.08);
}

.ss-contact-recent__item {
    display: grid;
    grid-template-columns:
        32px minmax(0,1fr) auto;
    gap: .55rem;
    align-items: center;
    padding: .65rem 0;
    border-bottom: 1px solid rgba(0,0,0,.07);
}

.ss-contact-recent__icon {
    text-align: center;
}

.ss-contact-recent__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ss-contact-recent__content strong {
    font-size: .9rem;
}

.ss-contact-recent__content span {
    overflow: hidden;
    font-size: .8rem;
    opacity: .72;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ss-contact-recent__item time {
    font-size: .78rem;
    opacity: .68;
    white-space: nowrap;
}

.ss-contact-stats-note {
    margin: .9rem 0 0;
    font-size: .78rem;
    opacity: .65;
}

@media (max-width: 767.98px) {
    .ss-contact-stat-grid {
        grid-template-columns: 1fr;
    }

    .ss-contact-recent__item {
        grid-template-columns:
            28px minmax(0,1fr);
    }

    .ss-contact-recent__item time {
        grid-column: 2;
    }
}

/* SS PARTNER CONTACT STATS END */

/* =========================================================
   SS CONTACT EVENTS PAGE START
   ========================================================= */

.ss-contact-events-header {
    margin: 1rem 0 1.25rem;
}

.ss-contact-events-header h1 {
    margin-bottom: .25rem;
    font-size: 1.65rem;
}

.ss-contact-events-header p {
    margin: 0;
    opacity: .72;
}

.ss-contact-events-filters {
    display: grid;
    grid-template-columns:
        repeat(5, minmax(120px, 1fr))
        auto;
    gap: .75rem;
    align-items: end;
    margin: 1.25rem 0;
    padding: 1rem;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 10px;
    background: #fff;
}

.ss-contact-events-filters > div {
    min-width: 0;
}

.ss-contact-events-filters label {
    display: block;
    margin-bottom: .25rem;
    font-size: .8rem;
    font-weight: 600;
}

.ss-contact-events-filters select,
.ss-contact-events-filters input[type="date"] {
    width: 100%;
    min-height: 38px;
    padding: .4rem .5rem;
    border: 1px solid rgba(0,0,0,.18);
    border-radius: 6px;
    background: #fff;
}

.ss-contact-events-filters__actions {
    display: flex;
    gap: .4rem;
}

.ss-contact-events-resultbar {
    margin: .4rem 0 .7rem;
    font-size: .9rem;
    opacity: .8;
}

.ss-contact-events-table th {
    white-space: nowrap;
}

.ss-contact-events-date {
    white-space: nowrap;
}

.ss-contact-events-pagination {
    margin-top: 1rem;
}

.ss-contact-events-pagination .pagination {
    margin-bottom: 0;
}

.ss-contact-events-all-link {
    margin-top: 1rem;
}

@media (max-width: 1199.98px) {
    .ss-contact-events-filters {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .ss-contact-events-filters {
        grid-template-columns: 1fr;
    }

    .ss-contact-events-filters__actions {
        flex-wrap: wrap;
    }

    .ss-contact-events-table {
        font-size: .86rem;
    }
}

/* SS CONTACT EVENTS PAGE END */

/* =========================================================
   SS PARTNER FUNNEL STATS START
   ========================================================= */

.ss-partner-contact-stats .ss-contact-stat-grid {
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(180px, 1fr)
        );
}

.ss-partner-funnel-group {
    margin-top: 1.25rem;
}

.ss-partner-funnel-group:first-of-type {
    margin-top: .75rem;
}

.ss-partner-funnel-group__title {
    margin: 0 0 .55rem;
    font-size: .95rem;
    font-weight: 700;
}

.ss-partner-funnel-history {
    margin: .55rem 0 0;
    font-size: .8rem;
    opacity: .68;
}

@media (max-width: 767.98px) {
    .ss-partner-contact-stats
    .ss-contact-stat-grid {
        grid-template-columns: 1fr;
    }
}

/* SS PARTNER FUNNEL STATS END */

/* =========================================================
   SS PARTNER KPI COMPACT GRID START
   ========================================================= */

/*
 * Dashboard kapcsolatfelvételi KPI-k.
 * Desktop: 6 egy sorban
 * Tablet: 3 x 2
 * Mobil: 2 x 3
 */

.ss-partner-contact-stats
.ss-partner-funnel-group
.ss-contact-stat-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
}

.ss-partner-contact-stats
.ss-partner-funnel-group
.ss-contact-stat-card {
    min-width: 0;
    min-height: 86px;
    padding: .8rem .9rem;
    gap: .65rem;
}

.ss-partner-contact-stats
.ss-partner-funnel-group
.ss-contact-stat-card__icon {
    width: 38px;
    height: 38px;
    min-width: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #1f5145;
    background:
        rgba(31, 81, 69, .10);

    font-size: .95rem;
}

.ss-partner-contact-stats
.ss-partner-funnel-group
.ss-contact-stat-card__value {
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 700;
}

.ss-partner-contact-stats
.ss-partner-funnel-group
.ss-contact-stat-card__label {
    font-size: .82rem;
    line-height: 1.2;
}


/*
 * Kapcsolatfelvétel:
 * finom, funkciónként eltérő ikonárnyalatok.
 */

.ss-partner-contact-stats
.ss-partner-funnel-group:nth-of-type(2)
.ss-contact-stat-card:nth-child(1)
.ss-contact-stat-card__icon {
    color: #1f5145;
    background: rgba(31, 81, 69, .12);
}

.ss-partner-contact-stats
.ss-partner-funnel-group:nth-of-type(2)
.ss-contact-stat-card:nth-child(2)
.ss-contact-stat-card__icon {
    color: #315f53;
    background: rgba(49, 95, 83, .12);
}

.ss-partner-contact-stats
.ss-partner-funnel-group:nth-of-type(2)
.ss-contact-stat-card:nth-child(3)
.ss-contact-stat-card__icon {
    color: #26745f;
    background: rgba(38, 116, 95, .12);
}

.ss-partner-contact-stats
.ss-partner-funnel-group:nth-of-type(2)
.ss-contact-stat-card:nth-child(4)
.ss-contact-stat-card__icon {
    color: #2b6570;
    background: rgba(43, 101, 112, .11);
}

.ss-partner-contact-stats
.ss-partner-funnel-group:nth-of-type(2)
.ss-contact-stat-card:nth-child(5)
.ss-contact-stat-card__icon {
    color: #9a6a25;
    background: rgba(154, 106, 37, .12);
}

.ss-partner-contact-stats
.ss-partner-funnel-group:nth-of-type(2)
.ss-contact-stat-card:nth-child(6)
.ss-contact-stat-card__icon {
    color: #b0782b;
    background: rgba(176, 120, 43, .12);
}


/* Tablet */

@media (max-width: 1199.98px) {

    .ss-partner-contact-stats
    .ss-partner-funnel-group
    .ss-contact-stat-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}


/* Mobil */

@media (max-width: 767.98px) {

    .ss-partner-contact-stats
    .ss-partner-funnel-group
    .ss-contact-stat-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: .6rem;
    }

    .ss-partner-contact-stats
    .ss-partner-funnel-group
    .ss-contact-stat-card {
        min-height: 78px;
        padding: .7rem;
        gap: .55rem;
    }

    .ss-partner-contact-stats
    .ss-partner-funnel-group
    .ss-contact-stat-card__icon {
        width: 34px;
        height: 34px;
        min-width: 34px;
    }

    .ss-partner-contact-stats
    .ss-partner-funnel-group
    .ss-contact-stat-card__value {
        font-size: 1.2rem;
    }

    .ss-partner-contact-stats
    .ss-partner-funnel-group
    .ss-contact-stat-card__label {
        font-size: .78rem;
    }
}

/* SS PARTNER KPI COMPACT GRID END */



/* ==========================================================
   Székelyszállás – főoldal
   Module 155: 8 friss szállás, desktop 4 × 2
   Module 154 változatlanul 3 oszlop
   ========================================================== */

@media (min-width: 992px) {
    body.itemid-101 #solidres-module-asset155 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* ==========================================================
   SZEKELYSZALLAS LAUNCH QA – HEADER / MOBILE OVERFLOW
   2026-09-30
   ========================================================== */

/* Ne keletkezzen oldalirányú vendégoldali scroll az off-canvas menütől */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

/* Desktop fejléc: kompaktabb, de jól olvasható */
@media (min-width: 992px) {
    .lumina__header-inner {
        min-height: 70px;
        padding-block: 8px;
        gap: 22px;
    }

    .lumina__logo-img,
    .lumina__logo-img--dark {
        height: 42px;
        width: auto;
        max-width: 245px;
    }

    .lumina__header.is-stuck .lumina__logo-img,
    .lumina__header.is-stuck .lumina__logo-img--dark {
        height: 40px;
    }

    .lumina__nav {
        gap: clamp(14px, 1.35vw, 24px);
    }

    .lumina__nav a {
        font-size: 0.94rem;
        font-weight: 600;
    }
}

/* Mobil: ne a hero fölött lebegő transparent fejléc legyen */
@media (max-width: 991.98px) {
    body.lumina-header--transparent.lumina-has-hero .lumina__header,
    body.lumina-header--transparent .lumina__header,
    .lumina__header {
        position: sticky;
        top: 0;
        z-index: 1100;
        background: #fff;
        color: #18352b;
        box-shadow: 0 1px 8px rgba(0, 0, 0, .08);
    }

    .lumina__header-inner {
        min-height: 62px;
        padding-block: 7px;
    }

    .lumina__logo-img,
    .lumina__logo-img--dark {
        height: 38px;
        width: auto;
        max-width: 210px;
    }

    /* A zárt drawer ne növelhesse a dokumentum szélességét */
    #lumina-nav {
        max-width: min(88vw, 360px);
        overflow-x: hidden;
        box-sizing: border-box;
    }

    .lumina__drawer,
    .lumina__drawer-brand {
        max-width: 100%;
        box-sizing: border-box;
    }
}


/* ==========================================================
   SZEKELYSZALLAS LAUNCH QA – HERO
   ========================================================== */

:root {
    --lumina-hero-height: clamp(540px, 68vh, 700px);
}

.lumina__hero {
    min-height: var(--lumina-hero-height);
}

.lm-hero-copy h1 {
    max-width: 760px;
    font-size: clamp(2rem, 4.4vw, 4rem);
    line-height: 1.06;
    margin-bottom: .75rem;
}

.lm-hero-copy p {
    max-width: 680px;
    line-height: 1.55;
}

.lumina__hero-booking {
    z-index: 5;
}

/* Kereső: egységesebb címkék és mezőmagasság */
.lumina__hero-booking .sr-search-bar__seg-caption,
.lumina__hero-booking .sr-booking-calendar__cell-caption {
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.2;
}

.lumina__hero-booking input,
.lumina__hero-booking select,
.lumina__hero-booking button {
    min-height: 46px;
}

@media (max-width: 767.98px) {
    :root {
        --lumina-hero-height: 680px;
    }

    .lm-hero-copy h1 {
        font-size: clamp(1.9rem, 9vw, 2.65rem);
        line-height: 1.08;
    }

    .lumina__hero-booking {
        width: 100%;
    }
}

/* ==========================================================
   SZEKELYSZALLAS LAUNCH QA – MOBILE HEADER + HERO FINETUNE
   2026-09-30
   ========================================================== */

@media (max-width: 767.98px) {

    /* Mobil fejléc: valamivel erősebb márkajelenlét */
    .lumina__header-inner {
        min-height: 58px;
        padding-block: 6px;
    }

    .lumina__logo-img,
    .lumina__logo-img--dark {
        height: 42px;
        width: auto;
        max-width: 220px;
    }

    /* Hero szöveg olvashatóság */
    .lumina__hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(
                180deg,
                rgba(15, 35, 31, .18) 0%,
                rgba(15, 35, 31, .38) 42%,
                rgba(15, 35, 31, .56) 100%
            );
        pointer-events: none;
        z-index: 1;
    }

    .lumina__hero > * {
        position: relative;
        z-index: 2;
    }

    .lm-hero-copy h1 {
        font-size: clamp(1.9rem, 8vw, 2.45rem);
        line-height: 1.06;
        margin-bottom: .55rem;
        text-shadow: 0 2px 8px rgba(0,0,0,.28);
    }

    .lm-hero-copy p {
        font-size: .94rem;
        line-height: 1.45;
        max-width: 34rem;
        text-shadow: 0 1px 5px rgba(0,0,0,.32);
    }

    /* A kereső maradjon a hero fölött */
    .lumina__hero-booking {
        position: relative;
        z-index: 3;
    }
}

/* ==========================================================
   SZEKELYSZALLAS – DESKTOP HEADER V2 / MODERN SZEKELY
   2026-09-30
   Cél:
   - a korábbi oldal karakteréhez közelebb álló, erősebb fejléc
   - bézs helyett mély székelyföldi / erdőzöld tónus
   - hangsúlyosabb logó és nagyobb navigáció
   - visszafogott arany akcentus
   - mobil fejléc változatlan
   ========================================================== */

@media (min-width: 992px) {

    /* ------------------------------------------------------
       1. TELJES DESKTOP FEJLÉC
       ------------------------------------------------------ */

    body.lumina-header--solid #lumina-header,
    body.lumina-header--solid #lumina-header.is-stuck,
    body.lumina-header--transparent #lumina-header.is-stuck {
        background:
            linear-gradient(
                135deg,
                var(--ss-green-deep, #122c38) 0%,
                var(--ss-green, #183746) 58%,
                #31594C 100%
            ) !important;

        color: #fff !important;

        border-bottom:
            3px solid var(--ss-gold, #B69354) !important;

        box-shadow:
            0 8px 26px rgba(19, 48, 39, .18) !important;

        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }


    /* ------------------------------------------------------
       2. FŐ FEJLÉCSOR – NAGYOBB LOGÓ + MENÜ
       ------------------------------------------------------ */

    body.lumina-header--solid
    #lumina-header
    .lumina__header-inner,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__header-inner,

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__header-inner {

        min-height: 88px !important;

        padding-top: 8px !important;
        padding-bottom: 7px !important;

        column-gap: 28px !important;
        row-gap: 3px !important;
    }


    /* ------------------------------------------------------
       3. LOGÓ – FEHÉR VARIÁNS A SÖTÉT FEJLÉCEN
       ------------------------------------------------------ */

    body.lumina-header--solid
    #lumina-header
    .lumina__logo--has-dark
    .lumina__logo-img:not(.lumina__logo-img--dark),

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__logo--has-dark
    .lumina__logo-img:not(.lumina__logo-img--dark),

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__logo--has-dark
    .lumina__logo-img:not(.lumina__logo-img--dark) {

        display: none !important;
    }


    body.lumina-header--solid
    #lumina-header
    .lumina__logo--has-dark
    .lumina__logo-img--dark,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__logo--has-dark
    .lumina__logo-img--dark,

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__logo--has-dark
    .lumina__logo-img--dark {

        display: block !important;

        height: 72px !important;
        width: auto !important;
        max-width: 390px !important;

        opacity: 1 !important;
        filter: none !important;
    }


    /* Ha nincs külön dark logóvariáns, a normál logó se legyen apró. */
    body.lumina-header--solid
    #lumina-header
    .lumina__logo:not(.lumina__logo--has-dark)
    .lumina__logo-img {

        height: 72px !important;
        width: auto !important;
        max-width: 390px !important;
    }


    /* ------------------------------------------------------
       4. FŐMENÜ – HANGSÚLYOSABB, MODERNEBB
       ------------------------------------------------------ */

    body.lumina-header--solid
    #lumina-nav > ul {

        gap: clamp(18px, 1.55vw, 30px) !important;
    }


    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > :is(a, .mod-menu__heading, .mod-menu__separator),

    body.lumina-header--solid
    #lumina-nav
    > ul
    > .lumina__menu-item
    > :is(a, .mod-menu__heading, .mod-menu__separator) {

        position: relative;

        color: rgba(255, 255, 255, .94) !important;

        font-size: 1.055rem !important;
        font-weight: 650 !important;
        line-height: 1.2 !important;

        letter-spacing: .005em;

        text-shadow: none !important;

        opacity: 1 !important;

        transition:
            color .16s ease,
            opacity .16s ease;
    }


    /* finom arany hover / aktív jelzés */
    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > a:hover,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > a:focus-visible,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li.active
    > a,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li.current
    > a {

        color: #E2C784 !important;
    }


    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > a::after {

        content: "";

        position: absolute;

        left: 0;
        right: 100%;
        bottom: -.42rem;

        height: 2px;

        background:
            var(--ss-gold, #B69354);

        transition:
            right .18s ease;
    }


    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > a:hover::after,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > a:focus-visible::after,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li.active
    > a::after,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li.current
    > a::after {

        right: 0;
    }


    /* ------------------------------------------------------
       5. UTILITY SOR – KÜLÖN, SÖTÉTEBB SÁV
       ------------------------------------------------------ */

    body.lumina-header--solid
    #lumina-header
    .lumina__header-utilities,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__header-utilities,

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__header-utilities {

        min-height: 34px !important;

        margin: 0 !important;

        padding:
            5px
            12px !important;

        background:
            rgba(12, 39, 32, .30) !important;

        border-top:
            1px solid rgba(255, 255, 255, .10) !important;

        border-radius:
            8px 8px 0 0;

        color:
            rgba(255, 255, 255, .82) !important;
    }


    body.lumina-header--solid
    #lumina-header
    .lumina__header-utilities
    :is(a, span, label),

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__header-utilities
    :is(a, span, label),

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__header-utilities
    :is(a, span, label) {

        color:
            rgba(255, 255, 255, .84) !important;

        font-size:
            .92rem;
    }


    body.lumina-header--solid
    #lumina-header
    .lumina__header-utilities
    a:hover,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__header-utilities
    a:hover {

        color:
            #E2C784 !important;
    }


    /* Pénznemválasztó illeszkedjen a sötét fejléchez. */
    body.lumina-header--solid
    #lumina-header
    .lumina__currency-select {

        color:
            #fff !important;

        background-color:
            rgba(255, 255, 255, .08) !important;

        border-color:
            rgba(255, 255, 255, .18) !important;
    }


    body.lumina-header--solid
    #lumina-header
    .lumina__currency-apply {

        color:
            #fff !important;

        background:
            rgba(255, 255, 255, .08) !important;

        border-color:
            rgba(255, 255, 255, .18) !important;
    }


    body.lumina-header--solid
    #lumina-header
    .lumina__currency-apply:hover {

        color:
            var(--ss-green-deep, #122c38) !important;

        background:
            #E2C784 !important;

        border-color:
            #E2C784 !important;
    }


    /* ------------------------------------------------------
       6. DROPDOWN – FEHÉR PANEL, JÓ KONTRASZT
       ------------------------------------------------------ */

    body.lumina-header--solid
    #lumina-nav
    ul
    ul {

        background:
            rgba(255, 255, 255, .99) !important;

        color:
            var(--ss-text, #26312E) !important;

        border:
            1px solid rgba(39, 70, 59, .12) !important;

        border-radius:
            10px !important;

        box-shadow:
            0 14px 34px rgba(15, 43, 35, .18) !important;
    }


    body.lumina-header--solid
    #lumina-nav
    ul
    ul
    :is(a, .mod-menu__heading, .mod-menu__separator) {

        color:
            var(--ss-text, #26312E) !important;

        font-size:
            .96rem !important;

        text-shadow:
            none !important;

        opacity:
            1 !important;
    }


    body.lumina-header--solid
    #lumina-nav
    ul
    ul
    a:hover,

    body.lumina-header--solid
    #lumina-nav
    ul
    ul
    a:focus-visible {

        color:
            var(--ss-green, #183746) !important;

        background:
            rgba(39, 70, 59, .07) !important;
    }


    /* ------------------------------------------------------
       7. FÓKUSZ – ARANY, DE NEM TÚL ERŐS
       ------------------------------------------------------ */

    body.lumina-header--solid
    #lumina-header
    :is(a, button, select):focus-visible {

        outline:
            2px solid #E2C784 !important;

        outline-offset:
            3px !important;
    }
}

/* ==========================================================
   END – DESKTOP HEADER V2 / MODERN SZEKELY
   ========================================================== */

/* ==========================================================
   SZEKELYSZALLAS – HEADER V3 / UNIFIED DEEP GREEN
   2026-09-30

   Végleges indulási irány:
   - mélyzöld fejléc desktopon és mobilon
   - fehér logó a sötét fejlécen
   - visszafogott arany akcentus
   - erősebb, de nem túlméretezett desktop navigáció
   - egységes mélyzöld mobil drawer
   - a hero / régió / kártyák külön következő körben finomítandók
   ========================================================== */


/* ==========================================================
   1. DESKTOP – FINOMÍTOTT MÉLYZÖLD FEJLÉC
   ========================================================== */

@media (min-width: 992px) {

    /* Teljes fejléc */
    body.lumina-header--solid #lumina-header,
    body.lumina-header--solid #lumina-header.is-stuck,
    body.lumina-header--transparent #lumina-header.is-stuck {
        background:
            linear-gradient(
                135deg,
                #203A32 0%,
                #183746 58%,
                #31594C 100%
            ) !important;

        color: #fff !important;

        border-bottom:
            3px solid #B69354 !important;

        box-shadow:
            0 8px 26px rgba(17, 43, 35, .18) !important;

        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }


    /* Fő fejlécsor: kissé kompaktabb, mint a V2 */
    body.lumina-header--solid
    #lumina-header
    .lumina__header-inner,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__header-inner,

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__header-inner {

        min-height: 82px !important;

        padding-top: 7px !important;
        padding-bottom: 6px !important;

        column-gap: 26px !important;
        row-gap: 3px !important;
    }


    /* Sötét fejlécen fehér logó */
    body.lumina-header--solid
    #lumina-header
    .lumina__logo--has-dark
    .lumina__logo-img:not(.lumina__logo-img--dark),

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__logo--has-dark
    .lumina__logo-img:not(.lumina__logo-img--dark),

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__logo--has-dark
    .lumina__logo-img:not(.lumina__logo-img--dark) {

        display: none !important;
    }


    body.lumina-header--solid
    #lumina-header
    .lumina__logo--has-dark
    .lumina__logo-img--dark,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__logo--has-dark
    .lumina__logo-img--dark,

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__logo--has-dark
    .lumina__logo-img--dark {

        display: block !important;

        height: 68px !important;
        width: auto !important;
        max-width: 370px !important;

        opacity: 1 !important;
        filter: none !important;
    }


    /* Fallback, ha nincs külön dark/white logó */
    body.lumina-header--solid
    #lumina-header
    .lumina__logo:not(.lumina__logo--has-dark)
    .lumina__logo-img {

        height: 68px !important;
        width: auto !important;
        max-width: 370px !important;

        filter: brightness(0) invert(1) !important;
    }


    /* Főmenü */
    body.lumina-header--solid
    #lumina-nav > ul {

        gap: clamp(18px, 1.55vw, 30px) !important;
    }


    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > :is(a, .mod-menu__heading, .mod-menu__separator),

    body.lumina-header--solid
    #lumina-nav
    > ul
    > .lumina__menu-item
    > :is(a, .mod-menu__heading, .mod-menu__separator) {

        position: relative;

        color: rgba(255, 255, 255, .95) !important;

        font-size: 1.03rem !important;
        font-weight: 650 !important;
        line-height: 1.2 !important;

        letter-spacing: .003em;

        text-shadow: none !important;
        opacity: 1 !important;

        transition:
            color .16s ease,
            opacity .16s ease;
    }


    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > a:hover,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > a:focus-visible,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li.active
    > a,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li.current
    > a {

        color: #E2C784 !important;
    }


    /* Arany aktív/hover vonal */
    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > a::after {

        content: "";

        position: absolute;

        left: 0;
        right: 100%;
        bottom: -.38rem;

        height: 2px;

        background: #B69354;

        transition: right .18s ease;
    }


    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > a:hover::after,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > a:focus-visible::after,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li.active
    > a::after,

    body.lumina-header--solid
    #lumina-nav
    > ul
    > li.current
    > a::after {

        right: 0;
    }


    /* Utility sor */
    body.lumina-header--solid
    #lumina-header
    .lumina__header-utilities,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__header-utilities,

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__header-utilities {

        min-height: 28px !important;

        margin: 0 !important;

        padding:
            3px
            10px !important;

        background:
            rgba(10, 34, 28, .28) !important;

        border-top:
            1px solid rgba(255, 255, 255, .08) !important;

        border-radius:
            7px 7px 0 0;

        color:
            rgba(255, 255, 255, .80) !important;
    }


    body.lumina-header--solid
    #lumina-header
    .lumina__header-utilities
    :is(a, span, label),

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__header-utilities
    :is(a, span, label),

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__header-utilities
    :is(a, span, label) {

        color:
            rgba(255, 255, 255, .82) !important;

        font-size: .88rem;
    }


    body.lumina-header--solid
    #lumina-header
    .lumina__header-utilities
    a:hover,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__header-utilities
    a:hover {

        color: #E2C784 !important;
    }


    /* Pénznem */
    body.lumina-header--solid
    #lumina-header
    .lumina__currency-select,

    body.lumina-header--solid
    #lumina-header
    .lumina__currency-apply {

        color: #fff !important;

        background:
            rgba(255, 255, 255, .07) !important;

        border-color:
            rgba(255, 255, 255, .16) !important;
    }


    body.lumina-header--solid
    #lumina-header
    .lumina__currency-apply:hover {

        color: #203A32 !important;

        background: #E2C784 !important;
        border-color: #E2C784 !important;
    }


    /* Dropdown */
    body.lumina-header--solid
    #lumina-nav
    ul
    ul {

        background:
            rgba(255, 255, 255, .99) !important;

        color:
            #26312E !important;

        border:
            1px solid rgba(39, 70, 59, .12) !important;

        border-radius:
            10px !important;

        box-shadow:
            0 14px 34px rgba(15, 43, 35, .18) !important;
    }


    body.lumina-header--solid
    #lumina-nav
    ul
    ul
    :is(a, .mod-menu__heading, .mod-menu__separator) {

        color: #26312E !important;

        font-size: .95rem !important;

        text-shadow: none !important;
        opacity: 1 !important;
    }


    body.lumina-header--solid
    #lumina-nav
    ul
    ul
    a:hover,

    body.lumina-header--solid
    #lumina-nav
    ul
    ul
    a:focus-visible {

        color: #183746 !important;

        background:
            rgba(39, 70, 59, .07) !important;
    }


    /* Fókusz */
    body.lumina-header--solid
    #lumina-header
    :is(a, button, select):focus-visible {

        outline:
            2px solid #E2C784 !important;

        outline-offset:
            3px !important;
    }
}


/* ==========================================================
   2. MOBIL / TABLET – UGYANAZ A MÉLYZÖLD MÁRKAVILÁG
   ========================================================== */

@media (max-width: 991.98px) {

    /* Fő fejléc */
    body .lumina__header,
    body.lumina-header--solid .lumina__header,
    body.lumina-header--transparent .lumina__header,
    body.lumina-header--transparent.lumina-has-hero .lumina__header {

        position: sticky !important;
        top: 0 !important;
        z-index: 1100 !important;

        background:
            linear-gradient(
                135deg,
                #203A32 0%,
                #183746 65%,
                #31594C 100%
            ) !important;

        color: #fff !important;

        border-bottom:
            2px solid #B69354 !important;

        box-shadow:
            0 4px 16px rgba(18, 45, 37, .18) !important;
    }


    .lumina__header-inner {

        min-height: 58px !important;

        padding-top: 5px !important;
        padding-bottom: 5px !important;

        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;

        gap: .7rem !important;
    }


    /* Fehér főlogó */
    .lumina__header
    .lumina__logo--has-dark
    .lumina__logo-img:not(.lumina__logo-img--dark) {

        display: none !important;
    }


    .lumina__header
    .lumina__logo--has-dark
    .lumina__logo-img--dark {

        display: block !important;

        height: 40px !important;
        width: auto !important;

        max-width:
            min(230px, 68vw) !important;

        opacity: 1 !important;
        filter: none !important;
    }


    /* Fallback, ha nincs white/dark logó */
    .lumina__header
    .lumina__logo:not(.lumina__logo--has-dark)
    .lumina__logo-img {

        height: 40px !important;
        width: auto !important;

        max-width:
            min(230px, 68vw) !important;

        filter:
            brightness(0) invert(1) !important;
    }


    /* Hamburger */
    .lumina__nav-toggle {

        flex:
            0 0 42px !important;

        width: 42px !important;
        height: 42px !important;

        color: #fff !important;

        background:
            rgba(255, 255, 255, .08) !important;

        border:
            1px solid rgba(255, 255, 255, .18) !important;

        border-radius:
            11px !important;

        box-shadow:
            none !important;
    }


    .lumina__nav-toggle:hover,
    .lumina__nav-toggle:focus-visible {

        color: #E2C784 !important;

        background:
            rgba(255, 255, 255, .12) !important;

        border-color:
            rgba(226, 199, 132, .50) !important;
    }


    /* ------------------------------------------------------
       MOBIL DRAWER
       ------------------------------------------------------ */

    #lumina-nav {

        position: fixed !important;

        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;

        width:
            min(92vw, 24rem) !important;

        max-width:
            min(92vw, 24rem) !important;

        height:
            100vh !important;

        height:
            100dvh !important;

        min-height:
            100vh !important;

        max-height:
            100dvh !important;

        padding:
            5.15rem
            1.25rem
            calc(1.6rem + env(safe-area-inset-bottom))
            !important;

        overflow-x:
            hidden !important;

        overflow-y:
            auto !important;

        overscroll-behavior:
            contain;

        background:
            linear-gradient(
                180deg,
                #203A32 0%,
                #183746 68%,
                #2E5146 100%
            ) !important;

        color:
            #fff !important;

        border-inline-start:
            1px solid rgba(255, 255, 255, .12) !important;

        box-shadow:
            -18px 0 46px rgba(9, 31, 25, .28) !important;
    }


    /* Drawer brand */
    #lumina-nav
    .lumina__drawer-brand {

        display:
            flex !important;

        position:
            absolute !important;

        top:
            .8rem !important;

        left:
            1.25rem !important;

        right:
            4.75rem !important;

        height:
            3rem !important;

        align-items:
            center !important;

        margin:
            0 !important;

        padding:
            0 !important;

        border:
            0 !important;
    }


    #lumina-nav
    .lumina__drawer-brand
    .lumina__logo-img:not(.lumina__logo-img--dark) {

        display:
            none !important;
    }


    #lumina-nav
    .lumina__drawer-brand
    .lumina__logo-img--dark {

        display:
            block !important;

        height:
            36px !important;

        width:
            auto !important;

        max-width:
            100% !important;

        opacity:
            1 !important;

        filter:
            none !important;
    }


    /* Drawer menü */
    #lumina-nav
    > .lumina__menu,

    #lumina-nav
    > ul {

        margin:
            0 !important;

        padding:
            0 !important;

        gap:
            0 !important;
    }


    #lumina-nav
    > .lumina__menu
    > .lumina__menu-item,

    #lumina-nav
    > ul
    > .lumina__menu-item {

        margin:
            0 !important;

        border-bottom:
            1px solid rgba(255, 255, 255, .12) !important;
    }


    #lumina-nav
    > .lumina__menu
    > .lumina__menu-item
    > :is(a, .mod-menu__heading, .mod-menu__separator),

    #lumina-nav
    > ul
    > .lumina__menu-item
    > :is(a, .mod-menu__heading, .mod-menu__separator) {

        min-height:
            46px !important;

        display:
            flex !important;

        align-items:
            center !important;

        padding:
            .68rem
            2.75rem
            .68rem
            .25rem !important;

        color:
            rgba(255, 255, 255, .95) !important;

        font-size:
            .98rem !important;

        font-weight:
            600 !important;

        line-height:
            1.2 !important;

        text-shadow:
            none !important;

        text-decoration:
            none !important;

        opacity:
            1 !important;
    }


    #lumina-nav a:hover,
    #lumina-nav a:focus-visible,
    #lumina-nav .current > a,
    #lumina-nav .active > a {

        color:
            #E2C784 !important;
    }


    /* Menünyilak */
    #lumina-nav
    .lumina__menu-toggle {

        color:
            #E2C784 !important;

        background:
            transparent !important;
    }


    #lumina-nav
    .lumina__menu-item.deeper
    > .lumina__menu-toggle::after {

        color:
            #E2C784 !important;
    }


    /* Almenük */
    #lumina-nav
    .lumina__menu-sub {

        border-inline-start:
            2px solid rgba(226, 199, 132, .30) !important;
    }


    #lumina-nav
    .lumina__menu-sub
    a {

        color:
            rgba(255, 255, 255, .76) !important;
    }


    #lumina-nav
    .lumina__menu-sub
    a:hover,

    #lumina-nav
    .lumina__menu-sub
    a:focus-visible {

        color:
            #E2C784 !important;
    }


    /* ------------------------------------------------------
       MOBIL UTILITY BLOKK
       ------------------------------------------------------ */

    #lumina-nav
    > .ss-drawer-utilities {

        display:
            flex !important;

        position:
            static !important;

        width:
            100% !important;

        flex-direction:
            column !important;

        align-items:
            stretch !important;

        gap:
            .28rem !important;

        margin-top:
            .9rem !important;

        padding-top:
            .8rem !important;

        border-top:
            1px solid rgba(255, 255, 255, .18) !important;

        background:
            transparent !important;

        color:
            rgba(255, 255, 255, .82) !important;

        box-shadow:
            none !important;
    }


    #lumina-nav
    > .ss-drawer-utilities
    :is(a, span, label) {

        color:
            rgba(255, 255, 255, .82) !important;
    }


    #lumina-nav
    > .ss-drawer-utilities
    a:hover,

    #lumina-nav
    > .ss-drawer-utilities
    a:focus-visible {

        color:
            #E2C784 !important;
    }


    #lumina-nav
    .ss-drawer-currency-label,

    #lumina-nav
    > .ss-drawer-utilities
    .lumina__currency::before {

        color:
            rgba(255, 255, 255, .62) !important;
    }


    #lumina-nav
    .lumina__currency-select,

    #lumina-nav
    .lumina__currency-apply {

        color:
            #fff !important;

        background:
            rgba(255, 255, 255, .08) !important;

        border:
            1px solid rgba(255, 255, 255, .18) !important;
    }


    #lumina-nav
    .lumina__currency-apply:hover,
    #lumina-nav
    .lumina__currency-apply:focus-visible {

        color:
            #203A32 !important;

        background:
            #E2C784 !important;

        border-color:
            #E2C784 !important;
    }


    /* A nyitott drawer mögötti fejléc logó ne látszódjon át */
    body.lumina-drawer-open
    #lumina-header
    > .lumina__header-inner
    > .lumina__brand {

        visibility:
            hidden !important;
    }


    /* Drawer nyitva: háttér ne mozogjon */
    body.lumina-drawer-open {

        overflow:
            hidden !important;

        touch-action:
            none;
    }


    /* Oldalirányú overflow védelem */
    html,
    body {

        max-width:
            100%;

        overflow-x:
            hidden;
    }


    @supports (overflow-x: clip) {

        html,
        body {

            overflow-x:
                clip;
        }
    }
}


/* ==========================================================
   3. NAGYON KESKENY MOBIL
   ========================================================== */

@media (max-width: 389.98px) {

    .lumina__header
    .lumina__logo--has-dark
    .lumina__logo-img--dark {

        height:
            36px !important;

        max-width:
            205px !important;
    }


    .lumina__nav-toggle {

        flex-basis:
            40px !important;

        width:
            40px !important;

        height:
            40px !important;
    }
}


/* ==========================================================
   END – HEADER V3 / UNIFIED DEEP GREEN
   ========================================================== */

/* ==========================================================
   SZEKELYSZALLAS – LAUNCH HOMEPAGE V4
   2026-09-30

   Cél:
   - desktop fejléc kb. 110 px teljes magasság
   - egységes mélyzöld desktop + mobil arculat
   - kompaktabb, prémiumabb hero és kereső
   - régiók finomítása
   - Experience és szálláskártyák egységes vizuális rendszere
   - mobilon kevesebb szöveg, rövidebb kártyák
   ========================================================== */


/* ==========================================================
   01. DESKTOP HEADER – ~110 PX
   ========================================================== */

@media (min-width: 992px) {

    body.lumina-header--solid #lumina-header,
    body.lumina-header--solid #lumina-header.is-stuck,
    body.lumina-header--transparent #lumina-header.is-stuck {
        height: 110px !important;
        min-height: 110px !important;
        box-sizing: border-box !important;

        background:
            linear-gradient(
                135deg,
                #203A32 0%,
                #183746 58%,
                #31594C 100%
            ) !important;

        border-bottom: 3px solid #B69354 !important;
    }

    body.lumina-header--solid
    #lumina-header
    .lumina__header-inner,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__header-inner,

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__header-inner {

        height: 107px !important;
        min-height: 107px !important;

        padding-top: 5px !important;
        padding-bottom: 4px !important;

        column-gap: 24px !important;
        row-gap: 1px !important;

        align-content: center !important;
        box-sizing: border-box !important;
    }

    /* Logó: marad hangsúlyos, de belefér a 110 px-es fejlécbe */
    body.lumina-header--solid
    #lumina-header
    .lumina__logo--has-dark
    .lumina__logo-img--dark,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__logo--has-dark
    .lumina__logo-img--dark,

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__logo--has-dark
    .lumina__logo-img--dark {

        height: 61px !important;
        max-width: 345px !important;
    }

    /* Főmenü picit nagyobb és nyugodtabb */
    body.lumina-header--solid
    #lumina-nav
    > ul
    > li
    > :is(a, .mod-menu__heading, .mod-menu__separator) {

        font-size: 1rem !important;
        font-weight: 650 !important;
    }

    /* Utility sor: sokkal kompaktabb */
    body.lumina-header--solid
    #lumina-header
    .lumina__header-utilities,

    body.lumina-header--solid
    #lumina-header.is-stuck
    .lumina__header-utilities,

    body.lumina-header--transparent
    #lumina-header.is-stuck
    .lumina__header-utilities {

        min-height: 22px !important;
        height: 22px !important;

        padding: 1px 8px !important;

        border-radius: 6px 6px 0 0 !important;
    }

    body.lumina-header--solid
    #lumina-header
    .lumina__header-utilities
    :is(a, span, label) {

        font-size: .82rem !important;
        line-height: 1.1 !important;
    }
}


/* ==========================================================
   02. HERO – PREMIUM / FESZESEBB
   ========================================================== */

body.itemid-101 .lumina__hero {
    position: relative !important;
    min-height: 590px !important;
    overflow: hidden;
}

body.itemid-101 .lumina__hero::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 3;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(15, 39, 32, .68) 0%,
            rgba(15, 39, 32, .45) 34%,
            rgba(15, 39, 32, .17) 65%,
            rgba(15, 39, 32, .04) 100%
        ),
        linear-gradient(
            0deg,
            rgba(15, 39, 32, .26) 0%,
            rgba(15, 39, 32, .05) 46%,
            transparent 72%
        );
}

body.itemid-101 .lumina__hero-booking {
    position: relative !important;
    z-index: 10 !important;
}

body.itemid-101 .lm-hero-copy {
    max-width: 690px !important;
}

body.itemid-101 .lm-hero-copy h1 {
    max-width: 650px !important;

    margin-bottom: .65rem !important;

    font-size:
        clamp(2.35rem, 3.8vw, 3.55rem) !important;

    line-height: 1.04 !important;
    letter-spacing: -.025em !important;

    text-wrap: balance;
}

body.itemid-101 .lm-hero-copy p {
    max-width: 590px !important;

    font-size:
        clamp(.96rem, 1.15vw, 1.08rem) !important;

    line-height: 1.5 !important;

    color: rgba(255,255,255,.93) !important;
}


/* ==========================================================
   03. HERO SEARCH – KOMPaktabb, PRÉMIUMABB
   ========================================================== */

body.itemid-101 .lumina__hero-booking
.sr-search-bar {

    border-radius: 14px !important;

    box-shadow:
        0 10px 30px rgba(13, 35, 29, .18) !important;
}

body.itemid-101 .lumina__hero-booking
:is(input, select, button) {

    min-height: 44px !important;
}

body.itemid-101 .lumina__hero-booking
.sr-search-bar__seg-caption,

body.itemid-101 .lumina__hero-booking
.sr-booking-calendar__cell-caption {

    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .025em;
    text-transform: uppercase;
}


/* ==========================================================
   04. SZEKCIÓCÍMEK
   ========================================================== */

body.itemid-101
.lumina__section-header {

    margin-bottom:
        1.5rem !important;
}

body.itemid-101
:is(
    .lumina__section-title,
    .lumina__section-header h2
) {

    max-width: 760px;

    margin-left: auto !important;
    margin-right: auto !important;

    font-size:
        clamp(1.9rem, 2.7vw, 2.45rem) !important;

    line-height: 1.08 !important;
    letter-spacing: -.022em;

    text-wrap: balance;
}


/* ==========================================================
   05. RÉGIÓK – FINOMÍTÁS
   ========================================================== */

body.itemid-101
#solidres-module-location132 {

    gap: 1rem !important;
}

body.itemid-101
#solidres-module-location132
.lm-tile {

    position: relative;

    overflow: hidden;

    border-radius: 14px !important;

    box-shadow:
        0 6px 18px rgba(26, 55, 45, .08);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

body.itemid-101
#solidres-module-location132
.lm-tile:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 12px 28px rgba(26, 55, 45, .14);
}

body.itemid-101
#solidres-module-location132
.lm-tile::after {

    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            0deg,
            rgba(12, 36, 29, .68) 0%,
            rgba(12, 36, 29, .15) 48%,
            transparent 76%
        );
}

body.itemid-101
#solidres-module-location132
.lm-tile__label {

    position: absolute;
    z-index: 2;

    font-weight: 650 !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.48) !important;
}


/* ==========================================================
   06. EXPERIENCE KÁRTYÁK
   mod_sr_experience_list / Lumina
   ========================================================== */

/* A főoldali Experience-rács – több kompatibilis selectorral */
body.itemid-101
:is(
    .solidres-module-experience,
    .solidres-module-experience-list
) {

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 1.35rem !important;
}


/* Egy Experience-kártya */
body.itemid-101
:is(
    .solidres-module-experience-item,
    .solidres-experience-item
) {

    min-width: 0;

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden;

    background: #fff;

    border:
        1px solid rgba(39,70,59,.10) !important;

    border-radius:
        14px !important;

    box-shadow:
        0 5px 18px rgba(29,55,46,.07) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

body.itemid-101
:is(
    .solidres-module-experience-item,
    .solidres-experience-item
):hover {

    transform: translateY(-4px);

    border-color:
        rgba(39,70,59,.18) !important;

    box-shadow:
        0 12px 30px rgba(29,55,46,.12) !important;
}


/* Experience képek */
body.itemid-101
:is(
    .solidres-module-experience-item,
    .solidres-experience-item
)
:is(
    .carousel,
    .experience-image,
    .experience-photo,
    figure
) {

    overflow: hidden;

    aspect-ratio: 16 / 10;
}

body.itemid-101
:is(
    .solidres-module-experience-item,
    .solidres-experience-item
)
img {

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .35s ease;
}

body.itemid-101
:is(
    .solidres-module-experience-item,
    .solidres-experience-item
):hover
img {

    transform:
        scale(1.035);
}


/* Experience cím */
body.itemid-101
:is(
    .solidres-module-experience-item,
    .solidres-experience-item
)
:is(
    h3,
    .experience-title,
    .title
) {

    margin:
        0 !important;

    padding:
        .95rem 1rem .35rem !important;

    color:
        #203A32 !important;

    font-size:
        1.08rem !important;

    line-height:
        1.25 !important;
}


/* Experience kategória / eyebrow */
body.itemid-101
:is(
    .solidres-module-experience-item,
    .solidres-experience-item
)
:is(
    .category,
    .experience-category,
    .meta,
    .eyebrow
) {

    color:
        #8B6728 !important;

    font-size:
        .68rem !important;

    line-height:
        1.25 !important;

    font-weight:
        700 !important;

    letter-spacing:
        .045em;

    text-transform:
        uppercase;
}


/* Experience leírás: desktop max. 4 sor */
body.itemid-101
:is(
    .solidres-module-experience-item,
    .solidres-experience-item
)
:is(
    .experience_desc,
    .experience-description,
    .description,
    .asset_desc
) {

    display:
        -webkit-box !important;

    flex:
        0 1 auto;

    overflow:
        hidden !important;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        4;

    line-clamp:
        4;

    padding:
        0 1rem !important;

    color:
        #64706B !important;

    font-size:
        .9rem !important;

    line-height:
        1.5 !important;
}


/* Experience CTA */
body.itemid-101
:is(
    .solidres-module-experience-item,
    .solidres-experience-item
)
:is(
    .btn,
    .btn-info,
    .readmore,
    .read-more
) {

    color:
        #a84f32 !important;

    background:
        transparent !important;

    border:
        0 !important;

    font-size:
        .86rem !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;
}


/* ==========================================================
   07. SZÁLLÁSKÁRTYÁK – KIEMELT + TOVÁBBI
   ========================================================== */

body.itemid-101
.solidres-module-asset {

    align-items:
        stretch;
}

body.itemid-101
.solidres-module-asset-item {

    height:
        100%;

    border:
        1px solid rgba(39,70,59,.10) !important;

    border-radius:
        14px !important;

    background:
        #fff !important;

    box-shadow:
        0 5px 18px rgba(29,55,46,.07) !important;
}

body.itemid-101
.solidres-module-asset-item:hover {

    transform:
        translateY(-4px) !important;

    border-color:
        rgba(39,70,59,.18) !important;

    box-shadow:
        0 12px 30px rgba(29,55,46,.12) !important;
}


/* Kép */
body.itemid-101
.solidres-module-asset-item
> .assetcarousel {

    aspect-ratio:
        16 / 10 !important;

    overflow:
        hidden;
}

body.itemid-101
.solidres-module-asset-item
.assetcarousel img {

    transition:
        transform .35s ease;
}

body.itemid-101
.solidres-module-asset-item:hover
.assetcarousel img {

    transform:
        scale(1.035);
}


/* Név */
body.itemid-101
.solidres-module-asset-item
> h3 {

    padding:
        .95rem 1rem .3rem !important;

    color:
        #203A32 !important;

    font-size:
        1.08rem !important;

    line-height:
        1.25 !important;
}


/* Leírás – desktop 3 sor */
body.itemid-101
.solidres-module-asset-item
.asset_desc {

    display:
        -webkit-box !important;

    overflow:
        hidden !important;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        3;

    line-clamp:
        3;

    padding:
        0 1rem !important;

    color:
        #64706B !important;

    font-size:
        .9rem !important;

    line-height:
        1.5 !important;
}


/* CTA – link jelleg */
body.itemid-101
.solidres-module-asset-item
.btn.btn-info {

    min-height:
        auto !important;

    padding:
        0 !important;

    color:
        #a84f32 !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    font-size:
        .86rem !important;

    font-weight:
        700 !important;
}

body.itemid-101
.solidres-module-asset-item
.btn.btn-info:hover,
body.itemid-101
.solidres-module-asset-item
.btn.btn-info:focus-visible {

    color:
        #9A682A !important;

    background:
        transparent !important;
}


/* ==========================================================
   08. BIZALMI KÁRTYÁK – FINOM EGYSÉGESÍTÉS
   ========================================================== */

body.itemid-101
.home-value {

    border-color:
        rgba(39,70,59,.10) !important;

    border-radius:
        14px !important;

    box-shadow:
        0 4px 14px rgba(29,55,46,.045);
}

body.itemid-101
.home-value-icon {

    color:
        #a84f32 !important;

    background:
        rgba(23,108,105,.08) !important;
}


/* ==========================================================
   09. MOBIL
   ========================================================== */

@media (max-width: 767.98px) {

    /* Hero rövidebb */
    body.itemid-101
    .lumina__hero {

        min-height:
            625px !important;
    }

    body.itemid-101
    .lm-hero-copy {

        max-width:
            100% !important;
    }

    body.itemid-101
    .lm-hero-copy h1 {

        max-width:
            95% !important;

        font-size:
            clamp(1.85rem, 8vw, 2.25rem) !important;

        line-height:
            1.05 !important;

        margin-bottom:
            .45rem !important;
    }

    body.itemid-101
    .lm-hero-copy p {

        max-width:
            95% !important;

        font-size:
            .88rem !important;

        line-height:
            1.4 !important;
    }


    /* Search */
    body.itemid-101
    .lumina__hero-booking
    :is(input, select, button) {

        min-height:
            42px !important;
    }


    /* Szekciócímek */
    body.itemid-101
    :is(
        .lumina__section-title,
        .lumina__section-header h2
    ) {

        max-width:
            12em;

        font-size:
            clamp(1.65rem, 7.5vw, 1.95rem) !important;

        line-height:
            1.08 !important;
    }


    /* Régiók maradnak 2 oszlopban */
    body.itemid-101
    #solidres-module-location132 {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            .65rem !important;
    }

    body.itemid-101
    #solidres-module-location132
    .lm-tile {

        border-radius:
            10px !important;
    }

    body.itemid-101
    #solidres-module-location132
    .lm-tile__label {

        font-size:
            .94rem !important;
    }


    /* Experience: mobilon 1 oszlop */
    body.itemid-101
    :is(
        .solidres-module-experience,
        .solidres-module-experience-list
    ) {

        grid-template-columns:
            1fr !important;

        gap:
            .9rem !important;
    }

    body.itemid-101
    :is(
        .solidres-module-experience-item,
        .solidres-experience-item
    )
    :is(
        .experience_desc,
        .experience-description,
        .description,
        .asset_desc
    ) {

        -webkit-line-clamp:
            3;

        line-clamp:
            3;

        font-size:
            .86rem !important;
    }


    /* Szálláskártyák */
    body.itemid-101
    .solidres-module-asset {

        gap:
            .9rem !important;
    }

    body.itemid-101
    .solidres-module-asset-item
    > h3 {

        font-size:
            1.05rem !important;
    }

    body.itemid-101
    .solidres-module-asset-item
    .asset_desc {

        -webkit-line-clamp:
            3;

        line-clamp:
            3;

        font-size:
            .86rem !important;
    }

    body.itemid-101
    .solidres-module-asset-item
    > p:last-child {

        padding:
            .55rem 1rem .95rem !important;
    }
}


/* ==========================================================
   10. TABLET EXPERIENCE
   ========================================================== */

@media (min-width: 768px) and (max-width: 991.98px) {

    body.itemid-101
    :is(
        .solidres-module-experience,
        .solidres-module-experience-list
    ) {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}


/* ==========================================================
   END – SZEKELYSZALLAS LAUNCH HOMEPAGE V4
   ========================================================== */

/* ==========================================================
   SZEKELYSZALLAS – SEARCH RESULTS V5
   2026-09-30

   Cél:
   - mobil főoldali régiócím kompaktabb
   - /szallas oldal fölé kerülő keresőblokk kész stílusa
   - nyers rendezési linklista kompakt, reszponzív toolbar
   - keresési találati oldal vizuális egységesítése
   ========================================================== */


/* ==========================================================
   01. FŐOLDALI RÉGIÓCÍM – MOBIL
   ========================================================== */

@media (max-width: 767.98px) {

    body.itemid-101
    .lumina__section:has(#solidres-module-location132)
    :is(
        .lumina__section-title,
        .lumina__section-header h2
    ) {

        max-width: 17em !important;

        font-size:
            clamp(1.55rem, 6.8vw, 1.85rem) !important;

        line-height:
            1.08 !important;

        margin-inline:
            auto !important;

        text-wrap:
            balance;
    }
}


/* ==========================================================
   02. SZÁLLÁSKERESŐ – TALÁLATI OLDAL FÖLÖTT
   A meglévő Solidres keresőmodul Itemid=102-re való
   hozzárendelése után automatikusan ezt a stílust kapja.
   ========================================================== */

body.com_solidres.view-search
.sr-search-bar,

body.com_solidres.view-search
.lumina__hero-booking {

    width: 100%;

    margin:
        0 0 1rem !important;

    padding:
        .7rem .8rem !important;

    background:
        #fff !important;

    border:
        1px solid rgba(39, 70, 59, .12) !important;

    border-radius:
        14px !important;

    box-shadow:
        0 7px 22px rgba(29, 55, 46, .075) !important;
}


/* mezők */
body.com_solidres.view-search
.sr-search-bar
:is(
    input,
    select,
    button
) {

    min-height:
        42px !important;
}


/* címkék */
body.com_solidres.view-search
.sr-search-bar
:is(
    .sr-search-bar__seg-caption,
    .sr-booking-calendar__cell-caption,
    label
) {

    font-size:
        .7rem !important;

    line-height:
        1.15 !important;

    font-weight:
        700 !important;

    letter-spacing:
        .025em;

    text-transform:
        uppercase;
}


/* fő keresőgomb */
body.com_solidres.view-search
.sr-search-bar
:is(
    .btn-primary,
    .btn-success,
    button[type="submit"]
) {

    color:
        #fff !important;

    background:
        #a84f32 !important;

    border-color:
        #a84f32 !important;

    border-radius:
        9px !important;

    font-weight:
        700 !important;
}

body.com_solidres.view-search
.sr-search-bar
:is(
    .btn-primary,
    .btn-success,
    button[type="submit"]
):hover,

body.com_solidres.view-search
.sr-search-bar
:is(
    .btn-primary,
    .btn-success,
    button[type="submit"]
):focus-visible {

    background:
        #833b25 !important;

    border-color:
        #833b25 !important;
}


/* ==========================================================
   03. RENDEZÉS – A SOLIDRES NYERS LISTÁJÁBÓL TOOLBAR
   Nem kell markupot vagy Solidres core-t módosítani.
   ========================================================== */

body.com_solidres.view-search
ul:has(a[href*="ordering="]) {

    list-style:
        none !important;

    display:
        flex !important;

    align-items:
        center !important;

    flex-wrap:
        wrap !important;

    gap:
        .45rem !important;

    width:
        100%;

    margin:
        .25rem 0 1rem !important;

    padding:
        .55rem .65rem !important;

    background:
        rgba(246, 242, 233, .58);

    border:
        1px solid rgba(39, 70, 59, .10);

    border-radius:
        12px;

    box-shadow:
        0 3px 12px rgba(29,55,46,.035);
}


/* cím a sor elején */
body.com_solidres.view-search
ul:has(a[href*="ordering="])::before {

    content:
        "Rendezés";

    flex:
        0 0 auto;

    margin-right:
        .15rem;

    color:
        #40534C;

    font-size:
        .78rem;

    font-weight:
        750;

    letter-spacing:
        .04em;

    text-transform:
        uppercase;
}


/* li */
body.com_solidres.view-search
ul:has(a[href*="ordering="])
> li {

    display:
        block !important;

    margin:
        0 !important;

    padding:
        0 !important;

    list-style:
        none !important;
}


/* rendezési chip */
body.com_solidres.view-search
ul:has(a[href*="ordering="])
> li
> a {

    display:
        inline-flex !important;

    align-items:
        center;

    min-height:
        34px;

    padding:
        .38rem .68rem !important;

    color:
        #31433D !important;

    background:
        #fff !important;

    border:
        1px solid rgba(39,70,59,.12) !important;

    border-radius:
        999px !important;

    font-size:
        .8rem !important;

    font-weight:
        600 !important;

    line-height:
        1.15;

    white-space:
        nowrap;

    text-decoration:
        none !important;

    transition:
        color .15s ease,
        background-color .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}


body.com_solidres.view-search
ul:has(a[href*="ordering="])
> li
> a:hover,

body.com_solidres.view-search
ul:has(a[href*="ordering="])
> li
> a:focus-visible {

    color:
        #a84f32 !important;

    border-color:
        rgba(23,108,105,.35) !important;

    background:
        rgba(23,108,105,.055) !important;

    box-shadow:
        0 2px 8px rgba(23,108,105,.06);
}


/* aktív elem – ahol a markup jelzi */
body.com_solidres.view-search
ul:has(a[href*="ordering="])
> li.active
> a,

body.com_solidres.view-search
ul:has(a[href*="ordering="])
> li.current
> a,

body.com_solidres.view-search
ul:has(a[href*="ordering="])
> li
> a[aria-current="page"] {

    color:
        #fff !important;

    background:
        #a84f32 !important;

    border-color:
        #a84f32 !important;
}


/* ==========================================================
   04. TALÁLATI FEJLÉC / EREDMÉNYSZÁM
   ========================================================== */

body.com_solidres.view-search
#search-results {

    min-width:
        0;
}

body.com_solidres.view-search
#search-results
> :is(
    p,
    .result-count,
    .search-result-count,
    .sr-search-result-count
):first-child {

    color:
        #66736E;

    font-size:
        .9rem;

    line-height:
        1.4;
}


/* ==========================================================
   05. MOBIL – RENDEZÉS VÍZSZINTESEN GÖRGETHETŐ
   ========================================================== */

@media (max-width: 767.98px) {

    body.com_solidres.view-search
    ul:has(a[href*="ordering="]) {

        flex-wrap:
            nowrap !important;

        overflow-x:
            auto;

        overflow-y:
            hidden;

        padding:
            .5rem !important;

        scrollbar-width:
            thin;

        -webkit-overflow-scrolling:
            touch;
    }


    body.com_solidres.view-search
    ul:has(a[href*="ordering="])::before {

        position:
            sticky;

        left:
            0;

        z-index:
            2;

        align-self:
            stretch;

        display:
            inline-flex;

        align-items:
            center;

        padding:
            0 .35rem;

        background:
            #F8F4EC;

        white-space:
            nowrap;
    }


    body.com_solidres.view-search
    ul:has(a[href*="ordering="])
    > li {

        flex:
            0 0 auto;
    }


    body.com_solidres.view-search
    ul:has(a[href*="ordering="])
    > li
    > a {

        min-height:
            32px;

        padding:
            .34rem .62rem !important;

        font-size:
            .78rem !important;
    }


    /* Mobil keresőblokk ne legyen túl magas */
    body.com_solidres.view-search
    .sr-search-bar {

        padding:
            .65rem !important;

        border-radius:
            12px !important;
    }
}


/* ==========================================================
   END – SZEKELYSZALLAS SEARCH RESULTS V5
   ========================================================== */

/* ==========================================================
   SZEKELYSZALLAS – SORT TOOLBAR FIX V5.1
   Csak a külső rendezési sor legyen toolbar.
   A belső listák maradjanak valódi dropdownok.
   ========================================================== */


/* ----------------------------------------------------------
   KÜLSŐ RENDEZÉSI SOR
   ---------------------------------------------------------- */

body.com_solidres.view-search
ul:has(> li > a[href*="ordering="]):not(li ul) {

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    gap: .45rem !important;

    width: 100%;

    margin: 0 0 1rem !important;

    padding: .65rem .75rem !important;

    list-style: none !important;

    background: #fff !important;

    border:
        1px solid rgba(39,70,59,.11) !important;

    border-radius:
        13px !important;

    box-shadow:
        0 4px 14px rgba(29,55,46,.045);
}


/* csak EGY "Rendezés" cím */

body.com_solidres.view-search
ul:has(> li > a[href*="ordering="]):not(li ul)::before {

    content: "Rendezés";

    flex: 0 0 auto;

    margin-right: .15rem;

    color: #64716C;

    font-size: .72rem;
    font-weight: 750;

    line-height: 1;

    letter-spacing: .055em;
    text-transform: uppercase;
}


/* külső menüpont */

body.com_solidres.view-search
ul:has(> li > a[href*="ordering="]):not(li ul)
> li {

    position: relative !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* külső gomb */

body.com_solidres.view-search
ul:has(> li > a[href*="ordering="]):not(li ul)
> li
> a {

    display: inline-flex !important;

    align-items: center !important;

    min-height: 34px;

    padding:
        .38rem .68rem !important;

    color:
        #31433D !important;

    background:
        #F9FBFA !important;

    border:
        1px solid rgba(39,70,59,.12) !important;

    border-radius:
        999px !important;

    font-size:
        .8rem !important;

    font-weight:
        650 !important;

    line-height:
        1.15 !important;

    white-space:
        nowrap;

    text-decoration:
        none !important;
}


body.com_solidres.view-search
ul:has(> li > a[href*="ordering="]):not(li ul)
> li
> a:hover,

body.com_solidres.view-search
ul:has(> li > a[href*="ordering="]):not(li ul)
> li
> a:focus-visible {

    color:
        #a84f32 !important;

    background:
        rgba(23,108,105,.055) !important;

    border-color:
        rgba(23,108,105,.30) !important;
}


/* ----------------------------------------------------------
   BELSŐ RENDEZÉSI LISTÁK – VISSZA DROPDOWNNÁ
   ---------------------------------------------------------- */

body.com_solidres.view-search
li
> ul:has(a[href*="ordering="]) {

    display: none !important;

    position: absolute !important;

    z-index: 1250 !important;

    top: calc(100% + 6px) !important;
    left: 0 !important;

    min-width: 205px !important;
    width: max-content !important;
    max-width: min(280px, calc(100vw - 32px)) !important;

    flex-direction: column !important;
    align-items: stretch !important;

    gap: 2px !important;

    margin: 0 !important;

    padding:
        .35rem !important;

    list-style:
        none !important;

    background:
        #fff !important;

    border:
        1px solid rgba(39,70,59,.12) !important;

    border-radius:
        10px !important;

    box-shadow:
        0 12px 28px rgba(22,49,40,.15) !important;
}


/* a régi ismétlődő RENDEZÉS felirat eltűnik */

body.com_solidres.view-search
li
> ul:has(a[href*="ordering="])::before {

    content: none !important;
    display: none !important;
}


/* Dropdown megnyitása */

body.com_solidres.view-search
li:hover
> ul:has(a[href*="ordering="]),

body.com_solidres.view-search
li:focus-within
> ul:has(a[href*="ordering="]),

body.com_solidres.view-search
li.show
> ul:has(a[href*="ordering="]),

body.com_solidres.view-search
li
> ul:has(a[href*="ordering="]).show {

    display: flex !important;
}


/* jobb szélső dropdown ne lógjon ki */

body.com_solidres.view-search
ul:has(> li > a[href*="ordering="]):not(li ul)
> li:nth-last-child(-n+2)
> ul {

    left: auto !important;
    right: 0 !important;
}


/* dropdown elemek */

body.com_solidres.view-search
li
> ul:has(a[href*="ordering="])
> li {

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}


body.com_solidres.view-search
li
> ul:has(a[href*="ordering="])
> li
> a {

    display: block !important;

    min-height: 0 !important;

    padding:
        .52rem .65rem !important;

    color:
        #34443F !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        7px !important;

    font-size:
        .82rem !important;

    font-weight:
        550 !important;

    line-height:
        1.25 !important;

    white-space:
        nowrap;

    text-decoration:
        none !important;
}


body.com_solidres.view-search
li
> ul:has(a[href*="ordering="])
> li
> a:hover,

body.com_solidres.view-search
li
> ul:has(a[href*="ordering="])
> li
> a:focus-visible {

    color:
        #a84f32 !important;

    background:
        rgba(23,108,105,.065) !important;
}


/* ----------------------------------------------------------
   MOBIL
   ---------------------------------------------------------- */

@media (max-width: 767.98px) {

    body.com_solidres.view-search
    ul:has(> li > a[href*="ordering="]):not(li ul) {

        flex-wrap:
            wrap !important;

        gap:
            .4rem !important;

        overflow:
            visible !important;

        padding:
            .55rem !important;
    }


    body.com_solidres.view-search
    ul:has(> li > a[href*="ordering="]):not(li ul)::before {

        flex-basis:
            100%;

        margin:
            0 0 .15rem;

        padding:
            .1rem .1rem;
    }


    body.com_solidres.view-search
    ul:has(> li > a[href*="ordering="]):not(li ul)
    > li {

        flex:
            1 1 calc(50% - .4rem);
    }


    body.com_solidres.view-search
    ul:has(> li > a[href*="ordering="]):not(li ul)
    > li
    > a {

        width:
            100%;

        justify-content:
            space-between;

        white-space:
            normal;
    }


    /* mobilon a megnyitott submenu ne lebegjen ki */

    body.com_solidres.view-search
    li
    > ul:has(a[href*="ordering="]) {

        position:
            static !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        margin-top:
            .3rem !important;

        box-shadow:
            none !important;

        background:
            #F7FAF8 !important;
    }
}


/* ==========================================================
   END SORT TOOLBAR FIX V5.1
   ========================================================== */

/* Székelyszállás.hu — Solidres content-top kereső / 2026-10-01
 * A staging tényleges DOM-jához igazítva. Core-módosítás nélkül.
 * Betöltés: a Lumina custom.css VÉGÉN, a korábbi javítás helyett.
 * Nem igényel ss-results-search module class-t; a wrapper jelenleg hiányzik.
 * !important: a feltöltött custom.css széles !important szabályai miatt.
 */

/* 01 — Hatókör, helyi tokenek, konténer */
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch {
  --ss-rs-bg: var(--lumina-color-surface, #fff);
  --ss-rs-text: var(--lumina-color-text, #26312e);
  --ss-rs-muted: var(--lumina-color-text-muted, #5d6b66);
  --ss-rs-border: var(--lumina-color-border, #dce3df);
  --ss-rs-accent: var(--lumina-color-primary, #a84f32);
  --ss-rs-on-accent: var(--lumina-color-primary-contrast, #fff);
  width: 100%; min-width: 0; margin: 0 0 1rem; padding: 0;
  color: var(--ss-rs-text);
  container: ss-results-search / inline-size;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar, body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar * { box-sizing: border-box; }

/* 02 — Csak a külső elem kártya. A régi substring-szelektor semlegesítése. */
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar {
  --sr-sb-bg: var(--ss-rs-bg);
  --sr-sb-border: var(--ss-rs-border);
  --sr-sb-accent: var(--ss-rs-accent);
  --sr-sb-accent-text: var(--ss-rs-on-accent);
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important; min-width: 0; height: auto !important;
  margin: 0 !important; padding: 0 !important;
  background: var(--ss-rs-bg) !important;
  border: 1px solid var(--ss-rs-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 18px rgba(29,55,46,.07) !important;
  overflow: visible !important;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar [class*="sr-search-bar__"] {
  width: auto !important; min-width: 0;
  margin: 0 !important; padding: 0 !important;
  background: transparent !important;
  border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-search-bar__seg--select, .sr-search-bar__seg--input) {
  display: flex !important; align-items: center !important; gap: .6rem !important;
  min-width: 0; min-height: 78px; height: auto !important;
  padding: .8rem !important;
  border-bottom: 1px solid var(--ss-rs-border) !important;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar > * + * { border-left: 0 !important; }
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar__seg-icon {
  display: inline-flex !important; flex: 0 0 auto;
  color: var(--ss-rs-accent); font-size: 1rem; line-height: 1;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar__seg-text {
  display: flex !important; flex-direction: column !important;
  flex: 1 1 auto; gap: .35rem !important; min-width: 0;
  height: auto !important;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar .sr-search-bar__seg-caption {
  display: block !important; width: 100% !important;
  color: var(--ss-rs-muted) !important; opacity: 1 !important;
  font-size: .7rem !important; font-weight: 700 !important;
  line-height: 1.25 !important; letter-spacing: .025em;
  text-transform: uppercase; white-space: normal !important;
  overflow: visible !important; height: auto !important; min-height: 0 !important;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar :is(.sr-search-bar__seg-select, .sr-search-bar__seg-input) {
  display: block !important; width: 100% !important; max-width: 100%;
  min-width: 0; min-height: 32px !important; height: auto !important;
  padding: .2rem .25rem !important;
  color: var(--ss-rs-text) !important;
  font-family: inherit; font-size: 1rem !important; font-weight: 500;
  line-height: 1.4 !important;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar__seg-select { appearance: auto !important; }
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar__seg-input::placeholder { color: var(--ss-rs-muted); opacity: 1; }
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar .awesomplete { display: block; min-width: 0; width: 100%; }

/* 03 — Dátum: valódi wrap/cell elemek; popupot nem tesszük grid-cellává. */
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar > .sr-booking-calendar-wrap {
  grid-column: span 2; display: block !important;
  min-width: 0; width: 100%; margin: 0 !important; padding: .6rem !important;
  border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar .sr-booking-calendar__fields {
  --sr-bc-field-accent: var(--ss-rs-accent);
  --sr-bc-field-focus: var(--ss-rs-accent);
  display: flex !important; flex-direction: row !important; align-items: stretch;
  width: 100%; min-width: 0; min-height: 60px; height: auto !important;
  margin: 0 !important; padding: 0 !important;
  background: transparent !important; border: 0 !important;
  border-radius: 0 !important; overflow: visible !important;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar .sr-booking-calendar__cell {
  display: flex !important; flex: 1 1 0; align-items: center; gap: .5rem;
  min-width: 0; min-height: 60px !important; height: auto !important;
  margin: 0 !important; padding: .5rem !important;
  color: var(--ss-rs-text); background: transparent;
  border: 0; border-radius: 8px; font: inherit; text-align: left;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-booking-calendar__cell-text {
  display: flex; flex-direction: column; gap: .25rem; min-width: 0;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar .sr-booking-calendar__cell-caption {
  color: var(--ss-rs-muted); font-size: .7rem !important;
  font-weight: 700 !important; line-height: 1.25 !important;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-booking-calendar__date {
  font-size: .9rem; line-height: 1.35; white-space: normal; overflow-wrap: anywhere;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-booking-calendar__cell-icon { flex: 0 0 auto; color: var(--ss-rs-accent); }
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar .sr-booking-calendar__sep {
  flex: 0 0 1px; align-self: stretch; width: 1px !important;
  height: auto !important; margin: .5rem 0 !important;
  background: var(--ss-rs-border);
}

/* 04 — A submit gomb külön action wrapperben van. */
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar > .sr-search-bar__action {
  display: flex !important; align-items: stretch !important;
  min-width: 0; padding: .6rem !important;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar .sr-search-bar__submit {
  display: inline-flex !important; align-items: center; justify-content: center;
  gap: .45rem !important; width: 100% !important; min-height: 48px !important;
  height: auto !important; margin: 0 !important; padding: .7rem 1rem !important;
  background: var(--ss-rs-accent) !important;
  color: var(--ss-rs-on-accent) !important;
  border: 0 !important; border-radius: 9px !important;
  box-shadow: none !important; font-family: inherit;
  font-size: 1rem !important; font-weight: 700; line-height: 1.3 !important;
  cursor: pointer;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar .sr-search-bar__submit:hover { filter: brightness(.94); }
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar :is(input, select, button):focus-visible {
  outline: 2px solid var(--ss-rs-accent) !important; outline-offset: 2px;
}
body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar .sr-search-bar__submit:focus-visible { outline-offset: 3px; }

/* 05 — Széles desktop: csak valóban elég széles tartalmi oszlopban egy sor. */
@container ss-results-search (min-width: 1100px) {
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar {
    grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,2fr) minmax(110px,.7fr) !important;
  }
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar > .sr-booking-calendar-wrap { grid-column: auto; }
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-search-bar__seg--select, .sr-search-bar__seg--input) { border-bottom: 0 !important; }
}

/* 06 — Keskeny desktop / tablet: két mező, teljes szélességű dátum és CTA. */
@container ss-results-search (max-width: 700px) {
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-booking-calendar-wrap, .sr-search-bar__action) { grid-column: 1 / -1; }
}
/* 07 — Mobil: egy oszlop; a két dátum továbbra is egymás mellett. */
@container ss-results-search (max-width: 440px) {
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar { grid-template-columns: minmax(0,1fr) !important; }
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-booking-calendar-wrap, .sr-search-bar__action) { grid-column: 1; }
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-search-bar__seg--select, .sr-search-bar__seg--input) { min-height: 72px; }
}
/* Viewport fallback: régebbi böngészőknél is olvasható tablet/mobil. */
@media (max-width: 991.98px) {
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-booking-calendar-wrap, .sr-search-bar__action) { grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar { grid-template-columns: minmax(0,1fr) !important; }
  body.com_solidres.view-search .lumina__content-top form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-booking-calendar-wrap, .sr-search-bar__action) { grid-column: 1; }
}
/* A Solidres saját popup/sheet nyitás-zárás és pozicionálás változatlan.
 * A naptár belső .vc elemeire, rejtett inputokra és JS-re nincs felülírás.
 */


/* Székelyszállás.hu — Solidres főoldali hero kereső / 2026-10-01
 * A staging tényleges DOM-jához igazítva. Core-módosítás nélkül.
 * Betöltés: a Lumina custom.css VÉGÉN, a korábbi javítás helyett.
 * Nem igényel ss-home-search module class-t; a wrapper jelenleg hiányzik.
 * !important: a feltöltött custom.css széles !important szabályai miatt.
 */

/* 01 — Hatókör, helyi tokenek, konténer */
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch {
  --ss-rs-bg: var(--lumina-color-surface, #fff);
  --ss-rs-text: var(--lumina-color-text, #26312e);
  --ss-rs-muted: var(--lumina-color-text-muted, #5d6b66);
  --ss-rs-border: var(--lumina-color-border, #dce3df);
  --ss-rs-accent: var(--lumina-color-primary, #a84f32);
  --ss-rs-on-accent: var(--lumina-color-primary-contrast, #fff);
  width: 100%; min-width: 0; margin: 0 0 1rem; padding: 0;
  color: var(--ss-rs-text);
  container: ss-home-search / inline-size;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar, body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar * { box-sizing: border-box; }

/* 02 — Csak a külső elem kártya. A régi substring-szelektor semlegesítése. */
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar {
  --sr-sb-bg: var(--ss-rs-bg);
  --sr-sb-border: var(--ss-rs-border);
  --sr-sb-accent: var(--ss-rs-accent);
  --sr-sb-accent-text: var(--ss-rs-on-accent);
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important; min-width: 0; height: auto !important;
  margin: 0 !important; padding: 0 !important;
  background: var(--ss-rs-bg) !important;
  border: 1px solid var(--ss-rs-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 18px rgba(29,55,46,.07) !important;
  overflow: visible !important;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar [class*="sr-search-bar__"] {
  width: auto !important; min-width: 0;
  margin: 0 !important; padding: 0 !important;
  background: transparent !important;
  border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-search-bar__seg--select, .sr-search-bar__seg--input) {
  display: flex !important; align-items: center !important; gap: .6rem !important;
  min-width: 0; min-height: 78px; height: auto !important;
  padding: .8rem !important;
  border-bottom: 1px solid var(--ss-rs-border) !important;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar > * + * { border-left: 0 !important; }
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar__seg-icon {
  display: inline-flex !important; flex: 0 0 auto;
  color: var(--ss-rs-accent); font-size: 1rem; line-height: 1;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar__seg-text {
  display: flex !important; flex-direction: column !important;
  flex: 1 1 auto; gap: .35rem !important; min-width: 0;
  height: auto !important;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar .sr-search-bar__seg-caption {
  display: block !important; width: 100% !important;
  color: var(--ss-rs-muted) !important; opacity: 1 !important;
  font-size: .7rem !important; font-weight: 700 !important;
  line-height: 1.25 !important; letter-spacing: .025em;
  text-transform: uppercase; white-space: normal !important;
  overflow: visible !important; height: auto !important; min-height: 0 !important;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar :is(.sr-search-bar__seg-select, .sr-search-bar__seg-input) {
  display: block !important; width: 100% !important; max-width: 100%;
  min-width: 0; min-height: 32px !important; height: auto !important;
  padding: .2rem .25rem !important;
  color: var(--ss-rs-text) !important;
  font-family: inherit; font-size: 1rem !important; font-weight: 500;
  line-height: 1.4 !important;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar__seg-select { appearance: auto !important; }
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar__seg-input::placeholder { color: var(--ss-rs-muted); opacity: 1; }
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar .awesomplete { display: block; min-width: 0; width: 100%; }

/* 03 — Dátum: valódi wrap/cell elemek; popupot nem tesszük grid-cellává. */
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar > .sr-booking-calendar-wrap {
  grid-column: span 2; display: block !important;
  min-width: 0; width: 100%; margin: 0 !important; padding: .6rem !important;
  border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar .sr-booking-calendar__fields {
  --sr-bc-field-accent: var(--ss-rs-accent);
  --sr-bc-field-focus: var(--ss-rs-accent);
  display: flex !important; flex-direction: row !important; align-items: stretch;
  width: 100%; min-width: 0; min-height: 60px; height: auto !important;
  margin: 0 !important; padding: 0 !important;
  background: transparent !important; border: 0 !important;
  border-radius: 0 !important; overflow: visible !important;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar .sr-booking-calendar__cell {
  display: flex !important; flex: 1 1 0; align-items: center; gap: .5rem;
  min-width: 0; min-height: 60px !important; height: auto !important;
  margin: 0 !important; padding: .5rem !important;
  color: var(--ss-rs-text); background: transparent;
  border: 0; border-radius: 8px; font: inherit; text-align: left;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-booking-calendar__cell-text {
  display: flex; flex-direction: column; gap: .25rem; min-width: 0;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar .sr-booking-calendar__cell-caption {
  color: var(--ss-rs-muted); font-size: .7rem !important;
  font-weight: 700 !important; line-height: 1.25 !important;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-booking-calendar__date {
  font-size: .9rem; line-height: 1.35; white-space: normal; overflow-wrap: anywhere;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-booking-calendar__cell-icon { flex: 0 0 auto; color: var(--ss-rs-accent); }
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar .sr-booking-calendar__sep {
  flex: 0 0 1px; align-self: stretch; width: 1px !important;
  height: auto !important; margin: .5rem 0 !important;
  background: var(--ss-rs-border);
}

/* 04 — A submit gomb külön action wrapperben van. */
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar > .sr-search-bar__action {
  display: flex !important; align-items: stretch !important;
  min-width: 0; padding: .6rem !important;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar .sr-search-bar__submit {
  display: inline-flex !important; align-items: center; justify-content: center;
  gap: .45rem !important; width: 100% !important; min-height: 48px !important;
  height: auto !important; margin: 0 !important; padding: .7rem 1rem !important;
  background: var(--ss-rs-accent) !important;
  color: var(--ss-rs-on-accent) !important;
  border: 0 !important; border-radius: 9px !important;
  box-shadow: none !important; font-family: inherit;
  font-size: 1rem !important; font-weight: 700; line-height: 1.3 !important;
  cursor: pointer;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar .sr-search-bar__submit:hover { filter: brightness(.94); }
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar :is(input, select, button):focus-visible {
  outline: 2px solid var(--ss-rs-accent) !important; outline-offset: 2px;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar .sr-search-bar__submit:focus-visible { outline-offset: 3px; }

/* 05 — Széles desktop: csak valóban elég széles tartalmi oszlopban egy sor. */
@container ss-home-search (min-width: 1100px) {
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar {
    grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,2fr) minmax(110px,.7fr) !important;
  }
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar > .sr-booking-calendar-wrap { grid-column: auto; }
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-search-bar__seg--select, .sr-search-bar__seg--input) { border-bottom: 0 !important; }
}

/* 06 — Keskeny desktop / tablet: két mező, teljes szélességű dátum és CTA. */
@container ss-home-search (max-width: 700px) {
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-booking-calendar-wrap, .sr-search-bar__action) { grid-column: 1 / -1; }
}
/* 07 — Mobil: egy oszlop; a két dátum továbbra is egymás mellett. */
@container ss-home-search (max-width: 440px) {
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar { grid-template-columns: minmax(0,1fr) !important; }
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-booking-calendar-wrap, .sr-search-bar__action) { grid-column: 1; }
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-search-bar__seg--select, .sr-search-bar__seg--input) { min-height: 72px; }
}
/* Viewport fallback: régebbi böngészőknél is olvasható tablet/mobil. */
@media (max-width: 991.98px) {
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-booking-calendar-wrap, .sr-search-bar__action) { grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar { grid-template-columns: minmax(0,1fr) !important; }
  body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-search-bar > :is(.sr-booking-calendar-wrap, .sr-search-bar__action) { grid-column: 1; }
}
/* A Solidres saját popup/sheet nyitás-zárás és pozicionálás változatlan.
 * A naptár belső .vc elemeire, rejtett inputokra és JS-re nincs felülírás.
 */

/* Hero keret: nincs második kártya a keresősáv körül. */
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch {
  display: block !important;
  margin: 0 !important; padding: 0 !important;
  background: transparent !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
body.lumina-home .lumina__hero-booking form.solidres-module-advancedsearch .sr-booking-calendar__date {
  white-space: normal !important; text-overflow: clip !important;
  overflow: visible !important; height: auto !important; max-height: none !important;
}


/* BEGIN SS-GUEST-LANDING-2026-10-02 */
/* Székelyszállás.hu staging – Vendégeknek landing, 2026-10-02.
   Additive, wrapper-scoped styles. No Joomla / Solidres core changes. */
.ss-guest {
  --guest-green: var(--ss-green, #183746);
  --guest-green-hover: var(--ss-green-hover, #28546a);
  --guest-border: var(--lumina-color-border, #e4dfd4);
  max-width: 1120px;
  margin-inline: auto;
  padding: clamp(32px, 5vw, 64px) 0;
  color: var(--lumina-color-text, #1d2421);
}
.ss-guest, .ss-guest * { box-sizing: border-box; }
.ss-guest .ss-guest__intro { max-width: 760px; margin: 0 0 32px; }
.ss-guest .ss-guest__eyebrow {
  margin: 0 0 12px;
  color: var(--guest-green);
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ss-guest h1 {
  margin: 0 0 16px;
  font-family: var(--lumina-font-serif, Georgia, serif);
  font-size: clamp(2rem, 1.4rem + 2.2vw, 3.25rem);
  line-height: 1.12;
  color: var(--lumina-color-heading, #16201d);
  overflow-wrap: anywhere;
}
.ss-guest .ss-guest__lead { margin: 0; font-size: 1.0625rem; line-height: 1.7; }
.ss-guest .ss-guest__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ss-guest .ss-guest__card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 28px;
  border: 1px solid var(--guest-border);
  border-radius: var(--lumina-radius-lg, 1rem);
  background: var(--lumina-color-surface, #fff);
  box-shadow: var(--lumina-shadow-xs, 0 1px 2px #1418160f);
}
.ss-guest .ss-guest__card--primary { border-top: 3px solid var(--guest-green); padding-top: 26px; }
.ss-guest .ss-guest__number { color: var(--guest-green); font-size: .875rem; font-weight: 700; margin-bottom: 12px; }
.ss-guest h2 {
  margin: 0 0 12px;
  font-family: var(--lumina-font-serif, Georgia, serif);
  color: var(--lumina-color-heading, #16201d);
  font-size: clamp(1.625rem, 1.4rem + .6vw, 2rem);
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.ss-guest .ss-guest__card p { margin: 0 0 20px; line-height: 1.7; }
.ss-guest .ss-guest__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  margin-top: auto;
  padding: 9px 0;
  color: var(--guest-green);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
  line-height: 1.5;
}
.ss-guest .ss-guest__link span { flex-shrink: 0; }
.ss-guest .ss-guest__link:hover, .ss-guest .ss-guest__help a:hover { color: var(--guest-green-hover); }
.ss-guest a:focus-visible { outline: 3px solid var(--guest-green); outline-offset: 5px; border-radius: 3px; }
.ss-guest .ss-guest__help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 24px;
  padding: 24px 28px;
  border: 1px solid var(--guest-border);
  border-radius: var(--lumina-radius-lg, 1rem);
  background: var(--ss-cream, #f4efe7);
}
.ss-guest .ss-guest__help p { max-width: 650px; margin: 8px 0 0; line-height: 1.6; }
.ss-guest .ss-guest__help a { flex-shrink: 0; display: inline-flex; align-items: center; min-height: 44px; color: var(--guest-green); font-weight: 700; text-underline-offset: 4px; }
@media (max-width: 640px) {
  .ss-guest .ss-guest__intro { margin-bottom: 24px; }
  .ss-guest .ss-guest__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .ss-guest .ss-guest__card { padding: 24px; }
  .ss-guest .ss-guest__card--primary { padding-top: 22px; }
  .ss-guest .ss-guest__help { flex-direction: column; align-items: flex-start; gap: 8px; padding: 24px; }
}

/* END SS-GUEST-LANDING-2026-10-02 */

/* BEGIN SS-BOOKING-HELP-2026-10-02 */
body.itemid-529 .ss-booking-help {max-width:960px;margin:0 auto;padding:40px 0 24px;color:var(--ss-text,#26312e)}
body.itemid-529 .ss-booking-help__eyebrow {margin:0 0 12px;color:var(--ss-green,#183746);font-size:.82rem;font-weight:700;letter-spacing:.06em}
body.itemid-529 .ss-booking-help h1 {margin:0 0 16px;font-family:var(--lumina-font-serif,Georgia,serif);font-size:clamp(2rem,1.4rem + 2.2vw,3.25rem);line-height:1.12;text-wrap:balance}
body.itemid-529 .ss-booking-help__lead {max-width:780px;font-size:1.0625rem;line-height:1.65;margin:0 0 20px}
body.itemid-529 .ss-booking-help__guide {padding:20px 24px;border:1px solid var(--lumina-color-border,#e4dfd4);border-radius:14px;background:var(--ss-cream,#f6f2e9)}
body.itemid-529 .ss-booking-help__guide p {margin:8px 0 0;line-height:1.6}
body.itemid-529 .ss-booking-help__note {margin:14px 0 0;font-size:.9rem;line-height:1.55;color:#52615b}
body.itemid-529 .com-contact {max-width:960px;margin:0 auto 48px}
body.itemid-529 #contact-form {padding:28px;background:var(--lumina-color-surface,#fff);border:1px solid var(--lumina-color-border,#e4dfd4);border-radius:16px;scroll-margin-top:125px}
body.itemid-529 #contact-form,body.itemid-529 #contact-form * {box-sizing:border-box}
body.itemid-529 #contact-form fieldset {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;min-width:0;border:0;padding:0;margin:0 0 24px!important}
body.itemid-529 #contact-form legend {font-family:var(--lumina-font-serif,Georgia,serif);font-size:1.65rem;line-height:1.2;margin:0 0 18px}
body.itemid-529 #contact-form .control-group {margin:0;min-width:0}
body.itemid-529 #contact-form .control-label {margin:0 0 7px}
body.itemid-529 #contact-form label {font-size:.94rem;line-height:1.4;font-weight:600;color:var(--ss-text,#26312e)}
body.itemid-529 #contact-form .field-spacer {grid-column:1/-1;font-size:.85rem}
body.itemid-529 #contact-form .control-group:has(#jform_contact_emailmsg),body.itemid-529 #contact-form .control-group:has(#jform_contact_message) {grid-column:1/-1}
body.itemid-529 #contact-form :is(input[type=text],input[type=email],select,textarea) {display:block;width:100%;max-width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #b6c3bc;border-radius:9px;background:#fff;color:#26312e;font:inherit;font-size:1rem}
body.itemid-529 #contact-form textarea {height:140px;resize:vertical}
body.itemid-529 #contact-form .form-text {margin:7px 0 0;color:#52615b;font-size:.84rem;line-height:1.5}
body.itemid-529 #contact-form :is(input,select,textarea,button):focus-visible {outline:3px solid var(--ss-green,#183746);outline-offset:3px}
body.itemid-529 #contact-form > .control-group {margin-top:18px}
body.itemid-529 #contact-form button[type=submit] {min-height:46px;padding:12px 24px;background:var(--ss-green,#183746);border:1px solid var(--ss-green,#183746);border-radius:999px;color:#fff;font:inherit;font-weight:700}
body.itemid-529 #contact-form button[type=submit]:hover {background:var(--ss-green-hover,#28546a)}
.ss-guest .ss-guest__help a[href*="foglalasi-segitseg"] {justify-content:center;max-width:100%;padding:10px 18px;border-radius:999px;background:var(--guest-green);color:#fff;text-align:center;text-decoration:none}
.ss-guest .ss-guest__help a[href*="foglalasi-segitseg"]:hover {background:var(--guest-green-hover);color:#fff}
@media(max-width:640px) {body.itemid-529 .ss-booking-help {padding:28px 0 20px}body.itemid-529 .ss-booking-help__guide {padding:18px}body.itemid-529 #contact-form {padding:20px}body.itemid-529 #contact-form fieldset {grid-template-columns:minmax(0,1fr);gap:18px}body.itemid-529 #contact-form {scroll-margin-top:85px}body.itemid-529 #contact-form button[type=submit] {width:100%}.ss-guest .ss-guest__help a[href*="foglalasi-segitseg"] {flex-shrink:1}}
/* END SS-BOOKING-HELP-2026-10-02 */

/* SS-BOOKING-HELP layout correction */
body.itemid-529 .com-contact__form {float:none;width:100%;max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
body.itemid-529 .com-contact > h2 {float:none;width:auto;margin:0 0 18px;padding:0;font-family:var(--lumina-font-serif,Georgia,serif);font-size:1.75rem}
body.itemid-529 #contact-form legend {grid-column:1/-1;width:100%;margin-bottom:0}

body.itemid-529 .com-contact .com-contact__form {float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}

body.itemid-529 .com-contact > h2 {display:none!important}

/* === WP-02 MENU AND CARD ALIGNMENT 2026-10-03 START === */
/* Solidres grid cards must share a top edge regardless of text height. */
body.com_solidres.view-search #search-results .asset-row {
    align-items: flex-start !important;
}
body.com_solidres.view-search #search-results .asset-row-grid > [class*="col-"] {
    align-self: flex-start !important;
}

#lumina-nav .ss-has-submenu { position: relative; }
#lumina-nav .ss-has-submenu > a { padding-inline-end: 3.25rem !important; }
#lumina-nav .ss-submenu-toggle {
    position: absolute !important;
    inset-inline-end: 0 !important;
    top: 0 !important;
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    cursor: pointer;
    font-size: 1.4rem !important;
    line-height: 1 !important;
}
#lumina-nav .ss-submenu-toggle span { transition: transform .15s; }
#lumina-nav .ss-submenu-toggle[aria-expanded="true"] span { transform: rotate(180deg); }
#lumina-nav .ss-submenu-toggle:focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: -4px;
}
#lumina-nav .ss-menu-group { min-width: 0; list-style: none; }
#lumina-nav .ss-menu-group-title {
    display: block;
    margin: 0 .65rem .35rem;
    padding: .55rem 0;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    border-bottom: 1px solid currentColor;
    opacity: .8;
}
#lumina-nav ul.ss-menu-group-list {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

@media (min-width: 992px) {
    #lumina-nav > .lumina__menu > .ss-has-submenu > a { padding-inline-end: .75rem !important; }
    #lumina-nav > .lumina__menu > .ss-has-submenu > .ss-submenu-toggle { display: none !important; }
    #lumina-nav #lumina-submenu-1-102,
    #lumina-nav #lumina-submenu-1-103 {
        width: 34rem !important;
        max-width: calc(100vw - 3rem) !important;
        min-width: 0 !important;
        padding: .8rem !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: .2rem 1.25rem !important;
        align-items: start !important;
        inset-inline-start: 0 !important;
        inset-inline-end: auto !important;
        max-height: calc(100dvh - 12rem);
        overflow-y: auto;
    }
    #lumina-nav .item-102:is(:hover, :focus-within, .is-open) > #lumina-submenu-1-102,
    #lumina-nav .item-103:is(:hover, :focus-within, .is-open) > #lumina-submenu-1-103 { display: grid !important; }
    #lumina-nav #lumina-submenu-1-103 { grid-auto-flow: row; }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) li > a {
        min-height: 44px;
        display: flex;
        align-items: center;
        white-space: normal !important;
        padding-top: .6rem !important;
        padding-bottom: .6rem !important;
    }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) .ss-submenu-toggle { color: #183746 !important; }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) .ss-has-submenu > .lumina__menu-sub {
        position: static !important;
        display: none !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 0 .4rem .65rem !important;
        padding: 0 0 0 .55rem !important;
        box-shadow: none !important;
        border: 0 !important;
        border-inline-start: 2px solid #d7e3db !important;
    }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) .ss-has-submenu.is-open > .lumina__menu-sub { display: block !important; }
}
@media (max-width: 991.98px) {
    #lumina-nav .ss-submenu-toggle { color: #e2c784 !important; }
    #lumina-nav .ss-has-submenu > .lumina__menu-sub {
        display: none !important;
        position: static !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        max-height: none !important;
        overflow: visible !important;
        box-shadow: none !important;
    }
    #lumina-nav .ss-has-submenu.is-open > .lumina__menu-sub { display: block !important; }
    #lumina-nav .ss-menu-group-title { color: #e2c784; }
    #lumina-nav .ss-menu-group + .ss-menu-group { margin-top: .9rem; }
    #lumina-nav .lumina__menu-sub li > a {
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        white-space: normal !important;
        padding-top: .6rem !important;
        padding-bottom: .6rem !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    #lumina-nav .ss-submenu-toggle span { transition: none; }
}
/* === WP-02 MENU AND CARD ALIGNMENT 2026-10-03 END === */

/* === WP-04 NAVIGATION VISUAL REFINEMENT 2026-10-03 START ===
   Compact desktop mega-menu; structural hierarchy and URLs stay unchanged. */
#lumina-nav .ss-submenu-toggle .ss-chevron {
    width: .48rem;
    height: .48rem;
    border-inline-end: 1.5px solid currentColor;
    border-block-end: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-.1rem);
    transform-origin: center;
    transition: transform .18s ease;
}
#lumina-nav .ss-submenu-toggle[aria-expanded="true"] .ss-chevron {
    transform: rotate(225deg) translate(-.06rem, -.06rem);
}

@media (min-width: 992px) {
    #lumina-nav > .lumina__menu {
        column-gap: clamp(.2rem, .7vw, .8rem) !important;
    }
    #lumina-nav > .lumina__menu > .lumina__menu-item > a {
        padding-inline: clamp(.48rem, .65vw, .72rem) !important;
    }
    #lumina-nav #lumina-submenu-1-102,
    #lumina-nav #lumina-submenu-1-103 {
        width: min(31.5rem, calc(100vw - 2rem)) !important;
        padding: 1rem 1.1rem 1.05rem !important;
        gap: .35rem 1.2rem !important;
        border: 1px solid rgba(37, 54, 65, .11) !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, .985) !important;
        box-shadow: 0 18px 46px rgba(22, 34, 40, .16) !important;
    }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) > .ss-menu-group,
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) > .ss-menu-group > .ss-menu-group-list {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) .ss-menu-group-title {
        margin: 0 .4rem .45rem !important;
        padding: .1rem 0 .55rem !important;
        border: 0 !important;
        color: #66716f !important;
        font-size: .72rem !important;
        letter-spacing: .11em !important;
        opacity: 1 !important;
    }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) li > a {
        min-height: 40px !important;
        padding: .48rem 2.45rem .48rem .45rem !important;
        border-radius: 8px !important;
        color: #263633 !important;
        font-size: .98rem !important;
        line-height: 1.32 !important;
        transition: color .15s ease, background-color .15s ease !important;
    }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) li > a:is(:hover, :focus-visible) {
        background: #f2f5f4 !important;
        color: #163f52 !important;
    }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) .ss-has-submenu > a::after {
        display: none !important;
        content: none !important;
    }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) .ss-submenu-toggle {
        inset-inline-end: .2rem !important;
        top: 4px !important;
        width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        border-radius: 7px !important;
        color: #506762 !important;
    }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) .ss-submenu-toggle:hover {
        background: #edf2f0 !important;
        color: #163f52 !important;
    }
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) .ss-has-submenu > .lumina__menu-sub {
        margin: .05rem .35rem .3rem .45rem !important;
        padding: .12rem 0 .16rem .65rem !important;
        border-inline-start: 1px solid #cfdad6 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #lumina-nav .ss-submenu-toggle .ss-chevron,
    #lumina-nav :is(#lumina-submenu-1-102, #lumina-submenu-1-103) li > a {
        transition: none !important;
    }
}
/* === WP-04 NAVIGATION VISUAL REFINEMENT 2026-10-03 END === */

/* === WP05 REGIONS AND EXPERIENCE DESIGN 2026-10-03 START === */
body.lumina { --ss-ink:#183746; --ss-muted:#536570; --ss-gold:#d2b16e; --ss-paper:#f7f6f2; }
body.lumina #lumina-header { background:#183746 !important; border-bottom:2px solid #d2b16e !important; }
body.lumina .lumina__footer { background:#183746 !important; }
body.lumina-home { background:#f7f6f2; }
body.lumina-home .lm-hero-copy h1 { letter-spacing:-.035em; line-height:1.12; max-width:20ch; }
body.lumina-home .lm-hero-copy p { max-width:56ch; line-height:1.6; }
body.lumina-home .lumina__section-title { color:#183746; letter-spacing:-.025em; line-height:1.2; }
body.lumina-home .lumina__section { margin-block:clamp(2rem,4vw,4rem); }
body.lumina-home .lm-tile { border-radius:18px !important; overflow:hidden; box-shadow:0 8px 24px #18374612; }
body.lumina-home .lm-tile__label { font-weight:700; letter-spacing:.01em; }
body.lumina :is(.ss-showcase__card,.ss-experience-showcase__card) { background:#fff !important; border:1px solid #e1e6e6 !important; border-radius:18px !important; overflow:hidden; box-shadow:0 5px 20px #1837460a !important; }
body.lumina :is(.ss-showcase__content,.ss-experience-showcase__content) { padding:1.3rem !important; }
body.lumina :is(.ss-showcase__title,.ss-experience-showcase__title) { font-size:1.22rem; line-height:1.32; }
body.lumina :is(.ss-showcase__title,.ss-experience-showcase__title) a { color:#183746 !important; }
body.lumina :is(.ss-showcase__description,.ss-experience-showcase__description) { color:#536570; line-height:1.6; }
body.lumina :is(.ss-showcase__cta,.ss-experience-showcase__cta) { display:inline-flex; align-items:center; min-height:44px; color:#183746 !important; font-weight:700; }
body.lumina .ss-experience-showcase__categories { color:#596a73; font-size:.73rem; line-height:1.5; letter-spacing:.045em; }
body.lumina .ss-region-guide { color:#263d49; max-width:1160px; margin-inline:auto; line-height:1.7; }
body.lumina .ss-region-guide h1 { color:#183746; font-size:clamp(2rem,4.2vw,3.65rem); line-height:1.13; letter-spacing:-.035em; }
body.lumina .ss-region-guide h2 { color:#183746; line-height:1.25; letter-spacing:-.02em; }
body.lumina .ss-region-guide__intro { padding:clamp(1.4rem,4vw,3rem); margin-bottom:2rem; border-radius:20px; background:#f1f4f3; border-top:4px solid #d2b16e; }
body.lumina .ss-region-guide__eyebrow { color:#536570; font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
body.lumina .ss-region-guide__section { margin-block:1.5rem; }
body.lumina .ss-region-guide a { color:#235c75; text-underline-offset:.2em; }
body.lumina .ss-region-hub__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; }
body.lumina .ss-region-hub__card { display:flex; flex-direction:column; padding:1.5rem; margin:0; border:1px solid #dfe5e5; border-radius:16px; background:#fff; box-shadow:0 4px 18px #18374608; }
body.lumina .ss-region-hub__card h2 { font-size:1.55rem; }
body.lumina .ss-region-hub__card p { margin-bottom:1rem; }
body.lumina .ss-region-hub__card p:last-child { margin-top:auto; margin-bottom:0; }
body.lumina .ss-region-next { padding:1.5rem 1.75rem; border-radius:16px; background:#183746; color:#fff; }
body.lumina .ss-region-next h2 { color:#fff; }
body.lumina .ss-region-next a { color:#f0d69f; display:inline-flex; align-items:center; min-height:44px; }
body.lumina .ss-region-next p { margin-block:.2rem; }
body.view-experiences .ss-experience-intro { margin-bottom:2rem; }
body.view-experiences .ss-experience-intro h1 { color:#183746; font-size:clamp(2rem,4vw,3.2rem); letter-spacing:-.035em; line-height:1.15; }
body.view-experiences .ss-experience-intro p { color:#536570; max-width:65ch; line-height:1.65; }
body.view-experiences .ss-experience-categories { display:flex; flex-wrap:wrap; gap:.5rem; margin-block:1.3rem 2rem; }
body.view-experiences .ss-experience-categories a { display:inline-flex; align-items:center; min-height:44px; padding:.5rem .85rem; border:1px solid #dce3e5; border-radius:999px; color:#183746; background:#f7f8f6; text-decoration:none; font-size:.9rem; line-height:1.35; }
body.view-experiences .ss-experience-categories a:is(:hover,:focus-visible) { background:#183746; color:#fff; }
body.view-experiences #sr-experience-list>.item { padding:1.2rem !important; margin-bottom:1.2rem; border:1px solid #e0e6e6 !important; border-radius:18px; background:#fff; box-shadow:0 4px 20px #18374608; }
body.view-experiences #sr-experience-list .item-logo { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:12px; }
body.view-experiences #sr-experience-list .item-name { color:#183746; font-size:1.3rem; line-height:1.3; font-weight:700; }
body.view-experiences #sr-experience-list .item-desc { color:#536570; line-height:1.6; }
body.view-experiences #sr-experience-list .item-categories { margin-top:.8rem; font-size:.85rem; line-height:1.7; }
body.view-experiences #sr-experience-list .item-categories a { color:#235c75; }
body.com_solidres.view-search #search-results .asset-row { border:1px solid #dfe5e5; border-radius:16px; background:#fff; box-shadow:0 4px 18px #18374608; }
body.com_solidres.view-search #search-results .asset-name a { color:#183746; }
@media(min-width:992px){body.lumina #lumina-nav>.lumina__menu>li>a { color:#fff !important; } body.lumina #lumina-nav>.lumina__menu>li>a:is(:hover,:focus-visible){color:#f0d69f !important;} }
@media(max-width:991.98px){body.lumina #lumina-nav { background:#183746 !important; } body.lumina .ss-region-hub__grid {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:600px){body.lumina .ss-region-hub__grid {grid-template-columns:1fr;} body.lumina .ss-region-guide__intro {padding:1.3rem;} body.lumina .ss-region-next {padding:1.3rem;} body.view-experiences #sr-experience-list>.item {padding:.9rem !important;} body.view-experiences .ss-experience-categories {gap:.4rem;} body.view-experiences .ss-experience-categories a {font-size:.82rem;} }
/* === WP05 REGIONS AND EXPERIENCE DESIGN 2026-10-03 END === */

/* === SS GLOBAL INK COPPER 2026-10-03 START === */
body.lumina {
 --ss-ink:#183746; --ss-copper:#a84f32; --ss-copper-dark:#833b25; --ss-sand:#f1dfc5;
 --ss-green:#183746; --ss-green-deep:#122c38; --ss-green-hover:#28546a;
 --ss-text:#293e49; --ss-cream:#f8f4ed; --ss-gold:#ce9465; --ss-paper:#faf7f2;
 --lumina-color-primary:#a84f32; --lumina-color-primary-strong:#833b25; --lumina-color-primary-contrast:#fff;
 --lumina-color-accent:#e6ba8d; --lumina-color-accent-contrast:#183746;
 --lumina-color-bg:#faf7f2; --lumina-color-surface:#fff; --lumina-color-surface-2:#f4e9da;
 --lumina-color-text:#293e49; --lumina-color-text-muted:#596872; --lumina-color-heading:#183746;
 --lumina-color-border:#e4dcd0; --lumina-color-border-strong:#cdbda8;
 --lumina-color-link:#98452c; --lumina-color-link-hover:#71301e;
 --lumina-color-band:#183746; --lumina-color-on-band:#fff;
 --bs-link-color:#98452c; --bs-link-hover-color:#71301e;
 color:var(--lumina-color-text); background:var(--lumina-color-bg);
}
/* Full component width; long prose keeps a generous reading measure. */
body.lumina .com-content-article.item-page {width:100%;max-width:1060px;margin-inline:auto;}
body.lumina .com-content-article.item-page:has(.ss-region-guide) {max-width:1240px;}
body.lumina .ss-region-guide {max-width:1240px;}
body.lumina .com-content-article__body > :is(h1,h2,h3):first-child {border-bottom:2px solid var(--ss-sand);padding-bottom:1rem;margin-bottom:1.5rem;color:var(--ss-ink);}
body.lumina :is(.ss-region-guide__intro,.ss-guest__help,.ss-booking-help__guide) {background:#f4e9da;border-color:#dfc6a9;}
body.lumina .ss-region-guide__intro {border-top-color:var(--ss-copper);}
body.lumina :is(.ss-region-hero__eyebrow,.ss-region-discover__eyebrow,.ss-region-place__link,.ss-guest__eyebrow,.ss-guest__number) {color:var(--ss-copper)!important;}
body.lumina :is(.ss-region-hero__primary,.ss-booking-choice__button--primary) {background:var(--ss-copper)!important;border-color:var(--ss-copper)!important;color:#fff!important;}
body.lumina :is(.ss-showcase__cta,.ss-experience-showcase__cta) {color:var(--ss-copper)!important;}
body.lumina :is(.ss-region-guide a,.ss-guest__link,.ss-experience-categories a,.item-categories a) {color:var(--ss-copper);}
body.lumina .ss-region-next a {color:#f5d6b1;}
body.lumina .ss-experience-categories a:is(:hover,:focus-visible) {background:var(--ss-copper);border-color:var(--ss-copper);color:#fff;}
body.lumina :is(.btn-primary,.btn-info,.sr-search-bar__submit) {--bs-btn-bg:var(--ss-copper);--bs-btn-border-color:var(--ss-copper);--bs-btn-hover-bg:var(--ss-copper-dark);--bs-btn-hover-border-color:var(--ss-copper-dark);--bs-btn-color:#fff;background-color:var(--ss-copper)!important;border-color:var(--ss-copper)!important;color:#fff!important;}
body.lumina :is(.btn-primary,.btn-info,.sr-search-bar__submit):hover {background-color:var(--ss-copper-dark)!important;border-color:var(--ss-copper-dark)!important;}
body.lumina :is(input,select,textarea) {accent-color:var(--ss-copper);}
body.lumina :is(a,button,input,select,textarea):focus-visible {outline:3px solid var(--ss-copper);outline-offset:3px;}
body.lumina #lumina-header {border-bottom-color:var(--ss-copper)!important;}
body.lumina .lumina__header-utilities,body.lumina .lumina__header-utilities a {color:#f5e4ce!important;opacity:1!important;}
body.lumina .lumina__footer {--lumina-color-heading:#fff;--lumina-color-text:#f0e9df;--lumina-color-link:#f5d6b1;--lumina-color-link-hover:#fff;color:#f0e9df;}
body.lumina .lumina__footer a {color:#f5d6b1!important;}
body.lumina #solidres-module-filter {color:var(--lumina-color-text);}
body.lumina #sr-filter-form .toggle_section {color:var(--ss-ink);border-bottom:1px solid var(--ss-sand);padding-bottom:.65rem;}
body.lumina #sr-filter-form .triggerfiltering {color:#344f5d;}
body.lumina #sr-filter-form .triggerfiltering:is(:hover,[aria-pressed="true"]) {color:var(--ss-copper);}
@media(min-width:992px){body.lumina #lumina-nav .lumina__menu-sub a:is(:hover,:focus-visible),body.lumina #lumina-nav :is(#lumina-submenu-1-102,#lumina-submenu-1-103) li>a:is(:hover,:focus-visible){background:#f7eadc!important;color:var(--ss-copper-dark)!important;}body.lumina #lumina-nav>.lumina__menu>li>a:is(:hover,:focus-visible){color:#f5c69d!important;}}
@media(max-width:991.98px){body.lumina #lumina-nav a,body.lumina #lumina-nav .lumina__menu-sub a {color:#fff4e6!important;}body.lumina #lumina-nav .ss-submenu-toggle,body.lumina #lumina-nav .ss-menu-group-title {color:#eab887!important;}}
/* === SS GLOBAL INK COPPER 2026-10-03 END === */

/* Stable placeholder while Solidres retrieves context-dependent filter options. */
body.lumina .ss-filter-loading {min-height:18rem;padding-top:.4rem;color:var(--lumina-color-text-muted);font-size:.9rem;}
body.lumina .ss-filter-loading p {font-weight:600;color:var(--ss-ink);margin:0 0 1.25rem;}
body.lumina .ss-filter-loading span {display:block;height:2.25rem;margin:.7rem 0;border-radius:8px;background:linear-gradient(90deg,#f4e9da,#f8f4ed);}
body.lumina .ss-filter-loading small {display:block;margin-top:1.25rem;line-height:1.5;}