/*
Theme Name: Azura
Author: Ihor Huliaiev
Description: A child theme of Twenty Twenty-Five.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: azura
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/* ==========================================================================
   1. CSS VARIABLES (Design Tokens)
   ========================================================================== */
:root {
  /* COLOR PALETTE (Extracted from Figma Color Styles) */
  --color-navy: #4A657D;
  --color-rust: #A4675B;
  --color-olive: #7A8164;
  --color-charcoal: #2D2D2D;
  --color-gold: #DAB573;
  --color-sand: #DBCBB9;
  --color-light: #E0E0E0;
  
  /* THEME COLORS */
  --color-bg-main: #ECE8DD;
  --color-bg-dark: var(--color-navy);
  --color-bg-header: #EBE7DE;

  --color-text-main: var(--color-charcoal);
  --color-text-inverse: #FFFFFF;
  --color-text-muted: #5A5A5A;
  /* Header accent: button, menu icon (slate blue) */
  --color-header-accent: #5B748B;
  /* Social icons: light muted grey (design) */
  --color-header-social: #A0A0A0;
  /* Logo size in header */
  --header-logo-max-width: 160px;
  --header-logo-max-height: 48px;

  --color-border: var(--color-navy);

  /* TYPOGRAPHY */
  --font-family-primary: 'Playfair Display', serif;
  --font-family-secondary: 'Inter', sans-serif;
  --font-family-tertiary: 'Roboto', sans-serif;
  --font-family-script: 'Great Vibes', cursive;
  --font-family-reserve: 'New Icon Serif', Arial, sans-serif;
  
  /* FONT SIZES */
  --text-xs: 0.75rem;     /* 12px */
  --text-sm: 0.875rem;    /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-lg: 1.125rem;    /* 18px */
  --text-xl: 1.5rem;      /* 24px */
  --text-2xl: 2rem;       /* 32px */
  --text-3xl: 3rem;       /* 48px */
  --text-4xl: 4.5rem;     /* 72px */
  --text-5xl: 6rem;       /* 96px */

  /* SPACING & SIZING */
  --spacing-1: 0.25rem;   /* 4px */
  --spacing-2: 0.5rem;    /* 8px */
  --spacing-3: 0.75rem;   /* 12px */
  --spacing-4: 1rem;      /* 16px */
  --spacing-6: 1.5rem;    /* 24px */
  --spacing-8: 2rem;      /* 32px */
  --spacing-12: 3rem;     /* 48px */
  --spacing-16: 4rem;     /* 64px */
  --spacing-24: 6rem;     /* 96px */

  /* BORDER RADIUS & SHADOWS */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 32px;
  --radius-xl: 65px;
  --radius-pill: 9999px;
  
  --shadow-soft: 0 4px 20px rgba(45, 45, 45, 0.08);

  --wp--style--global--content-size: 1920px;
  --wp--style--global--wide-size: 1920px;
}

/* Section boxed container: full width (override Kubio/parent max-width) */
@media (min-width: 1200px) {
  .h-section-boxed-container {
    max-width: 100%;
  }
}

/* ==========================================================================
   2. CSS RESET
   ========================================================================== */
   *, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
  }
  
  html {
    font-size: 16px;
    scroll-behavior: smooth;
  }
  
  body {
    font-family: var(--font-family-secondary);
    color: var(--color-text-main);
    background-color: var(--color-bg-main);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
  }
  
  button, input, select, textarea {
    font-family: inherit;
  }
  
  a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.3s ease;
  }
  
  a:hover {
    opacity: 0.7;
  }
  
  /* ==========================================================================
     3. TYPOGRAPHY
     ========================================================================== */
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-primary);
    font-weight: 400;
    line-height: 1.1;
    color: var(--color-text-main);
    margin-bottom: var(--spacing-4);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  
  h1 { font-size: var(--text-5xl); }
  h2 { font-size: var(--text-4xl); }
  h3 { font-size: var(--text-3xl); }
  h4 { font-size: var(--text-2xl); }
  
  p {
    font-family: var(--font-family-tertiary);
    font-size: var(--text-sm);
    margin-bottom: var(--spacing-4);
    color: var(--color-text-main);
    font-weight: 300;
  }
  
  .text-script {
    font-family: var(--font-family-script);
    text-transform: none;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: 0;
  }
  
  /* ==========================================================================
     4. UTILITIES & COMPONENTS
     ========================================================================== */

  /* Visible only below 782px — does not force display type on small screens */
  @media (min-width: 782px) {
    .mobile-only {
      display: none !important;
    }
  }

  /* Visible only at 782px and up — hidden on narrow viewports */
  @media (max-width: 781px) {
    .desktop-only {
      display: none !important;
    }
  }

  .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 var(--spacing-8);
  }
  
  /* Buttons */
  .btn, .wp-element-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3) var(--spacing-8);
    border-radius: var(--radius-pill);
    font-family: New Icon Serif, Arial, sans-serif;
    font-size: var(--text-lg);
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: capitalize;
    letter-spacing: 0.02em;
  }

  .wp-block-kubio-button__link, .wp-element-button {
    padding: 15px 30px 10px !important;
  }

  .wp-element-button,
  .wp-block-kubio-button__link .wp-block-kubio-button__text {
    font-family: New Icon Serif, Arial, sans-serif;
    font-size: 36px;
    font-weight: 400;
  }
  
  .btn-primary {
    background-color: var(--color-navy);
    color: var(--color-text-inverse);
    border: 1px solid var(--color-navy);
  }
  
  .btn-primary:hover {
    background-color: transparent;
    color: var(--color-navy);
  }
  
  .btn-outline {
    background-color: transparent;
    color: var(--color-navy);
    border: 1px solid var(--color-navy);
  }
  
  .btn-outline:hover {
    background-color: var(--color-navy);
    color: var(--color-text-inverse);
  }
  
  /* ==========================================================================
     AZURA HEADER (match design: social | logo | lang + reserve + menu)
     ========================================================================== */
  /* Header overlays first section (hero); fixed so content starts at top */
  .azura-sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
  }

  .azura-header {
    background: transparent;
    border: none;
    transition: background 0.3s ease;
  }

  /* Solid bar after scrolling past hero */
  body.azura-past-hero .azura-header {
    background: var(--color-bg-header);
  }

  .azura-header-bar {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: var(--spacing-4);
    max-width: 100%;
    padding-top: var(--spacing-4) !important;
    padding-bottom: var(--spacing-4) !important;
    padding-left: 8%;
    padding-right: 8%;
  }

  /* Social + logo: hidden on hero, fade in after scroll to next section */
  .azura-header-left,
  .azura-header-center {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
  }

  body.azura-past-hero .azura-header-left,
  body.azura-past-hero .azura-header-center {
    opacity: 1;
    pointer-events: auto;
  }

  .azura-header-left {
    justify-self: start;
  }

  .azura-header-center {
    justify-self: center;
  }

  .azura-header-right {
    justify-self: end;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--spacing-6);
  }

  /* Social icons – light muted grey (design) */
  .azura-header .wp-block-social-links.has-icon-color {
    --wp--preset--color--contrast: var(--color-header-social);
  }

  .azura-header .wp-block-social-links a {
    color: var(--color-header-social);
    padding: var(--spacing-2);
  }

  /* Centered logo image */
  .azura-header .azura-header-center .wp-block-site-logo {
    margin: 0;
  }

  .azura-header .azura-header-center .wp-block-site-logo a {
    display: block;
    line-height: 0;
  }

  .azura-header .azura-header-center .wp-block-site-logo img {
    display: block;
    height: auto;
    max-width: var(--header-logo-max-width);
    max-height: var(--header-logo-max-height);
    width: auto;
    object-fit: contain;
  }

  /* Mobile-only logo from Customizer; hidden on desktop/tablet (see ≤781px block). */
  .azura-header .azura-header-center .wp-block-site-logo .azura-header-logo--mobile {
    display: none;
  }

  /* Language switcher (GTranslate `lang_codes`): active dark + underline, others muted */
  .azura-lang-switcher {
    font-family: var(--font-family-secondary) !important;
    font-size: var(--text-sm) !important;
    margin: 0 !important;
    color: #949084;
  }

  .azura-lang-switcher .gtranslate_wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    line-height: 1;
  }

  .azura-lang-switcher a.glink {
    margin: 0;
    padding: 0;
    text-decoration: none !important;
    color: #949084;
    font-weight: 400;
  }

  .azura-lang-switcher a.glink.gt-current-lang {
    color: #2B2B2B !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  /* Hide TranslatePress widgets (floating + shortcodes/menu/inline). The site
     uses GTranslate for translations; TranslatePress is left only as a fallback
     data source and should not produce visible UI. */
  .trp-language-switcher,
  .trp-floating-switcher,
  .trp-language-switcher-container {
    display: none !important;
  }

  /* RESERVE button – pill, thin outline, New Icon Serif, slate blue */
  .azura-reserve-btn .wp-block-button__link,
  .azura-header .azura-reserve-btn .wp-block-button__link {
    font-family: var(--font-family-reserve) !important;
    font-size: 1rem !important;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.5rem 1.2rem 0.3rem !important;
    border-radius: var(--radius-pill);
    border: 1px solid var(--color-header-accent);
    background: transparent !important;
    color: var(--color-header-accent) !important;
    text-decoration: none !important;
  }

  .azura-reserve-btn .wp-block-button__link:hover {
    background: var(--color-header-accent) !important;
    color: var(--color-text-inverse) !important;
  }

  /* Navigation: menu in drawer, custom hamburger icon (slate blue, right-aligned bars) */
  .azura-header-right .wp-block-navigation {
    margin: 0;
  }

  .azura-header-right .wp-block-navigation .wp-block-navigation__responsive-container-open {
    padding: var(--spacing-2);
    width: 32px;
    height: 32px;
    color: var(--color-header-accent);
    background: transparent;
    border: none;
    cursor: pointer;
    /* Custom icon: three bars, right-aligned, rounded caps */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B748B' stroke-width='1.5' stroke-linecap='round'%3E%3Cline x1='4' y1='6' x2='24' y2='6'/%3E%3Cline x1='8' y1='12' x2='24' y2='12'/%3E%3Cline x1='12' y1='18' x2='24' y2='18'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
  }

  .azura-header-right .wp-block-navigation .wp-block-navigation__responsive-container-open svg {
    display: none;
  }

  /* Drawer: slide from right. Closed must use display:none (core + FOUC); visibility-only left links visible until CSS/JS. */
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: min(50vw, 100%);
    max-width: 100%;
    z-index: 100001;
    display: none !important;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.2);
  }

  /* Mobile / small tablet: full-screen drawer (design comps) */
  @media (max-width: 781px) {
    .azura-header .azura-nav-menu .wp-block-navigation__responsive-container {
      width: 100%;
      max-width: 100%;
    }
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.25s ease, transform 0.25s ease;
  }

  /* Parent has transform; fixed + z-index:-1 hid the drawer behind the header on phones. */
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 0;
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #2a3f54;
    background-image: url('assets/images/931aee7140d0637e6890314b702d9b744191efe1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .azura-menu-drawer__header {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    padding: var(--spacing-8) 0 var(--spacing-4);
    margin: 0 var(--spacing-8);
    margin-bottom: var(--spacing-6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

  .azura-menu-drawer__icon {
    position: relative;
    top: -5px;
    flex-shrink: 0;
    width: 30px;
    height: auto;
    color: #ECE8DD;
  }

  .azura-menu-drawer__title {
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.02em;
  }

  .azura-menu-drawer__m {
    font-family: 'New Icon Script', Arial, sans-serif;
    font-size: 55px;
    line-height: 1;
  }

  .azura-menu-drawer__enu {
    font-family: 'New Icon Serif', Arial, sans-serif;
    font-size: 50px;
    line-height: 1;
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-close {
    position: absolute;
    top: var(--spacing-6);
    right: var(--spacing-8);
    left: auto;
    margin: 0;
    padding: var(--spacing-2) 0;
    color: #fff;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: 'New Icon Serif', Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2);
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-close svg {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-close span {
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-close::after {
    content: 'CLOSE';
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-6) var(--spacing-8);
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-page-list {
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 100%;
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-page-list > li {
    display: block;
    border-bottom: none;
    width: 100%;
    text-align: center;
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-navigation-item a,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-page-list a {
    display: inline-block;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #fff;
    text-align: center;
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-navigation-item a:hover,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-page-list a:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-navigation-item a:focus,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-navigation-item a:focus-visible,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-page-list a:focus,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-page-list a:focus-visible {
    outline: none;
    border: none;
    box-shadow: none;
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-navigation-item.current-menu-item,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-page-list .current-menu-item,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-navigation-item.current-menu-item a,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-page-list .current-menu-item a {
    outline: none;
    border: none;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.85);
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-page-list .current-menu-item .wp-block-navigation-item__content {
    outline: none;
    border: none;
    box-shadow: none;
  }

  .azura-menu-drawer__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4);
    padding: var(--spacing-8);
    margin-top: auto;
    flex-shrink: 0;
  }

  .azura-menu-drawer__social-link {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .azura-menu-drawer__social-link:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .azura-menu-drawer__social-link svg {
    width: 24px;
    height: 24px;
  }

  /* Badges / Small Nav items */
  .nav-link {
    font-family: var(--font-family-secondary);
    font-size: var(--text-sm);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  
  /* Cards (News Section) */
  .card {
    border-radius: var(--radius-lg);
    overflow: hidden;
    background-color: transparent;
  }
  
  .card img {
    border-radius: var(--radius-lg);
    margin-bottom: var(--spacing-4);
    object-fit: cover;
  }

 /* Slider */
 .swiper {
  height: auto !important;
 }

.swiper .swiper-slide .item .content-area {
  position: static;
  text-align: left;
}

.swiper .swiper-slide .item {
  height: auto !important;
}

.swiper .swiper-slide .item:after {
  display: none;
}

.swiper .swiper-slide .item .img {
  border-radius: var(--radius-xl);
  overflow: hidden;
}

/* --------------------------------------------------------------------------
   Gallery page — carousel (matches Azura gallery mockup)
   -------------------------------------------------------------------------- */
/* Prevent horizontal scroll from full-bleed carousel (100vw vs scrollbar) */
html:has(body.azura-gallery-page),
body.azura-gallery-page {
  overflow-x: clip;
  max-width: 100%;
}

body.azura-gallery-page .wp-block-cb-carousel-v2.cb-carousel-block {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(12px, 3vw, 40px);
  padding-right: clamp(12px, 3vw, 40px);
  box-sizing: border-box;
}

body.azura-gallery-page .wp-block-cb-carousel-v2[data-cb-pagination="true"] .swiper-horizontal {
  margin-bottom: 0 !important;
}

body.azura-gallery-page .cb-carousel-block .swiper {
  overflow: hidden;
  padding-bottom: 0;
  margin-left: 0;
  width: 100%;
  max-width: 100%;
}

/* Slides size to image (natural aspect); Swiper spaceBetween = 30px between slides */
body.azura-gallery-page .cb-carousel-block .cb-wrapper.swiper-wrapper {
  align-items: center;
}

body.azura-gallery-page .cb-carousel-block .cb-slide.swiper-slide {
  height: auto;
  width: max-content !important;
  max-width: min(92vw, 640px) !important;
  flex-shrink: 0 !important;
  box-sizing: border-box;
  margin: 0 !important;
}

body.azura-gallery-page .cb-carousel-block .cb-slide .wp-block-kubio-image__frameContainer,
body.azura-gallery-page .cb-carousel-block .cb-slide .wp-block-kubio-image__outer,
body.azura-gallery-page .cb-carousel-block .cb-slide figure {
  border-radius: 28px;
  overflow: hidden;
  margin: 0 !important;
  width: max-content !important;
  max-width: min(92vw, 640px) !important;
  min-width: 0;
  display: block;
}

body.azura-gallery-page .cb-carousel-block .cb-slide .wp-block-kubio-image__captionContainer {
  width: max-content !important;
  max-width: min(92vw, 640px) !important;
}

body.azura-gallery-page .cb-carousel-block .cb-slide img {
  border-radius: 28px;
  width: auto;
  height: auto;
  max-height: min(240px, 42vh);
  max-width: min(92vw, 640px);
  object-fit: contain;
  object-position: center;
  display: block;
  vertical-align: middle;
}

body.azura-gallery-page .cb-carousel-block {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: 16px;
}

body.azura-gallery-page .cb-carousel-block .azura-gallery-nav-row {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  margin-top: 18px;
  flex-wrap: wrap;
}

body.azura-gallery-page .cb-carousel-block .cb-pagination.azura-gallery-carousel__pagination {
  position: static !important;
  width: auto !important;
  max-width: min(220px, 48vw);
  min-width: 140px;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  transform: none !important;
}

body.azura-gallery-page .cb-carousel-block .cb-pagination .cb-pagination-bullet {
  display: none !important;
}

body.azura-gallery-page .azura-gallery-carousel__fraction {
  font-family: var(--font-family-secondary), system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--color-charcoal, #2d2d2d);
  line-height: 1.2;
}

body.azura-gallery-page .azura-gallery-carousel__progress-track {
  width: 100%;
  height: 3px;
  background: rgba(45, 45, 45, 0.12);
  border-radius: 2px;
  overflow: hidden;
}

body.azura-gallery-page .azura-gallery-carousel__progress-fill {
  height: 100%;
  width: 33.33%;
  background: #4a5a6e;
  border-radius: 2px;
  transition: width 0.35s ease;
}

body.azura-gallery-page .cb-carousel-block .azura-gallery-carousel__arrows,
body.azura-gallery-page .cb-carousel-block .cb-button-prev,
body.azura-gallery-page .cb-carousel-block .cb-button-next {
  position: static !important;
  margin: 0 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

body.azura-gallery-page .cb-carousel-block .cb-button-prev:after,
body.azura-gallery-page .cb-carousel-block .cb-button-next:after {
  font-size: 14px !important;
  font-weight: 600;
  color: var(--color-charcoal, #2d2d2d);
}

body.azura-gallery-page .cb-carousel-block .azura-gallery-carousel__arrows {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  flex-shrink: 0;
}

body.azura-gallery-page .cb-carousel-block .cb-button-prev,
body.azura-gallery-page .cb-carousel-block .cb-button-next {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px;
  border-radius: 50%;
  border: 1px solid rgba(45, 45, 45, 0.45);
  background: #e4e8ec !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

body.azura-gallery-page .cb-carousel-block .cb-button-prev:hover,
body.azura-gallery-page .cb-carousel-block .cb-button-next:hover {
  background: #d8dde3 !important;
  border-color: rgba(45, 45, 45, 0.65);
}

body.azura-gallery-page .cb-carousel-block .cb-button-prev.swiper-button-disabled,
body.azura-gallery-page .cb-carousel-block .cb-button-next.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}

@media (min-width: 768px) {
  body.azura-gallery-page .cb-carousel-block .cb-slide.swiper-slide,
  body.azura-gallery-page .cb-carousel-block .cb-slide figure,
  body.azura-gallery-page .cb-carousel-block .cb-slide .wp-block-kubio-image__outer,
  body.azura-gallery-page .cb-carousel-block .cb-slide .wp-block-kubio-image__frameContainer,
  body.azura-gallery-page .cb-carousel-block .cb-slide .wp-block-kubio-image__captionContainer {
    max-width: min(560px, 38vw) !important;
  }
  body.azura-gallery-page .cb-carousel-block .cb-slide img {
    max-height: min(300px, 44vh);
    max-width: min(560px, 38vw);
  }
}

@media (min-width: 1200px) {
  body.azura-gallery-page .cb-carousel-block .cb-slide.swiper-slide,
  body.azura-gallery-page .cb-carousel-block .cb-slide figure,
  body.azura-gallery-page .cb-carousel-block .cb-slide .wp-block-kubio-image__outer,
  body.azura-gallery-page .cb-carousel-block .cb-slide .wp-block-kubio-image__frameContainer,
  body.azura-gallery-page .cb-carousel-block .cb-slide .wp-block-kubio-image__captionContainer {
    max-width: min(520px, 32vw) !important;
  }
  body.azura-gallery-page .cb-carousel-block .cb-slide img {
    max-height: min(320px, 46vh);
    max-width: min(520px, 32vw);
  }
}

/* One gallery strip: hide legacy Carousel block when Simply Gallery is on the page */
body.azura-gallery-page:has(.pgc-sgb-cb) .wp-block-cb-carousel-v2.cb-carousel-block {
  display: none !important;
}

/* --------------------------------------------------------------------------
   Simply Gallery — collection slider: row below slider (JS moves arrows here)
   -------------------------------------------------------------------------- */
.azura-collection-nav-row {
  position: relative;
  width: auto;
  max-width: 500px;
  box-sizing: border-box;
  margin: 10px auto 0;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding-left: clamp(12px, 3vw, 40px);
  padding-right: clamp(12px, 3vw, 40px);
}

/* Centered fraction + bar */
.azura-collection-nav-row .azura-collection-progress {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 0 1 auto;
  margin: 0 auto;
  text-align: left;
}

.azura-collection-nav-row .azura-collection-fraction {
  font-family: var(--font-family-secondary, Inter), system-ui, sans-serif;
  color: #4a657d;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
}

.azura-collection-nav-row .azura-collection-den {
  font-size: 11px;
  font-weight: 500;
  opacity: 0.88;
  margin-left: 1px;
}

.azura-collection-nav-row .azura-collection-bar {
  position: relative;
  width: min(280px, 72vw);
  height: 8px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.azura-collection-nav-row .azura-collection-bar-track {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: rgba(74, 101, 125, 0.18);
  border-radius: 1px;
}

.azura-collection-nav-row .azura-collection-bar-fill {
  position: absolute;
  left: 0;
  bottom: 1px;
  height: 4px;
  width: 33%;
  background: #4a657d;
  border-radius: 2px;
  transition: width 0.35s ease;
  max-width: 100%;
}

/* Arrows: below slider, right side of row */
.azura-collection-nav-row .azura-collection-nav-arrows {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.azura-collection-nav-row .pgcsimplygalleryblock-slider-next-prev-navi {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid #4a657d !important;
  background: transparent !important;
  color: #4a657d !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  transition: opacity 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
  box-shadow: none !important;
  cursor: pointer;
}

.azura-collection-nav-row .pgcsimplygalleryblock-slider-next-prev-navi:hover {
  background: rgba(74, 101, 125, 0.06) !important;
  border-color: #3d5569 !important;
}

.azura-collection-nav-row .pgcsimplygalleryblock-slider-next-prev-navi .azura-arrow-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.azura-collection-nav-row .pgcsimplygalleryblock-slider-next-prev-navi .azura-arrow-icon {
  width: 17px;
  height: 12px;
  display: block;
  flex-shrink: 0;
}

.azura-collection-nav-row .pgcsimplygalleryblock-slider-next-prev-navi .azura-arrow-icon path,
.azura-collection-nav-row .pgcsimplygalleryblock-slider-next-prev-navi .azura-arrow-icon line {
  fill: #466680;
  stroke: #466680;
}

.azura-collection-nav-row .pgcsimplygalleryblock-slider-next-prev-navi:hover .azura-arrow-icon path,
.azura-collection-nav-row .pgcsimplygalleryblock-slider-next-prev-navi:hover .azura-arrow-icon line {
  fill: #3d5569;
  stroke: #3d5569;
}

.azura-collection-nav-row .pgcsimplygalleryblock-slider-next-prev-navi .azura-arrow-prev {
  transform: scaleX(-1);
}

@media (max-width: 520px) {
  .azura-collection-nav-row {
    flex-wrap: wrap;
    padding-bottom: 8px;
    gap: 12px;
    justify-content: center;
  }

  .azura-collection-nav-row .azura-collection-nav-arrows {
    width: 100%;
    justify-content: center;
    order: 2;
  }

  .azura-collection-nav-row .azura-collection-progress {
    order: 1;
    width: 100%;
  }
}

/* --------------------------------------------------------------------------
   Gallery page — Simply Gallery Block slider (pgc_sgb_c4577906 / wp-block-pgcsimplygalleryblock-slider)
   Design: ~2.5 landscape thumbs, 30px gap, large radius, fraction + bar + round arrows below
   -------------------------------------------------------------------------- */
body.azura-gallery-page .pgc-sgb-cb.wp-block-pgcsimplygalleryblock-slider,
body.azura-gallery-page .wp-block-pgcsimplygalleryblock-slider.pgc-sgb-cb {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(12px, 3vw, 40px);
  padding-right: clamp(12px, 3vw, 40px);
  box-sizing: border-box;
}

body.azura-gallery-page .pgc-sgb-cb .sgb-preloader {
  min-height: min(320px, 42vh) !important;
}

body.azura-gallery-page .pgc-sgb-cb .pgc-rev-scroll-bar-view {
  max-width: 100%;
  min-height: min(300px, 40vh);
}

/* Thumb size/position set by simply-gallery-azura.js (absolute layout + 30px gap) */
body.azura-gallery-page .pgc-sgb-cb .pgc-rev-scroll-bar-thumb-item-wrap,
body.azura-gallery-page .pgc-sgb-cb .pgc-rev-scroll-bar-thumb-item-wrap img {
  border-radius: inherit !important;
}

body.azura-gallery-page .pgc-sgb-cb .pgc-rev-scroll-bar-thumb-item-wrap img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}

/* Hide plugin overlay arrows (white boxes on sides); use bottom nav only */
body.azura-gallery-page .pgc-sgb-cb .pgc-rev-scroll-bar-view > button,
body.azura-gallery-page .pgc-sgb-cb .pgc-rev-scroll-bar-view [class*="Button"],
body.azura-gallery-page .pgc-sgb-cb .simply-gallery-amp button:not(.azura-sgb-btn),
body.azura-gallery-page .pgc-sgb-cb .pgc-rev-scroll-bar-view [role="button"]:not(.azura-sgb-btn),
body.azura-gallery-page .pgc-sgb-cb .pgc-rev-scroll-bar-view button {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.azura-gallery-page .pgc-sgb-cb,
body.azura-gallery-page .wp-block-pgcsimplygalleryblock-slider.pgc-sgb-cb {
  overflow: visible !important;
}

/* Custom nav — matches Azura gallery comp (navy, counter + bar + round outline arrows) */
body.azura-gallery-page .pgc-sgb-cb,
body.azura-gallery-page .azura-sgb-nav-row,
body.azura-has-simply-gallery .pgc-sgb-cb,
body.azura-has-simply-gallery .azura-sgb-nav-row,
body.azura-has-gallery-slider-block .azura-gallery-slider,
body.azura-has-gallery-slider-block .azura-sgb-nav-row {
  --azura-sgb-navy: #4a657d;
}

/* Nav is inserted after .pgc-sgb-cb (sibling), not inside overflow:hidden */
body.azura-gallery-page .azura-sgb-nav-row,
body.azura-has-simply-gallery .azura-sgb-nav-row,
body.azura-has-gallery-slider-block .azura-sgb-nav-row {
  display: flex !important;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  max-width: min(1200px, 100%);
  gap: 24px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(12px, 3vw, 40px);
  padding-right: clamp(12px, 3vw, 40px);
  padding-bottom: 8px;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
}

body.azura-gallery-page .azura-sgb-progress,
body.azura-has-simply-gallery .azura-sgb-progress,
body.azura-has-gallery-slider-block .azura-sgb-progress {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-width: 160px;
  max-width: min(240px, 52vw);
}

body.azura-gallery-page .azura-sgb-fraction,
body.azura-has-simply-gallery .azura-sgb-fraction,
body.azura-has-gallery-slider-block .azura-sgb-fraction {
  font-family: var(--font-family-secondary), system-ui, sans-serif;
  color: var(--azura-sgb-navy);
  line-height: 1;
  letter-spacing: 0.04em;
}

body.azura-gallery-page .azura-sgb-fraction-num,
body.azura-has-simply-gallery .azura-sgb-fraction-num,
body.azura-has-gallery-slider-block .azura-sgb-fraction-num {
  font-size: 15px;
  font-weight: 600;
}

body.azura-gallery-page .azura-sgb-fraction-den,
body.azura-has-simply-gallery .azura-sgb-fraction-den,
body.azura-has-gallery-slider-block .azura-sgb-fraction-den {
  font-size: 11px;
  font-weight: 500;
  opacity: 0.88;
  margin-left: 1px;
}

body.azura-gallery-page .azura-sgb-bar,
body.azura-has-simply-gallery .azura-sgb-bar,
body.azura-has-gallery-slider-block .azura-sgb-bar {
  position: relative;
  width: 100%;
  height: 8px;
  display: flex;
  align-items: flex-end;
}

body.azura-gallery-page .azura-sgb-bar-track,
body.azura-has-simply-gallery .azura-sgb-bar-track,
body.azura-has-gallery-slider-block .azura-sgb-bar-track {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: rgba(74, 101, 125, 0.18);
  border-radius: 1px;
}

body.azura-gallery-page .azura-sgb-bar-fill,
body.azura-has-simply-gallery .azura-sgb-bar-fill,
body.azura-has-gallery-slider-block .azura-sgb-bar-fill {
  position: absolute;
  left: 0;
  bottom: 1px;
  height: 4px;
  width: 33%;
  background: var(--azura-sgb-navy);
  border-radius: 2px;
  transition: width 0.35s ease;
  max-width: 100%;
}

body.azura-gallery-page .azura-sgb-arrows,
body.azura-has-simply-gallery .azura-sgb-arrows,
body.azura-has-gallery-slider-block .azura-sgb-arrows {
  display: flex;
  gap: 14px;
  flex-shrink: 0;
  align-items: center;
}

/* Native gallery block on homepage -> use Azura slider and hide legacy Simply Gallery below it */
body.azura-has-gallery-slider-block .hp-gallery-section .gallery-slider-block + .pgc-sgb-cb {
  display: none !important;
}

body.azura-has-gallery-slider-block .gallery-slider-block.azura-gallery-slider {
  --azura-sgb-navy: #4a657d;
  --azura-gallery-slide-gap: 30px;
  display: block !important;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-left: clamp(12px, 3vw, 40px);
  padding-right: clamp(12px, 3vw, 40px);
  box-sizing: border-box;
  overflow: visible;
  gap: 0 !important;
}

body.azura-has-gallery-slider-block .gallery-slider-block.azura-gallery-slider .azura-gallery-slider__viewport {
  width: 100%;
  height: clamp(240px, 30vw, 320px);
}

body.azura-has-gallery-slider-block .gallery-slider-block.azura-gallery-slider .azura-gallery-slider__track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--azura-gallery-slide-gap);
  height: 100%;
  align-items: stretch;
  will-change: transform;
}

body.azura-has-gallery-slider-block .gallery-slider-block.azura-gallery-slider > figure {
  margin: 0;
}

body.azura-has-gallery-slider-block .gallery-slider-block.azura-gallery-slider .azura-gallery-slider__slide {
  display: block !important;
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  margin: 0;
  max-width: none !important;
  overflow: hidden;
  border-radius: 40px;
}

body.azura-has-gallery-slider-block .gallery-slider-block.azura-gallery-slider .azura-gallery-slider__slide img {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
  object-fit: contain;
}

body.azura-has-news-slider-block #news .news-slider-block + .wp-block-bsb-slider {
  display: none !important;
}

body.azura-has-news-slider-block .news-slider-block.azura-news-slider {
  --azura-news-slide-gap: 30px;
  --azura-news-slide-width: 320px;
  --arm-nav-inactive-border: #4A6782;
  --arm-nav-inactive-color: #4A6782;
  display: block !important;
  width: 100%;
  max-width: min(1200px, 100%);
  margin: 0 auto;
  padding-left: clamp(12px, 3vw, 40px);
  padding-right: clamp(12px, 3vw, 40px);
  box-sizing: border-box;
  overflow: visible;
  list-style: none;
}

body.azura-has-news-slider-block .news-slider-block.azura-news-slider .azura-news-slider__viewport {
  width: 100%;
  overflow: hidden;
}

body.azura-has-news-slider-block .news-slider-block.azura-news-slider .azura-news-slider__track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--azura-news-slide-gap);
  align-items: stretch;
  will-change: transform;
}

body.azura-has-news-slider-block .news-slider-block.azura-news-slider .azura-news-slider__slide {
  display: flex !important;
  flex: 0 0 var(--azura-news-slide-width);
  width: var(--azura-news-slide-width);
  max-width: none !important;
  margin: 0;
  list-style: none;
  flex-direction: column;
  gap: 18px;
  text-align: left;
}

body.azura-has-news-slider-block .news-slider-block.azura-news-slider .wp-block-latest-posts__featured-image {
  margin: 0;
  border-radius: 40px;
  overflow: hidden;
}

body.azura-has-news-slider-block .news-slider-block.azura-news-slider .wp-block-latest-posts__featured-image img {
  display: block;
  width: 100%;
  height: clamp(220px, 26vw, 300px);
  object-fit: cover;
}

body.azura-has-news-slider-block .news-slider-block.azura-news-slider .wp-block-latest-posts__post-title {
  margin-bottom: 0;
  font-family: var(--font-family-secondary), system-ui, sans-serif;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 600;
  line-height: 1;
  color: #2b2b2b;
  text-decoration: none;
}

body.azura-has-news-slider-block .news-slider-block.azura-news-slider .wp-block-latest-posts__post-excerpt {
  margin: 0;
  font-size: 16px;
  line-height: 1.45;
  color: #2b2b2b;
}

body.azura-has-news-slider-block .news-slider-block.azura-news-slider .wp-block-latest-posts__read-more {
  color: #2b2b2b;
}

body.azura-has-news-slider-block .azura-news-slider-nav-row {
  max-width: min(1200px, 100%);
}

/* Titles — mobile: 16vw; desktop (≥782px): min(120px, 8vw) */
.page-title-azura {
  font-family: New Icon Serif, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14vw;
  text-align: center;
}

@media (min-width: 782px) {
  .page-title-azura {
    font-size: min(80px, 8vw);
  }
}

.page-title-azura span.deco {
  display: inline-block;
}

.page-title-azura span.deco::first-letter {
  font-family: New Icon Script, Arial, sans-serif;
  text-transform: none;
  font-size: 1.1em;
}

.page-title-azura i {
  font-family: New Icon Script, Arial, sans-serif;
  text-transform: none;
  font-size: 1.1em;
}

.hero-section .page-title-azura {
  line-height: 1.1;
  text-align: left;
  position: relative;
}

.hero-section .page-title-azura span {
  font-size: 1em;
}

.hero-section .page-title-azura span.larger {
  font-size: 1.173em;
}

/* Hero title – blue deco to the right of “of” (design: hp-hero-deco) */
.hero-section .page-title-azura .image-placeholder.hero {
  position: absolute;
  top: 0%;
  left: 73%;
  width: clamp(72px, 16vw, 200px);
  height: clamp(56px, 12vw, 108px);
  margin: 0;
  background-image: url('assets/images/hp-hero-deco.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 1;
  filter: blur(0.5px);
  opacity: 0.95;
}

@media (max-width: 767px) {
  .home .wp-block-kubio-section {
    min-height: auto !important;
  }

  .hero-section .page-title-azura .image-placeholder.hero {
    left: auto;
    right: -4vw;
    top: 0;
    width: min(88px, 22vw);
    height: min(64px, 18vw);
  }
}

/* Menu page – title section with decorative images */
.menu-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem 2rem;
  position: relative;
  margin-bottom: 0.5rem;
}

.menu-title .image-placeholder {
  position: relative;
  width: 250px;
  height: 131px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.menu-title .image-placeholder .image-1,
.menu-title .image-placeholder .image-2,
.menu-title .image-placeholder .image-3 {
  display: block;
  width: 80px;
  height: 80px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.menu-title .image-placeholder .image-1 {
  left: 0;
  background-image: url('assets/images/menu-1.png');
}

.menu-title .image-placeholder .image-2 {
  left: 74px;
  background-image: url('assets/images/menu-2.png');
}

.menu-title .image-placeholder .image-3 {
  left: 148px;
  background-image: url('assets/images/menu-3.png');
}

.menu-title .image-placeholder .image-4 {
  margin-top: -0.15rem;
  width: 100%;
  max-width: 280px;
  height: 98px;
  background-image: url('assets/images/menu-4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.85;
  pointer-events: none;
}

.menu-title .image-placeholder .image-4 > span {
  display: block;
  width: 100%;
  height: 100%;
}

/* --------------------------------------------------------------------------
   Contacts page – title + decorative smoke (menu-4), contact pill block
   -------------------------------------------------------------------------- */
.contacts-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 2rem auto 1.5rem;
  max-width: 100%;
}

.contacts-title .page-title-azura {
  flex: 0 1 auto;
  text-align: center;
  margin: 0;
  line-height: 1;
}

.contacts-title .image-placeholder.left,
.contacts-title .image-placeholder.right {
  flex: 0 0 auto;
  width: clamp(140px, 22vw, 220px);
  height: clamp(52px, 9vw, 76px);
  background-image: url('assets/images/menu-4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.88;
}

.contacts-title .image-placeholder.right {
  transform: scaleX(-1);
}

@media (max-width: 600px) {
  .contacts-title .page-title-azura {
    font-size: 9vw;
  }

  .contacts-title .image-placeholder.left,
  .contacts-title .image-placeholder.right {
    width: clamp(74px, 18vw, 220px);
    height: clamp(42px, 9vw, 76px);
  }
}

/* Pill-shaped dashed contact area
   – .contacts-block: optional wrapper class
   – Kubio: row directly after .contacts-title (no extra class on the row) */
.contacts-block,
.contacts-title + .wp-block-kubio-row {
  --contacts-v-divider-inset: 14px; /* gap above/below internal vertical dashes */
  box-sizing: border-box;
  max-width: 960px;
  margin: 2rem auto 3rem;
  padding: 15px;
  border: 1px dashed rgba(74, 101, 125, 0.35);
  border-radius: 999px;
  background: transparent;
}

.contacts-title + .wp-block-kubio-row .wp-block-kubio-row__inner {
  align-items: stretch;
  justify-content: center;
}

.contacts-title + .wp-block-kubio-row .wp-block-kubio-column__container {
  flex: 1 1 0;
  min-width: 0;
}

.contacts-title + .wp-block-kubio-row .wp-block-kubio-column__container:not(:last-child) {
  position: relative;
}

.contacts-title + .wp-block-kubio-row .wp-block-kubio-column__container:not(:last-child)::after {
  content: '';
  position: absolute;
  top: var(--contacts-v-divider-inset, 14px);
  bottom: var(--contacts-v-divider-inset, 14px);
  right: 0;
  width: 0;
  border-right: 1px dashed rgba(74, 101, 125, 0.35);
  pointer-events: none;
}

.contacts-title + .wp-block-kubio-row .wp-block-kubio-column__align {
  text-align: center !important;
  width: 100%;
}

.contacts-title + .wp-block-kubio-row .wp-block-kubio-buttongroup,
.contacts-title + .wp-block-kubio-row .wp-block-kubio-button__outer {
  justify-content: center;
}

.contacts-block .wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  align-items: start;
}

.contacts-block .wp-block-columns > .wp-block-column {
  text-align: center;
  padding: 0 clamp(1rem, 3vw, 2rem);
}

.contacts-block .wp-block-columns > .wp-block-column:not(:last-child) {
  position: relative;
}

.contacts-block .wp-block-columns > .wp-block-column:not(:last-child)::after {
  content: '';
  position: absolute;
  top: var(--contacts-v-divider-inset, 14px);
  bottom: var(--contacts-v-divider-inset, 14px);
  right: 0;
  width: 0;
  border-right: 1px dashed rgba(74, 101, 125, 0.35);
  pointer-events: none;
}

.contacts-block h2,
.contacts-block h3,
.contacts-block h4,
.contacts-block .wp-block-heading,
.contacts-title + .wp-block-kubio-row h2,
.contacts-title + .wp-block-kubio-row h3,
.contacts-title + .wp-block-kubio-row h4,
.contacts-title + .wp-block-kubio-row h5,
.contacts-title + .wp-block-kubio-row h6,
.contacts-title + .wp-block-kubio-row .wp-block-heading {
  font-family: var(--font-family-primary), 'New Icon Serif', Georgia, serif;
  font-weight: 600;
  font-size: clamp(0.7rem, 1.1vw, 0.8125rem);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-charcoal);
  margin: 0 0 1rem;
  line-height: 1.35;
}

.contacts-block p,
.contacts-block address,
.contacts-title + .wp-block-kubio-row p,
.contacts-title + .wp-block-kubio-row address {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.65;
  color: var(--color-charcoal);
  margin: 0;
  text-align: center;
}

.contacts-block address,
.contacts-title + .wp-block-kubio-row address {
  font-style: normal;
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-color: rgba(45, 45, 45, 0.45);
}

.contacts-block a[href^='tel:'],
.contacts-title + .wp-block-kubio-row a[href^='tel:'] {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-color: rgba(45, 45, 45, 0.45);
}

.contacts-block a[href^='tel:']:hover,
.contacts-title + .wp-block-kubio-row a[href^='tel:']:hover {
  color: var(--color-navy);
}

/* Three plain column divs (no wp-block-columns) */
.contacts-block.contacts-block--columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  align-items: start;
}

.contacts-block.contacts-block--columns > * {
  text-align: center;
  padding: 0 clamp(1rem, 3vw, 2rem);
}

.contacts-block.contacts-block--columns > *:not(:last-child) {
  position: relative;
}

.contacts-block.contacts-block--columns > *:not(:last-child)::after {
  content: '';
  position: absolute;
  top: var(--contacts-v-divider-inset, 14px);
  bottom: var(--contacts-v-divider-inset, 14px);
  right: 0;
  width: 0;
  border-right: 1px dashed rgba(74, 101, 125, 0.35);
  pointer-events: none;
}

@media (max-width: 781px) {
  .contacts-block,
  .contacts-title + .wp-block-kubio-row {
    border-radius: 6rem;
    padding: 1rem 1.25rem;
  }

  .contacts-title + .wp-block-kubio-row .wp-block-kubio-column__container::after {
    display: none;
  }

  .contacts-title + .wp-block-kubio-row .wp-block-kubio-column__container {
    border-bottom: 1px dashed rgba(74, 101, 125, 0.35);
    width: 100% !important;
    flex: 1 1 100% !important;
    max-width: 100%;
  }

  .contacts-title + .wp-block-kubio-row .wp-block-kubio-column__container:last-child {
    border-bottom: none;
  }

  .contacts-title + .wp-block-kubio-row .wp-block-kubio-row__inner {
    flex-wrap: wrap;
  }

  .contacts-block .wp-block-columns {
    grid-template-columns: 1fr !important;
  }

  .contacts-block .wp-block-columns > .wp-block-column::after {
    display: none;
  }

  .contacts-block .wp-block-columns > .wp-block-column {
    border-bottom: 1px dashed rgba(74, 101, 125, 0.35);
    padding-bottom: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .contacts-block .wp-block-columns > .wp-block-column:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .contacts-block.contacts-block--columns {
    grid-template-columns: 1fr;
  }

  .contacts-block.contacts-block--columns > *::after {
    display: none;
  }

  .contacts-block.contacts-block--columns > * {
    border-bottom: 1px dashed rgba(74, 101, 125, 0.35);
    padding-bottom: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .contacts-block.contacts-block--columns > *:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .contacts-block p {
    font-size: 16px !important;
  }

  .contacts-block p:first-child {
    font-size: 32px !important;
  }

  .wp-element-button,
  .wp-block-kubio-button__link .wp-block-kubio-button__text {
    text-transform: none !important;
  }
}

/* HP — full-width section backgrounds (no side gutters) */
body.home {
  --wp--style--root--padding-left: 0;
  --wp--style--root--padding-right: 0;
}

body.home .wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Main content area: drop constrained max-width / horizontal padding on home */
body.home main.wp-block-group,
body.home main {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.home .wp-block-group-is-layout-constrained {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.home .wp-block-kubio-section {
  /* Break out to viewport when nested inside padded/constrained ancestors */
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
  left: 0;
  box-sizing: border-box;
}

.home .wp-block-kubio-section.hero-section {
  padding: 0 !important;
  margin-left: calc(var(--wp--style--root--padding-left, 0px) * -1) !important;
  margin-right: calc(var(--wp--style--root--padding-right, 0px) * -1) !important;
}

/* Full-width theme sections (not Kubio) on home */
body.home .alignfull,
body.home .wp-block-group.alignfull {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

.hero-section .wp-block-kubio-row,
.hero-section .wp-block-kubio-row .wp-block-kubio-column__inner {
  padding: 0;
}

.hero-section .hero-columns {
  position: relative;
}
.hero-section .hero-logo-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    max-width: 300px;
    width: 10vw;
}

.hero-section .hero-left {
  position: static;
  width: 50% !important;
}

.hero-section .hero-left .position-relative {
  
}

.hero-img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.hero-section .hero-left .h-y-container {
  height: 100%;
}

.hero-section .hero-left .wp-block-kubio-video__outer {
  margin: 0;
  height: 100%;
}

.hero-section .hero-left .wp-block-kubio-video__outer:before {
  display: none;
}

.hero-section .hero-left .wp-block-kubio-video__outer video {
  object-fit: cover;
}

.hero-section .hero-left .hero-logo {
  position: absolute !important;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-section .hero-left .hero-logo img {
  width: 18vw;
}

.hero-section .hero-right {
  width: 50% !important;
}

.hero-section .wp-block-kubio-row .hero-right .wp-block-kubio-column__inner {
  padding: 9vw;
  position: relative !important;
  z-index: 3;
}

/* ==========================================================================
   MENU SECTION (azura_restaurant_menu shortcode / block)
   Theme overrides – higher specificity so they win over plugin styles.
   ========================================================================== */
body .wp-block-azura-restaurant-menu.azura-restaurant-menu {
  --arm-bg: #EBE6D9;
  --arm-nav-active-bg: #4A6782;
  --arm-nav-active-color: #fff;
  --arm-nav-inactive-border: #4A6782;
  --arm-nav-inactive-color: #4A6782;
  --arm-text: var(--color-text-main);
  --arm-text-muted: var(--color-text-muted);
  --arm-accent: #8B3A3A;
  --arm-font-primary: var(--font-family-primary);
  --arm-font-secondary: var(--font-family-secondary);
  --arm-radius: var(--radius-pill);
  --arm-spacing: var(--spacing-8);

  background: none;
  padding: var(--spacing-12) var(--arm-spacing);
  gap: var(--spacing-12);
  grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
  overflow: visible;
  max-width: 1200px;
  margin: 0 auto;
}

body .azura-restaurant-menu .azura-restaurant-menu__wrap {
  min-width: 0;
}

/* Sidebar – level 1 labels + level 2 pill buttons */
body .azura-restaurant-menu__nav {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  max-height: 80vh;
  overflow-y: auto;
  padding-right: var(--spacing-4);
  box-sizing: border-box;
}

body .azura-restaurant-menu__nav::-webkit-scrollbar {
  width: 6px;
}

body .azura-restaurant-menu__nav::-webkit-scrollbar-track {
  background: transparent;
}

body .azura-restaurant-menu__nav::-webkit-scrollbar-thumb {
  background: rgba(74, 103, 130, 0.25);
  border-radius: 3px;
}

body .azura-restaurant-menu__group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

body .azura-restaurant-menu__group-label {
  display: block;
  margin: 0;
  padding: 0;
  font-family: 'New Icon Serif', Georgia, serif;
  font-size: var(--text-lg);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--arm-nav-inactive-color);
  text-align: center;
  pointer-events: none;
  user-select: none;
  cursor: default;
}

body .azura-restaurant-menu__group-buttons {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

body .azura-restaurant-menu__category-btn {
  display: block;
  width: 100%;
  padding: var(--spacing-3) var(--spacing-6);
  border-radius: var(--radius-pill);
  border: 1px solid var(--arm-nav-inactive-border);
  background: transparent;
  color: var(--arm-nav-inactive-color);
  font-family: New Icon Serif, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  text-transform: unset;
  letter-spacing: 0.04em;
  text-align: center;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body .azura-restaurant-menu__category-btn:hover {
  border-color: var(--arm-nav-active-bg);
  color: var(--arm-nav-active-color) !important;
  background: var(--arm-nav-active-bg) !important;
}

body .azura-restaurant-menu__category-btn.is-active {
  background: var(--arm-nav-active-bg);
  color: var(--arm-nav-active-color);
  border-color: var(--arm-nav-active-bg);
}

/* Level 3: menu pills — match design (slate #46637f, full stadium, wrapped rows) */
body .azura-restaurant-menu__subnav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 10px;
  row-gap: 10px;
  margin: 0 0 1.25rem 0;
}

body .azura-restaurant-menu__subcategory-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 9999px;
  border: 1px solid #46637f;
  background: transparent;
  color: #46637f;
  font-family: var(--font-family-secondary);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body .azura-restaurant-menu__subcategory-btn:hover {
  background: #46637f;
  color: #fff;
  border-color: #46637f;
}

body .azura-restaurant-menu__subcategory-btn.is-active {
  background: #46637f;
  color: #fff;
  border-color: #46637f;
}

body .azura-restaurant-menu__subcategory-btn:focus-visible {
  outline: 2px solid #46637f;
  outline-offset: 3px;
}

/* Main – menu title hidden (page already has page title) */
body .azura-restaurant-menu__title {
  display: none;
}

/* Section title – same deco as reserve CTA (::after), via ::before */
body .azura-restaurant-menu__section-title {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  font-family: 'New Icon Serif', Georgia, serif;
  font-size: 2rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--arm-text);
  margin: 0 0 var(--spacing-6) 0;
}

body .azura-restaurant-menu__section-title::before {
  content: "";
  display: block;
  width: 18px;
  height: 30px;
  flex-shrink: 0;
  background-image: url("assets/images/reserve-deco-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

/* Menu list */
body .azura-restaurant-menu__list {
  list-style: none;
  margin: 0;
  padding: 0 10px 0 0;
}

body .azura-restaurant-menu__item {
  padding: 0 0 5px;
  margin: 0;
  border-bottom: 1px dashed var(--arm-text);
}

body .azura-restaurant-menu__item + .azura-restaurant-menu__item {
  margin-top: 15px;
}

body .azura-restaurant-menu__item--empty {
  color: var(--arm-text-muted);
  font-style: italic;
  font-family: var(--arm-font-secondary);
}

/* Line 1: name + (tags); line 2: short description + price */
body .azura-restaurant-menu__item-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.5rem;
}

body .azura-restaurant-menu__item-name {
  font-family: var(--arm-font-secondary);
  font-size: var(--text-base);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  color: var(--arm-text);
}

body .azura-restaurant-menu__item-tags {
  font-family: var(--arm-font-secondary);
  font-size: var(--text-sm);
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0.02em;
  color: var(--arm-text);
}

body .azura-restaurant-menu__item-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 1rem;
}

body .azura-restaurant-menu__item-price {
  flex-shrink: 0;
  margin-left: auto;
  font-family: var(--arm-font-secondary);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--arm-text);
}

body .azura-restaurant-menu__item-desc {
  flex: 1 1 auto;
  min-width: min(100%, 12rem);
  font-family: var(--arm-font-secondary);
  font-size: var(--text-sm);
  font-weight: 400;
  text-transform: none;
  color: var(--arm-text-muted);
  margin: 0;
  line-height: 1.45;
  text-align: left;
}

body .azura-restaurant-menu__item-desc p {
  margin: 0;
}

/* Main content area: content + arrows on the right */
body .azura-restaurant-menu__main {
  min-width: 0;
  display: flex !important;
  gap: var(--spacing-6);
}

body .azura-restaurant-menu__main-inner {
  flex: 1;
  min-width: 0;
}

/* Category navigation arrows (right side) – horizontal row, vertically centered */
body .azura-restaurant-menu__arrows {
  flex-shrink: 0;
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--spacing-3);
  align-items: center;
  visibility: visible !important;
  opacity: 1;
}

body .azura-restaurant-menu__arrow-btn {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 50%;
  border: 1px solid #016e9e;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M0.825569 9.09356C-0.275189 8.4093 -0.27519 6.69862 0.825569 6.01435L10.1132 0.24083C11.214 -0.443439 12.5899 0.411897 12.5899 1.78044V13.3275C12.5899 14.696 11.214 15.5514 10.1132 14.8671L0.825569 9.09356Z' fill='%23466680'/%3E%3Cline x1='11.3309' y1='7.55424' x2='21.4028' y2='7.55424' stroke='%23466680' stroke-width='2.51799'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 16px;
  color: var(--arm-nav-inactive-color);
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  visibility: visible !important;
  overflow: visible;
}

body .azura-restaurant-menu__arrow-btn:hover {
  background-color: rgba(74, 101, 125, 0.06);
}

body .azura-restaurant-menu__arrow-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

body .azura-restaurant-menu__arrow-btn--next {
  transform: scaleX(-1);
}

@media (min-width: 782px) {
  body .azura-restaurant-menu__main .azura-restaurant-menu__list {
    max-height: 70vh;
    overflow-y: auto;
  }

  body .azura-restaurant-menu__main .azura-restaurant-menu__list::-webkit-scrollbar {
    width: 6px;
  }

  body .azura-restaurant-menu__main .azura-restaurant-menu__list::-webkit-scrollbar-track {
    background: transparent;
  }

  body .azura-restaurant-menu__main .azura-restaurant-menu__list::-webkit-scrollbar-thumb {
    background: rgba(74, 103, 130, 0.25);
    border-radius: 3px;
  }
}

@media (max-width: 781px) {
  body .wp-block-azura-restaurant-menu.azura-restaurant-menu {
    grid-template-columns: 1fr;
    padding: 0;
    gap: var(--spacing-8);
  }

  /* Category pills: 3-column grid (mobile menu page comp) */
  body .azura-restaurant-menu__nav {
    display: block;
  }

  body .azura-restaurant-menu__nav::-webkit-scrollbar-track {
    background: rgba(210, 195, 175, 0.45);
    border-radius: 4px;
  }

  body .azura-restaurant-menu__nav::-webkit-scrollbar-thumb {
    background: #6b7348;
    border-radius: 4px;
  }

  body .azura-restaurant-menu__category-btn {
    width: auto;
    font-size: clamp(16px, 2.8vw, 1rem);
    padding: 0.35rem 0.6rem;
    line-height: 1.2;
  }

  /* Last category centered when alone on final row (e.g. 7 items) */
  body .azura-restaurant-menu__category-btn:last-child:nth-child(3n + 1) {
    grid-column: 2;
  }

  body .azura-restaurant-menu__main {
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-8);
  }

  body .azura-restaurant-menu__main-inner {
    order: 2;
  }

  body .azura-restaurant-menu__arrows {
    order: 1;
    justify-content: center;
    width: 100%;
  }

  body .azura-restaurant-menu__main .azura-restaurant-menu__list {
    max-height: none;
    overflow-y: visible;
  }

  body .azura-restaurant-menu__main .azura-restaurant-menu__list::-webkit-scrollbar-track {
    background: rgba(210, 195, 175, 0.45);
    border-radius: 4px;
  }

  body .azura-restaurant-menu__main .azura-restaurant-menu__list::-webkit-scrollbar-thumb {
    background: #6b7348;
    border-radius: 4px;
  }

  .hero-section .hero-logo-block {
    width: 33vw !important;
    top: calc(50vw / 1.2);
    max-width: 160px !important;
  }

  .hero-section .hero-right {
    width: 100% !important;
  }

  body .azura-restaurant-menu__item-head {
    display: inline;
    text-align: left;
  }
}

/* ==========================================================================
   RESERVE SECTION (design: cream bg, RESERVE ONLINE heading, CTA, imagery)
   ========================================================================== */
.reserve-section {
  --reserve-bg: #f2e8da;
  --reserve-cta-bg: #4a6b8a;
  --reserve-text: var(--color-charcoal);
  position: relative;
  background-color: var(--reserve-bg);
  /* Soft “marbled” light (mobile comp) without a bitmap */
  background-image:
    radial-gradient(ellipse 140% 90% at 50% -20%, rgba(255, 255, 255, 0.55) 0%, transparent 52%),
    radial-gradient(ellipse 80% 55% at 100% 60%, rgba(214, 196, 175, 0.35) 0%, transparent 48%),
    radial-gradient(ellipse 70% 50% at 0% 80%, rgba(232, 218, 200, 0.45) 0%, transparent 45%);
  overflow: visible;
}

.reserve-section .wp-block-group {
  position: relative;
  margin: 0 0 -11%;
}

.reserve-section__imagery {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

/* Image placeholders – CSS-only backgrounds from theme assets */
.image-placeholder {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.reserve-section .image-placeholder.top,
.image-placeholder--table {
  background-image: url('assets/images/227c8d6630575e7a9153d385158a4b310a1b7092 (1).png');
}

.reserve-section .image-placeholder.bottom,
.image-placeholder--shadow {
  background-image: url('assets/images/d0168f1d3f173017d77b4ec69a2cb213558dc0b6.png');
}

/* Table image: .image-placeholder.top – aligned to group right */
.reserve-section .image-placeholder.top {
  width: min(254px, 22vw);
  height: min(208px, 20vw);
  z-index: 0;
}

.hp-reserve-top .wp-block-kubio-image {
  display: none;
}

/* Blurred shape: .image-placeholder.bottom only — do NOT use :not(.top); menu-title uses
   .image-placeholder without .top and must stay in normal flow if inside .reserve-section */
.reserve-section .image-placeholder.bottom {
  margin-left: -10rem;
  position: relative;
  top: 0.6vw;
  width: 17vw;
  height: 17vw;
  z-index: 0;
}

.reserve-section .wp-block-buttons {
  margin-top: 3rem;
}

.reserve-section .wp-block-button__link {
  padding: 1rem 2.5rem 0.6rem !important;
  font-size: 2rem;
  line-height: 1;
  background: #466680;
}

.image-placeholder--shadow {
  position: absolute;
  right: 86%;
  top: 48%;
  transform: translateY(-50%);
  width: 19vw;
  height: 19vw;
  z-index: 0;
}

.reserve-section__table-image {
  position: absolute;
  right: -8%;
  top: 50%;
  transform: translateY(-50%);
  width: min(260px, 22vw);
  height: min(220px, 20vw);
  background-image: url('assets/images/227c8d6630575e7a9153d385158a4b310a1b7092 (1).png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
}

.reserve-section__shadow {
  position: absolute;
  left: -5%;
  top: 48%;
  transform: translateY(-50%);
  width: min(200px, 22vw);
  height: min(48px, 5vw);
  background-image: url('assets/images/d0168f1d3f173017d77b4ec69a2cb213558dc0b6.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: blur(2px);
  opacity: 0.85;
  z-index: 0;
}

.reserve-section__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-8) var(--spacing-6);
  gap: var(--spacing-8);
}

.reserve-section__title {
  position: relative;
  z-index: 1;
  max-width: 720px;
}

.reserve-section__inner .wp-block-buttons {
  position: relative;
  z-index: 1;
}

.reserve-section__heading {
  font-family: var(--font-family-primary);
  font-weight: 700;
  color: var(--reserve-text);
  line-height: 1.1;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15em;
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  letter-spacing: 0.02em;
}

.reserve-section__line {
  display: block;
}

.reserve-section__line--2 {
  margin-left: 0.15em;
}

.reserve-section__deco {
  font-family: var(--font-family-script);
  font-weight: 400;
  font-size: 1.35em;
  vertical-align: middle;
}

.reserve-section__sub {
  font-family: var(--font-family-secondary);
  font-size: 0.2em;
  font-weight: 500;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  display: block;
  margin: 0.1em 0;
}

.reserve-section h5 {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 -1.5rem;
  width: 100px;
  text-align: left;
  line-height: 1.3;
}

.reserve-section__cta .wp-block-button__link {
  background-color: var(--reserve-cta-bg) !important;
  color: var(--color-text-inverse) !important;
  border: none !important;
  border-radius: var(--radius-pill);
  padding: var(--spacing-3) var(--spacing-8);
  font-family: var(--font-family-primary), 'Playfair Display', Georgia, serif;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.reserve-section__cta .wp-block-button__link:hover {
  filter: brightness(1.1);
}

/* Heart under “Find a Table” — pattern may still include .reserve-section__footer-icon; hide it to avoid double */
.reserve-section .wp-block-button::after,
.reserve-section .reserve-section__cta.wp-block-button::after,
.reserve-section .wp-block-button.reserve-section__cta::after {
  content: "";
  display: block;
  width: 37px;
  height: 55px;
  margin: var(--spacing-4) auto 0;
  background-image: url("assets/images/reserve-deco-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.reserve-section .reserve-section__footer-icon {
  display: none !important;
}

/* ==========================================================================
   AZURA FOOTER (same background as menu drawer)
   ========================================================================== */
.azura-footer {
  background-color: #2a3f54;
  background-image: url("assets/images/931aee7140d0637e6890314b702d9b744191efe1.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #ECE8DD;
}

.azura-footer__main {
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-12);
}

.azura-footer__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-8);
  padding: 40px 0 30px;
}

/* Left: logo + site title + tagline */
.azura-footer__brand {
  flex-shrink: 0;
}

.azura-footer__logo-wrap {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  flex-wrap: nowrap;
}

.azura-footer__logo-img-wrap {
  display: flex;
  align-items: center;
}

.azura-footer__logo-img-wrap img,
.azura-footer__logo {
  max-height: 168px;
  width: auto;
  height: auto;
  display: block;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}

.azura-footer__title {
  font-family: var(--font-family-primary);
  font-size: 1.75rem;
  font-weight: 400;
  color: #ECE8DD !important;
  margin: 0;
  letter-spacing: 0.02em;
}

/* Center: nav + socials */
.azura-footer__center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-4);
  flex: 1;
  min-width: 0;
  justify-content: center;
}

.azura-footer__nav {
  padding: 50px 0 40px;
}

.azura-footer__nav .wp-block-navigation__responsive-container-open,
.azura-footer__nav .wp-block-navigation__responsive-container-close {
  display: none;
}

.azura-footer__nav .wp-block-navigation-item {
  margin: 0 20px;
}

.azura-footer__nav .wp-block-navigation-item__content,
.azura-footer__nav a {
  color: #fff !important;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.azura-footer__nav .wp-block-navigation__container {
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing-2);
}

.azura-footer__social .wp-block-social-link svg {
  fill: #fff !important;
  color: #fff !important;
}

.azura-footer__social .wp-block-social-link svg:hover {
  fill: rgba(255, 255, 255, 0.85);
  color: rgba(255, 255, 255, 0.85);
}

/* Reserve Now: desktop = right column; mobile = under logo (button uses .mobile-only) */
.azura-footer__cta-wrap--after-logo {
  width: 100%;
  justify-content: center;
  margin-top: var(--spacing-4);
}

@media (min-width: 782px) {
  .azura-footer__cta-wrap--after-logo {
    display: none !important;
    margin-top: 0;
  }
}

/* Right: Reserve Now button */
.azura-footer__cta-wrap {
  flex-shrink: 0;
}

.azura-footer__cta .wp-block-button__link {
  background-color: #ECE8DD !important;
  color: #2a3f54 !important;
  font-family: var(--font-family-reserve);
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  border: none;
  border-radius: var(--radius-pill);
  padding: 0.5rem 1.5rem 0.2rem !important;
}

.azura-footer__cta .wp-block-button__link:hover {
  background-color: #f5f2eb !important;
  color: #2a3f54 !important;
}

/* Bottom: divider + copyright */
.azura-footer__divider {
  border-color: rgba(255, 255, 255, 0.2);
  margin: 0;
  opacity: 1;
}

.azura-footer__bottom {
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-6);
}

.azura-footer__copyright {
  color: rgba(255, 255, 255, 0.85) !important;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px !important;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0;
}

@media (max-width: 781px) {
  .azura-footer__logo-wrap {
    margin: 0 auto !important;
  }
  .azura-footer__nav {
    padding: 0 0 20px;
  }
  .azura-footer__nav .wp-block-navigation-item {
    width: 100%;
    justify-content: center;  
  }
  .azura-footer__nav .wp-block-navigation-item__content, .azura-footer__nav a {
    font-size: 1.5rem;
  }
  .azura-footer__main {
    padding-bottom: calc(
      var(--spacing-12) + env(safe-area-inset-bottom, 0px) + max(2rem, 44px)
    );
  }
  .azura-footer__row {
    flex-direction: column;
    text-align: center;
    padding-bottom: calc(var(--spacing-6) + env(safe-area-inset-bottom, 0px));
  }
  .azura-footer__logo-wrap {
    justify-content: center;
  }
  .azura-footer__brand {
    align-items: center;
  }
  .azura-footer__cta .wp-block-button__link {
    font-size: 2rem;
  }
  .azura-footer__copyright {
    padding: 10px 0;
    width: 90%;
    display: block;
    border-top: 1px solid #6A879E;
  }
  .azura-footer__divider {
    display: none;
  }
}

.home div.h-section-global-spacing {
  padding: 2rem 0 2rem 0 !important;
}

.hp-menu-section .wp-block-kubio-row,
.hp-menu-section .wp-block-kubio-column {
  padding: 0;
}

/* ==========================================================================
   MOBILE & SMALL TABLET (≤781px) — Azura homepage comps (header, hero, slider,
   reserve, menu block, drawer) — desktop unchanged above this breakpoint
   ========================================================================== */
@media (max-width: 781px) {
  :root {
    --azura-mobile-header-height: 88px;
    --azura-ios-bottom-pad: calc(env(safe-area-inset-bottom, 0px) + max(2.75rem, 50px));
  }

  html {
    scroll-padding-bottom: var(--azura-ios-bottom-pad);
  }

  /* Kubio root: clip horizontal bleed only — overflow:hidden also clipped vertical
     scroll on iOS so the last footer / drawer links sat under Safari's toolbar. */
  #kubio {
    overflow-x: hidden;
  }

  /* Fixed bar: sticky breaks when ancestors overflow/transform (Kubio, modals, sections). */
  .azura-sticky-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    z-index: 100000;
    overflow: visible;
    padding-top: env(safe-area-inset-top, 0px);
    box-sizing: border-box;
  }

  body.admin-bar .azura-sticky-header {
    top: 46px;
  }

  .azura-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100%;
    z-index: auto;
    overflow: visible;
    background: none !important;
    box-shadow: none;
  }

  .azura-header > .wp-block-group {
    overflow: visible;
  }

  /* ---- Header: logo badge + slate menu only (comps) ---- */
  .azura-header-bar {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: clamp(16px, 5vw, 24px) !important;
    padding-right: clamp(16px, 5vw, 24px) !important;
    grid-template-columns: unset;
    min-height: var(--azura-mobile-header-height);
  }

  .azura-header-left {
    display: none !important;
  }

  .azura-lang-switcher,
  .azura-header .azura-reserve-btn {
    display: none !important;
  }

  /* Logo always visible on hero (override scroll fade) */
  .azura-header-center {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    justify-self: auto;
    flex: 0 0 auto;
  }

  .azura-header-right {
    opacity: 1 !important;
    visibility: visible !important;
    justify-self: auto;
    flex: 0 0 auto;
    gap: 0 !important;
  }

  .azura-header .azura-header-center .wp-block-site-logo a {
    display: inline-block;
    line-height: 0;
  }

  .azura-header .azura-header-center .wp-block-site-logo .azura-header-logo--desktop {
    display: none !important;
  }

  .azura-header .azura-header-center .wp-block-site-logo .azura-header-logo--mobile {
    display: block !important;
  }

  .azura-header .azura-header-center .wp-block-site-logo img {
    max-width: min(120px, 38vw);
    max-height: 80px;
  }

  /* Hamburger: rounded square, slate fill, custom 30×22 menu icon (white paths) */
  .azura-header-right .wp-block-navigation .wp-block-navigation__responsive-container-open {
    width: 65px;
    height: 65px;
    min-width: 48px;
    min-height: 48px;
    padding: 0;
    border-radius: 14px;
    background-color: #4a657e;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2230%22%20height%3D%2222%22%20viewBox%3D%220%200%2030%2022%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M29.75%201H14.875H7.62939e-06%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M24.4375%2011H5.31251%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M20.1875%2021H9.5625%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 22px;
    box-shadow: 0 2px 10px rgba(45, 45, 45, 0.12);
  }

  /* Drawer: compact MENU title; close = icon only */
  .azura-menu-drawer__header {
    padding: var(--spacing-6) var(--spacing-4) var(--spacing-3) 0;
    margin: 0 var(--spacing-4) var(--spacing-4);
  }

  .azura-menu-drawer__m {
    font-size: clamp(2.25rem, 12vw, 3rem);
  }

  .azura-menu-drawer__enu {
    font-size: clamp(2rem, 10vw, 2.5rem);
  }

  .azura-menu-drawer__icon {
    width: 26px;
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-close::after {
    content: none;
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-close {
    top: 15px;
    right: 0;
    padding: var(--spacing-2);
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-close svg {
    width: 36px;
    height: 36px;
  }

  /* iOS Safari: fixed drawer uses the layout viewport; browser toolbar overlaps the
     last links unless we pad past safe-area + typical tab bar (~44–50px). */
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container {
    padding-bottom: var(--azura-ios-bottom-pad);
    box-sizing: border-box;
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content {
    padding-top: var(--spacing-6);
    padding-left: var(--spacing-8);
    padding-right: var(--spacing-8);
    padding-bottom: calc(var(--spacing-8) + var(--azura-ios-bottom-pad));
  }

  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-navigation-item a,
  .azura-header .azura-nav-menu .wp-block-navigation__responsive-container-content .wp-block-page-list a {
    font-size: 8vw;
    letter-spacing: 0;
    padding: 0.35rem 0;
  }

  .azura-menu-drawer__footer {
    padding: var(--spacing-6) var(--spacing-4)
      calc(var(--spacing-8) + var(--azura-ios-bottom-pad));
  }

  /* ---- Home: Super Block Slider — bottom progress strip + touch padding ---- */
  body.home .superblockslider {
    min-height: 100vh;
    min-height: 100svh;
  }

  body.home .superblockslider__slide_inner {
    padding-top: calc(4.5rem + env(safe-area-inset-top, 0px));
    padding-left: clamp(18px, 5vw, 24px);
    padding-right: clamp(18px, 5vw, 24px);
    padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px));
  }

  body.home .superblockslider__buttons {
    bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
    left: 0;
    right: 0;
    transform: none;
    width: 100%;
    max-width: 100%;
    padding: 0 clamp(18px, 5vw, 26px);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
  }

  body.home .superblockslider__button {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    padding: 0;
    margin: 0;
    opacity: 1;
    border: none !important;
    border-radius: 2px;
    background: transparent !important;
    display: flex;
    align-items: flex-end;
    min-height: 6px;
    cursor: pointer;
  }

  body.home .superblockslider__button span {
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background: rgba(74, 101, 126, 0.28);
    transition: height 0.2s ease, background 0.2s ease;
  }

  body.home .superblockslider__button--active span,
  body.home .superblockslider__button:hover span {
    height: 5px;
    background: #4a657e;
  }

  body.home .superblockslider__button svg {
    display: none !important;
  }

  /* Side arrows: sit above dot strip (comp: round outline arrows) */
  body.home .superblockslider__navigation {
    top: auto;
    bottom: calc(6.25rem + env(safe-area-inset-bottom, 0px));
    transform: none;
    height: auto;
    pointer-events: none;
  }

  body.home .superblockslider__button__navigation {
    pointer-events: all;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    opacity: 1;
    border-radius: 50%;
    border: 1px solid #4a657e !important;
    background: rgba(240, 237, 228, 0.92) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  body.home .superblockslider__button__navigation svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.home .superblockslider__button__navigation svg path,
  body.home .superblockslider__button__navigation svg polyline,
  body.home .superblockslider__button__navigation svg line {
    stroke: #4a657e !important;
    fill: none !important;
  }

  /* ---- Home hero (Kubio): video slide full-bleed, cream text slide ---- */
  body.home .hero-section .wp-block-kubio-row__inner {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  body.home .hero-section .hero-left {
    order: -1;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-height: 100vh;
    min-height: 100svh;
  }

  body.home .hero-section .hero-left .h-y-container {
    min-height: 40vh;
    min-height: 40svh;
  }

  body.home .hero-section .hero-left .wp-block-kubio-video__outer {
    min-height: 100vh;
    min-height: 100svh;
  }

  body.home .hero-section .hero-left .wp-block-kubio-video__outer video {
    min-height: 100vh;
    min-height: 100svh;
    width: 100%;
  }

  /* Play control: large cream circle (video hero comp) */
  body.home .hero-section .hero-left button[class*='play'],
  body.home .hero-section .hero-left .wp-block-kubio-video__outer button,
  body.home .hero-section .hero-left [class*='kubio-video'] button[type='button'] {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    border-radius: 50% !important;
    background: #ebe6d9 !important;
    border: none !important;
    box-shadow: 0 8px 28px rgba(45, 45, 45, 0.2);
  }

  body.home .hero-section .hero-left .hero-logo img {
    width: min(120px, 42vw);
  }

  body.home .hero-section .wp-block-kubio-row .hero-right .wp-block-kubio-column__inner {
    padding: clamp(1.5rem, 5vw, 2rem) clamp(1.15rem, 4.5vw, 1.5rem) 4.5rem;
    background: #f0ede4;
  }

  body.home .hero-section .page-title-azura {
    display: inline-block;
    line-height: 1.06;
    margin-bottom: 1rem;
  }

  body.home .hero-section .hero-right h4,
  body.home .hero-section .hero-right .wp-block-kubio-heading {
    font-family: var(--font-family-secondary), system-ui, sans-serif;
    font-size: clamp(0.65rem, 2.4vw, 0.75rem) !important;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.45;
    max-width: 22rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.25rem;
  }

  body.home .hero-section .hero-right p {
    font-size: 0.9375rem;
    line-height: 1.65;
    text-align: left;
  }

  body.home .hero-section .hero-right .wp-block-kubio-buttongroup,
  body.home .hero-section .hero-right .wp-block-buttons {
    justify-content: flex-start !important;
    margin-top: 0.5rem;
  }

  body.home .hero-section .hero-right .wp-block-kubio-buttongroup .wp-block-kubio-buttongroup__spacing {
    display: inline-block;
  }

  body.home .hero-section .hero-right .wp-block-button__link,
  body.home .hero-section .hero-right .wp-element-button {
    font-size: clamp(1rem, 3.5vw, 1.125rem) !important;
    padding: 0.85rem 1.75rem !important;
    border-radius: 999px !important;
  }

  /* ---- Homepage menu strip (MENU title + restaurant block) ---- */
  body.home .hp-menu-section {
    background: #f0ede4;
  }

  .menu-title {
    margin-left: 6vw;
    flex-wrap: nowrap;
    gap: 5px;
    margin-top: 30px;
    margin-bottom: 1rem;
    padding: 0 clamp(0.5rem, 3vw, 1rem);
  }

  .menu-title .page-title-azura {
    font-size: 11vw;
    font-weight: 400;
  }

  .menu-title .image-placeholder {
    position: relative !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 5px;
    margin-top: -8px;
    width: 33%;
    height: auto;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .menu-title .image-placeholder.menu-left {
    width: 28%;
    margin-top: 0;
    margin-right: -3vw;
  }

  .menu-title .image-placeholder .image-1,
  .menu-title .image-placeholder .image-2,
  .menu-title .image-placeholder .image-3 {
    display: block !important;
    visibility: visible !important;
    width: clamp(34px, 9vw, 64px);
    height: clamp(34px, 9vw, 64px);
  }

  .menu-title .image-placeholder .image-4 {
    position: absolute;
    left: -4vw;
    display: inline-block;
    width: 20vw;
    top: 14%;
    visibility: visible !important;
    max-width: 100%;
    height: clamp(56px, 6vw, 72px);
  }

  .menu-title .image-placeholder.menu-left .image-4 {
    background-position: 120% center;
  }

  /* ---- Reserve section (mobile comp: centered stack, floating table, slate CTA) ---- */
  .reserve-section.alignfull {
    padding-top: clamp(2.5rem, 9vw, 3.75rem) !important;
    padding-bottom: clamp(3rem, 11vw, 5rem) !important;
  }

  /*
   * Stack: table image above title (mobile comp).
   * Why not `.reserve-section .wp-block-group { flex-direction: column-reverse }`?
   * That selector matches *nested* groups (e.g. .reserve-section__inner), not the outer
   * section’s flex between HTML block + inner — so it would reverse title / CTA / footer
   * inside the inner group. Also, Azura’s pattern order is [imagery, inner]; column-reverse
   * on the outer container would show inner *first* (wrong). Legacy .image-placeholder.top
   * mobile overrides are below for older markup.
   */
  .reserve-section {
    --reserve-bg: #f2e8da;
    background-color: var(--reserve-bg);
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body .reserve-section .wp-block-group.hp-reserve-bottom {
    padding-right: 4vw;
    margin-top: 0 !important;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .reserve-section > .wp-block-html {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    order: -1 !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .reserve-section > *:has(.reserve-section__imagery) {
    order: -1 !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  /* If a theme uses display:contents on the HTML block, imagery becomes a direct flex child */
  .reserve-section > .reserve-section__imagery {
    order: -1 !important;
    align-self: center !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .reserve-section > .wp-block-group.reserve-section__inner {
    order: 1 !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .reserve-section__inner .reserve-section__imagery {
    order: -1 !important;
    width: 100% !important;
    max-width: min(92vw, 380px) !important;
  }

  /* Requested stack helper (avoid touching .reserve-section__inner — see below) */
  .reserve-section .wp-block-group:not(.reserve-section__inner) {
    margin-top: -10vw !important;
    margin-bottom: 0 !important;
    gap: 2px;
  }

  /* Kubio column: reverse first group only when it is NOT the reserve inner (reverse hid footer SVG / wrong order) */
  .h-column__content > .wp-block-group:first-child:not(.reserve-section__inner) {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
  }

  /* Reserve: always title → CTA → heart icon (same as desktop) */
  .reserve-section .reserve-section__inner.wp-block-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    overflow: visible !important;
  }

  .reserve-section .reserve-section__cta.wp-block-button::after,
  .reserve-section .wp-block-button.reserve-section__cta::after {
    content: "" !important;
    display: block !important;
    width: 37px !important;
    height: 55px !important;
    margin: clamp(1rem, 3.5vw, var(--spacing-4)) auto 0 !important;
    background-image: url("assets/images/reserve-deco-icon.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }

  .reserve-section .reserve-section__imagery {
    position: relative !important;
    inset: unset !important;
    top: unset !important;
    right: unset !important;
    bottom: unset !important;
    left: unset !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: min(92vw, 380px) !important;
    min-height: 0;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: clamp(1rem, 4vw, 1.5rem) !important;
    margin-top: 0 !important;
    padding: 0 clamp(0.75rem, 4vw, 1.25rem) !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  .reserve-section .reserve-section__table-image {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: min(82vw, 300px) !important;
    height: min(62vw, 240px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    z-index: 1 !important;
    filter: drop-shadow(0 18px 36px rgba(45, 45, 45, 0.16)) !important;
  }

  .reserve-section .reserve-section__shadow {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: min(78vw, 280px) !important;
    height: clamp(28px, 8vw, 44px) !important;
    margin: -0.35rem auto 0 !important;
    opacity: 0.72 !important;
    filter: blur(5px) !important;
    z-index: 0 !important;
  }

  /* Legacy reserve markup: .image-placeholder.top (not .reserve-section__table-image) */
  .reserve-section .image-placeholder.top {
    position: static !important;
    width: 100% !important;
    max-width: min(92vw, 380px);
    height: min(350px, 58vw) !important;
    min-height: min(240px, 50vw);
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;
    left: auto !important;
    background-position: center bottom;
  }

  .reserve-section__inner {
    align-items: center;
    text-align: center;
    padding: 0 clamp(1.15rem, 4.5vw, 1.5rem) 0;
    gap: clamp(1.25rem, 4vw, 1.75rem);
    max-width: 100%;
  }

  .reserve-section__title {
    max-width: min(100%, 360px);
    margin: 0 auto;
    width: 100%;
  }

  /* RESERVE full width; second row: sub + ONLINE staggered (comp) */
  .reserve-section__heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 0.35rem;
    row-gap: 0.05em;
    justify-items: stretch;
    align-items: end;
    font-size: clamp(2.05rem, 10.5vw, 3rem);
    width: 100%;
    font-weight: 600;
  }

  .reserve-section__line--1 {
    grid-column: 1 / -1;
    text-align: center;
    margin: 0;
  }

  .reserve-section__sub {
    grid-column: 1;
    justify-self: end;
    text-align: right;
    align-self: end;
    margin: 0;
    padding: 0 0.15rem 0.15rem 0;
    font-family: var(--font-family-secondary), system-ui, sans-serif;
    font-size: clamp(0.5625rem, 2.35vw, 0.6875rem) !important;
    font-weight: 500;
    letter-spacing: 0.2em;
    line-height: 1.25;
    color: var(--color-charcoal);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
  }

  /* Blurred decorative mark left of “MAKE A BOOKING” (comp) */
  .reserve-section__sub::before {
    content: "";
    flex-shrink: 0;
    width: clamp(22px, 7vw, 32px);
    height: clamp(14px, 4.5vw, 20px);
    margin-right: 0.1rem;
    border-radius: 50%;
    background: radial-gradient(ellipse at 30% 40%, rgba(55, 48, 42, 0.45) 0%, rgba(55, 48, 42, 0.12) 45%, transparent 70%);
    filter: blur(2px);
    opacity: 0.85;
  }

  .reserve-section__line--2 {
    grid-column: 2;
    justify-self: start;
    text-align: left;
    align-self: end;
    margin: 0;
    padding-bottom: 0.02em;
  }

  .reserve-section__inner .wp-block-buttons {
    width: 100%;
    max-width: min(100%, 360px);
    margin: 0 auto;
    justify-content: center !important;
  }

  .reserve-section__cta {
    width: 100%;
    max-width: 100%;
  }

  .reserve-section__cta .wp-block-button__link {
    display: flex !important;
    width: 100%;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 1rem 1.5rem !important;
    font-size: clamp(1.05rem, 3.8vw, 1.2rem) !important;
    font-weight: 500 !important;
  }

  .reserve-section h5 {
    font-size: 4.3vw;
    width: 26vw;
    letter-spacing: unset;
  }

  .reserve-section .image-placeholder.bottom {
    right: auto !important;
    top: -5px !important;
    left: -6vw !important;
    transform: none !important;
    width: min(90px, 30vw, 280px) !important;
    height: clamp(48px, 30vw, 52px) !important;
    margin: 0.5rem 0 0 auto !important;
    background-size: 100% auto;
  }

  .reserve-section .image-placeholder.bottom + .wp-block-columns {

  }

  .reserve-section .image-placeholder.bottom + .wp-block-columns .wp-block-column {
    justify-content: center;
    display: flex;
  }

  body .azura-restaurant-menu__group + .azura-restaurant-menu__group {
    margin-top: 15px;
  }

  body .azura-restaurant-menu__group-buttons {
    display: flex;
    flex-direction: row;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (min-width: 460px) and (max-width: 781px) {
  .hero-section .hero-logo-block {
    top: 30vw;
  }
}

/* Reserve: comfortable tablet / small desktop handoff (782–1100px) */
@media (min-width: 782px) and (max-width: 1100px) {
  .reserve-section__table-image {
    width: min(240px, 24vw);
    height: min(200px, 22vw);
  }

  .reserve-section__shadow {
    width: min(200px, 22vw);
  }

  .reserve-section__inner {
    padding-left: clamp(1.5rem, 4vw, 2.5rem);
    padding-right: clamp(1.5rem, 4vw, 2.5rem);
  }
}

/* Fixes */
.wp-block-kubio-section .wp-block.contacts-block {
  max-width: 800px !important;
  margin: 0 auto 30px;
}

body .pgcsimplygalleryblock-slider-collection,
body .pgcsimplygalleryblock-slider-collection .pgcsimplygalleryblock-slider-slider-view {
  overflow: unset;
}