/*
Theme Name: ANMIR Child
Template: blocksy
Version: 4.2.14-final2
Description: Minimal ANMIR portfolio child theme.
*/

:root{
  --anmir-bg:#fff;
  --anmir-text:#151515;
  --anmir-rule:#1b1b1b;
  --anmir-side:clamp(22px,4.2vw,68px);
  --anmir-gap:clamp(28px,4vw,60px);
}

html{scroll-behavior:smooth}
body.anmir-front-page,body.anmir-inner-page{background:var(--anmir-bg);color:var(--anmir-text)}
body.anmir-front-page #main-container,body.anmir-inner-page #main-container,
body.anmir-front-page .site-main,body.anmir-inner-page .site-main,
body.anmir-front-page .ct-container,body.anmir-inner-page .ct-container,
body.anmir-front-page .entry-content,body.anmir-inner-page .entry-content{margin:0!important;padding:0!important;max-width:none!important;width:100%}
body.anmir-front-page #header,body.anmir-front-page #footer,body.anmir-inner-page #header,body.anmir-inner-page #footer,
body.anmir-front-page .site-footer,body.anmir-inner-page .site-footer{display:none!important}

.anmir-home,.anmir-inner{width:100%;min-height:100svh;background:#fff;box-sizing:border-box}
.anmir-home{padding:var(--anmir-side);padding-bottom:clamp(188px,21vh,238px);display:grid;grid-template-rows:auto minmax(0,1fr);row-gap:clamp(12px,2vh,28px);min-height:100svh;height:100svh;box-sizing:border-box;overflow:hidden}
.anmir-inner{padding:var(--anmir-side);padding-bottom:clamp(188px,21vh,238px);display:grid;grid-template-rows:auto minmax(0,1fr);row-gap:0;position:relative;min-height:100svh;height:100svh;overflow:hidden}

.anmir-site-header{display:flex;align-items:flex-start;min-height:36px}
.anmir-site-logo{display:inline-flex;width:clamp(110px,12vw,175px);line-height:0}
.anmir-site-logo img{display:block;width:100%;height:auto;object-fit:contain}

/* The homepage is the master position reference. Inner pages use the same hero geometry. */
.anmir-home-hero,.anmir-inner-hero{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);
  align-items:center;
  gap:clamp(36px,8vw,150px);
  min-height:0;
}
.anmir-inner-hero{
  padding-bottom:0;
  margin-bottom:0;
  height:100%;
  min-height:0;
}
.anmir-hero-copy{align-self:center;max-width:520px}
.anmir-title{margin:0;font-size:clamp(42px,5.7vw,88px);line-height:.92;letter-spacing:-.055em;font-weight:500;color:var(--anmir-text)}
.anmir-rule{display:none}
.anmir-kicker,.anmir-subline{margin:0;font-size:clamp(16px,1.35vw,22px);line-height:1.25;font-weight:400;letter-spacing:.015em;color:var(--anmir-text)}
.anmir-subline{margin-top:7px}
.anmir-hero-media{min-width:0;align-self:center}
/* Homepage hero: slightly larger and shifted toward the center of the five navigation columns. */
.anmir-home-hero .anmir-hero-media{width:118%;height:100%;min-height:0;display:flex;align-items:flex-start;justify-content:center;justify-self:center;overflow:hidden;transform:translateX(clamp(-220px,-14.5vw,-105px)) translateY(clamp(-78px,-9vh,-46px))}
/* Inner pages use the same hero size and horizontal position as the homepage. */
.anmir-inner-hero .anmir-inner-media{width:118%;height:100%;min-height:0;display:flex;align-items:flex-start;justify-content:center;justify-self:center;overflow:hidden;transform:translateX(clamp(-220px,-14.5vw,-105px)) translateY(clamp(-78px,-9vh,-46px))}
.anmir-home-image{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center top;transform:scale(1.62) translateY(-6%);transform-origin:center top}

/* The five homepage entries are real first images from the corresponding pages. */
.anmir-home-nav,.anmir-inner-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.7vw,28px)}
.anmir-nav-item{min-width:0;display:flex;flex-direction:column;text-decoration:none;color:var(--anmir-text)}
.anmir-nav-label{display:block;order:0;margin:0 0 12px;text-align:center;font-size:clamp(13px,1vw,17px);line-height:1.1;letter-spacing:.035em;font-weight:500;color:var(--anmir-text)}
.anmir-nav-image{display:flex;width:100%;height:clamp(128px,16vh,166px);aspect-ratio:auto;align-items:center;justify-content:center;overflow:hidden;background:transparent}
.anmir-nav-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  transition:transform .35s ease;
}

.anmir-nav-item--anihr .anmir-nav-image img,
.anmir-nav-item--ansich .anmir-nav-image img{
  width:88%;
  height:88%;
}
  
.anmir-nav-item:hover .anmir-nav-image img,.anmir-nav-item:focus-visible .anmir-nav-image img{transform:scale(1.02)}

.anmir-inner-hero{min-height:0}
.anmir-inner-gallery{position:relative;width:100%;height:100%;aspect-ratio:auto;overflow:hidden;touch-action:pan-y}
.anmir-gallery-slide{position:absolute;inset:0;overflow:hidden;opacity:1;pointer-events:none;transform:translateX(100%);transition:transform .45s ease;will-change:transform}
.anmir-gallery-slide.is-active{pointer-events:auto;transform:translateX(0)}
.anmir-gallery-slide.is-before{transform:translateX(-100%)}
.anmir-gallery-slide img{width:100%;height:100%;object-fit:contain;display:block;transform:scale(1.42) translateY(-7%);transform-origin:center top}
.anmir-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:38px;border:0;background:transparent!important;box-shadow:none!important;appearance:none;-webkit-appearance:none;cursor:pointer;color:var(--anmir-text);z-index:4;padding:0;font:400 38px/1 Arial,sans-serif;display:flex;align-items:center;justify-content:center}
.anmir-gallery-arrow--prev{right:34px}
.anmir-gallery-arrow--next{right:0}
.anmir-gallery-arrow:disabled{opacity:.18;cursor:default}
.anmir-gallery-arrow:focus-visible{outline:1px solid currentColor;outline-offset:3px}

/* Inner navigation is fixed at the bottom, but has exactly the same visual tile geometry as the homepage. */
.anmir-home-nav,.anmir-inner-nav{position:fixed;left:var(--anmir-side);right:var(--anmir-side);bottom:clamp(12px,1.5vw,22px);z-index:20}
.anmir-admin{max-width:900px}

@media(max-width:760px){
  .anmir-home{padding:18px 22px 20px;row-gap:0;grid-template-rows:auto auto auto;height:auto;min-height:100svh;overflow:visible}
  .anmir-inner{padding:22px;padding-bottom:94px;row-gap:28px;height:auto;min-height:100svh;overflow:visible;display:grid;grid-template-rows:auto auto}

  .anmir-site-logo{width:112px}

  /* Mobile homepage follows the inner-page geometry: copy first, image below, then compact tiles. */
  .anmir-home-hero,.anmir-inner-hero{
    grid-template-columns:1fr;
    gap:clamp(14px,2.8vh,24px);
    align-items:start;
    min-height:0;
  }
  .anmir-home-hero{overflow:visible;grid-template-rows:auto auto;gap:clamp(8px,1.5vh,14px)}
  .anmir-inner-hero{padding-bottom:28px;margin-bottom:88px;height:auto}
  /* Suppress any theme-generated divider above the page title. */
  .anmir-inner .anmir-hero-copy,.anmir-inner .anmir-title{border:0!important;box-shadow:none!important;position:relative}
  .anmir-inner .anmir-hero-copy::before,.anmir-inner .anmir-hero-copy::after,.anmir-inner .anmir-title::before,.anmir-inner .anmir-title::after{display:none!important;content:none!important}
  .anmir-hero-copy{max-width:none}
  .anmir-title{font-size:clamp(42px,14vw,64px)}
  .anmir-rule{display:none}
  .anmir-kicker,.anmir-subline{font-size:16px}
  .anmir-home-hero .anmir-hero-media{width:100%;height:auto;min-height:0;display:block;justify-self:stretch;transform:none;overflow:visible}
  /* Slightly larger mobile homepage hero, while keeping its center fixed. */
  .anmir-home-image{width:100%;height:auto;max-height:clamp(205px,31svh,270px);object-fit:contain;object-position:center;margin:0 auto;transform:none;transform-origin:center center}
  .anmir-inner-hero .anmir-inner-media{width:100%;height:auto;min-height:0;display:block;justify-self:stretch;transform:none;overflow:hidden}
  .anmir-inner-gallery{aspect-ratio:4/3;height:auto;flex:none}

  /* Startseite: same compact navigation treatment as the inner pages, with the real preview image under each name. */
  .anmir-home-nav{position:static;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:clamp(2px,0.8vh,8px)}
  .anmir-nav-item{width:100%;min-width:0}
  .anmir-nav-label{margin:0 0 -12px;font-size:10px;line-height:1.1;text-align:center;letter-spacing:.02em}
  .anmir-nav-image{aspect-ratio:1/1;overflow:hidden;min-height:0}
  .anmir-nav-image img{width:100%;height:100%;object-fit:contain}

  /* Inner pages: fixed compact navigation, now with the same small previews as the homepage. */
  .anmir-inner-nav{
    left:16px;
    right:16px;
    bottom:14px;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:5px;
    padding:8px 6px 7px;
    background:#fff;
    border-top:0;
  }
  .anmir-inner-nav .anmir-nav-label{margin:0 0 -8px;font-size:10px;letter-spacing:.02em;line-height:1.1}
  .anmir-inner-nav .anmir-nav-image{display:flex;aspect-ratio:1/1}
  .anmir-inner-nav .anmir-nav-image img{width:100%;height:100%;object-fit:contain}

  .anmir-gallery-arrow{top:50%;transform:translateY(-50%);width:28px;height:36px;font-size:28px;background:transparent!important;box-shadow:none!important}
  .anmir-gallery-arrow--prev{right:30px}
  .anmir-gallery-arrow--next{right:0}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .anmir-nav-item:hover .anmir-nav-image img,.anmir-nav-item:focus-visible .anmir-nav-image img{transform:none}
  .anmir-gallery-slide{transition:none}
}

/* v4.2.0 — final desktop geometry: the hero is its own area above the fixed navigation. */
@media(min-width:761px){
  .anmir-home,.anmir-inner{
    position:relative;
    display:block;
    width:100%;
    height:100svh;
    min-height:100svh;
    padding:0;
    overflow:hidden;
  }

  .anmir-site-header{
    position:absolute;
    left:var(--anmir-side);
    top:var(--anmir-side);
    z-index:30;
  }

  .anmir-home-hero,.anmir-inner-hero{
    position:absolute;
    inset:0;
    display:block;
    min-height:0;
    margin:0;
    padding:0;
  }

  .anmir-hero-copy{
    position:absolute;
    left:var(--anmir-side);
    top:57%;
    transform:translateY(-50%);
    z-index:5;
    max-width:520px;
  }

  /* Homepage picture zone. */
  .anmir-home-hero .anmir-hero-media{
    position:absolute;
    left:37%;
    right:9%;
    top:-8%;
    bottom:32%;
    width:auto;
    height:auto;
    min-height:0;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    transform:none;
  }

  /* Inner-page gallery: give the gallery a real, definite box. This prevents the
     absolutely positioned slides from collapsing to zero height on desktop. */
  .anmir-inner-hero .anmir-inner-media{
    position:absolute;
    left:39%;
    top:5%;
    width:min(49vw,900px);
    height:min(56vh,620px);
    min-height:0;
    margin:0;
    padding:0;
    display:block;
    overflow:visible;
    transform:none;
  }

  /* Full source image remains visible; enlargement happens only inside its safe zone. */
  .anmir-home-image{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center center;
    transform:none;
  }

  .anmir-inner-gallery{
    position:relative;
    width:100%;
    height:100%;
    min-height:1px;
    aspect-ratio:auto;
    overflow:hidden;
    touch-action:pan-y;
  }

  .anmir-gallery-slide img{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center center;
    display:block;
    transform:none;
  }

  /* The arrows are just the two glyphs, side by side — no bars, no boxes. */
  .anmir-gallery-arrow{
    position:absolute;
    top:50%;
    width:24px;
    height:32px;
    margin:0;
    padding:0;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    appearance:none;
    -webkit-appearance:none;
    transform:translateY(-50%);
    z-index:10;
    color:var(--anmir-text);
    font:400 30px/1 Arial,sans-serif;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }
  .anmir-gallery-arrow--prev{right:42px}
  .anmir-gallery-arrow--next{right:8px}
  .anmir-gallery-arrow:disabled{opacity:.2;cursor:default}

  .anmir-home-nav,.anmir-inner-nav{
    position:fixed;
    left:var(--anmir-side);
    right:var(--anmir-side);
    bottom:clamp(10px,1.2vw,18px);
    z-index:20;
  }
  .anmir-nav-image{height:clamp(148px,18vh,190px)}
}

@media(max-width:760px){
  /* Keep the established mobile layout; only ensure the image itself is never cropped. */
  .anmir-home-image{
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center center;
    transform:none;
  }
  .anmir-gallery-slide img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    transform:none;
  }
  .anmir-gallery-slide{overflow:hidden}
}


/* v4.2.12 — ZUMIR is editor-driven: the dashboard content is the source of truth. */
/* =========================================================
   ZUMIR – endgültiger, WordPress-naher Aufbau
   ========================================================= */

@media (min-width: 761px) {

    /* ZUMIR bleibt eine eigene Bildschirmfläche */
    .anmir-inner:has(.anmir-zumir-content) {
        position: relative !important;
        height: 100svh !important;
        min-height: 100svh !important;
        overflow: hidden !important;
    }

    .anmir-inner:has(.anmir-zumir-content) .anmir-zumir-page {
        position: absolute !important;
        inset: 0 !important;

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

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

        overflow: visible !important;
        display: block !important;
    }

    /*
     * DAS Scrollfenster.
     *
     * Mitte exakt zwischen ANSICH und BEIMIR:
     * 45% + 30% = Mittelpunkt 60%.
     *
     * Die Unterkante liegt oberhalb der Seitennamen.
     */
    .anmir-inner:has(.anmir-zumir-content) .anmir-zumir-content {
        position: absolute !important;

        top: 55px !important;

        left: 45% !important;
        width: 30% !important;
        max-width: 620px !important;

        /* Feste Höhe: endet oberhalb der Seitennamen der Navigation. */
        /* Stop two text lines above the fixed footer navigation. */
        height: calc(100svh - 55px - clamp(148px, 18vh, 190px) - 85px) !important;
        max-height: calc(100svh - 55px - clamp(148px, 18vh, 190px) - 85px) !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 8px 20px !important;

        box-sizing: border-box !important;

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

        display: block !important;

        text-align: left !important;

        scrollbar-width: thin !important;
        overscroll-behavior: contain !important;

        z-index: 2 !important;
    }


    /* =====================================================
       LOGO
       Tatsächliches WordPress-Markup: figure.wp-block-image
       ===================================================== */

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > figure.wp-block-image:first-child {
        display: block !important;

        width: 140px !important;
        max-width: 140px !important;

        margin: 0 auto 24px !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > figure.wp-block-image:first-child img {
        display: block !important;

        width: 140px !important;
        max-width: 140px !important;
        height: auto !important;

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

        object-fit: contain !important;
    }


    /* =====================================================
       SOCIAL ICONS
       Tatsächliches WordPress-Markup: ul.wp-block-social-links
       ===================================================== */

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links {
        display: flex !important;
        flex-direction: row !important;

        width: 140px !important;
        max-width: 140px !important;

        margin: 0 auto 42px !important;
        padding: 0 !important;

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

        gap: 24px !important;

        /* Desktop: restore the previously established left shift. */
        transform: translateX(-80px) !important;

        list-style: none !important;
        box-sizing: border-box !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links
    > li.wp-social-link {
        width: 26px !important;
        min-width: 26px !important;

        height: 26px !important;
        min-height: 26px !important;

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

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

        color: #111 !important;
        background: transparent !important;
        background-color: transparent !important;

        filter: none !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links
    > li.wp-social-link a {
        width: 26px !important;
        height: 26px !important;

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

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

        color: #111 !important;
        background: transparent !important;
        background-color: transparent !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links
    > li.wp-social-link svg {
        width: 26px !important;
        height: 26px !important;

        color: #111 !important;
        fill: currentColor !important;
        stroke: currentColor !important;

        filter: none !important;
    }


    /* =====================================================
       WORDPRESS-TEXT
       ===================================================== */

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content {
        font-size: 15px !important;
        line-height: 1.45 !important;
        text-align: left !important;
    }

    /* Fließtext kompakt */
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content p {
        margin-top: 0 !important;
        margin-bottom: 8px !important;

        font-size: 15px !important;
        line-height: 1.45 !important;

        text-align: left !important;
    }

    /* ZUMIR direkt nach den Icons */
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > p:first-of-type {
        margin-top: 0 !important;
        margin-bottom: 18px !important;

        font-size: 21px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        text-align: left !important;
    }

    /* Weitere Überschriften */
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content h2,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content h3,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content h4,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content h5,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content h6 {
        margin-top: 24px !important;
        margin-bottom: 8px !important;

        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        text-align: left !important;
    }

    /* Normale WordPress-Blöcke nicht künstlich verformen */
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > * {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

    /* E-Mail / Links */
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content a {
        text-decoration: none !important;
    }

    /* Navigation bleibt ganz oben */
    .anmir-inner:has(.anmir-zumir-content) .anmir-inner-nav {
        z-index: 30 !important;
    }
}


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

@media (max-width: 760px) {

    .anmir-inner:has(.anmir-zumir-content) {
        height: auto !important;
        min-height: 100vh !important;
        overflow: visible !important;
    }

    .anmir-inner:has(.anmir-zumir-content) .anmir-zumir-page {
        position: relative !important;

        width: 100% !important;
        height: auto !important;
        min-height: 100vh !important;

        overflow: visible !important;
    }

    .anmir-inner:has(.anmir-zumir-content) .anmir-zumir-content {
        position: relative !important;

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

        width: 100% !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 24px 14px 170px !important;

        overflow: visible !important;

        display: block !important;
        text-align: left !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > figure.wp-block-image:first-child {
        width: 120px !important;
        max-width: 120px !important;
        margin: 0 auto 20px !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > figure.wp-block-image:first-child img {
        width: 120px !important;
        max-width: 120px !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links {
        width: 120px !important;
        max-width: 120px !important;

        margin: 0 auto 32px !important;
        gap: 22px !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links
    > li.wp-social-link,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links
    > li.wp-social-link a,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links
    > li.wp-social-link svg {
        width: 25px !important;
        height: 25px !important;
    }

    /* Mobile: ZUMIR social icons are always black, never brand-colored. */
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links
    > li.wp-social-link,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links
    > li.wp-social-link a {
        color: #111 !important;
        background: transparent !important;
        background-color: transparent !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links
    > li.wp-social-link svg,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > ul.wp-block-social-links
    > li.wp-social-link svg * {
        color: #111 !important;
        fill: #111 !important;
        stroke: #111 !important;
        filter: grayscale(1) brightness(0) !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content p {
        margin-bottom: 8px !important;
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content > p:first-of-type {
        font-size: 20px !important;
        font-weight: 700 !important;
        margin-bottom: 16px !important;
    }

    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content h2,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content h3,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content h4,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content h5,
    .anmir-inner:has(.anmir-zumir-content)
    .anmir-zumir-content h6 {
        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        margin-top: 22px !important;
        margin-bottom: 8px !important;
    }
}
/* =========================================================
   FINAL CORRECTIONS – ICON POSITION, TEXT BOUNDARY, ANGLE CONTROLS
   ========================================================= */

/* Desktop: the ZUMIR text window ends two text lines above the fixed footer. */
@media (min-width: 761px) {
  .anmir-inner:has(.anmir-zumir-content) .anmir-zumir-content {
    height: calc(100svh - 55px - clamp(148px, 18vh, 190px) - 85px) !important;
    max-height: calc(100svh - 55px - clamp(148px, 18vh, 190px) - 85px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .anmir-inner:has(.anmir-zumir-content)
  .anmir-zumir-content > ul.wp-block-social-links {
    transform: translateX(-80px) !important;
  }
}

/* The controls are drawn as small geometric angle signs, never as arrow glyphs. */
.anmir-gallery-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: var(--anmir-text) !important;
  z-index: 4 !important;
}

.anmir-gallery-arrow::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  box-sizing: border-box !important;
  border-width: 1.5px !important;
  border-style: solid !important;
  border-color: currentColor !important;
  background: transparent !important;
  opacity: 1 !important;
}

.anmir-gallery-arrow--prev {
  right: 34px !important;
}

.anmir-gallery-arrow--prev::before {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  transform: rotate(45deg) !important;
}

.anmir-gallery-arrow--next {
  right: 0 !important;
}

.anmir-gallery-arrow--next::before {
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
  transform: rotate(45deg) !important;
}

.anmir-gallery-arrow:disabled {
  opacity: .18 !important;
}

@media (max-width: 760px) {
  /* Mobile icons: no desktop left-shift; remain centered beneath the logo. */
  .anmir-inner:has(.anmir-zumir-content)
  .anmir-zumir-content > ul.wp-block-social-links {
    transform: none !important;
  }

  .anmir-gallery-arrow {
    width: 18px !important;
    height: 22px !important;
    transform: translateY(-50%) !important;
  }

  .anmir-gallery-arrow--prev {
    right: 30px !important;
  }

  .anmir-gallery-arrow--next {
    right: 0 !important;
  }

  .anmir-gallery-arrow::before {
    width: 8px !important;
    height: 8px !important;
  }