.maharani-hero-content {
    --maharani-width: 45;
    --maharani-x: 25;
    --maharani-y: 50;
    --maharani-logo-width: 75;
    width: calc(var(--maharani-width) * 1%);
    max-width: calc(var(--maharani-width) * 1%);
    box-sizing: border-box;
    position: relative;
    left: calc((100% - (var(--maharani-width) * 1%)) * (var(--maharani-x) / 100));
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    z-index: 2;
    transform: translateY(calc((var(--maharani-y) - 50) * 0.35vh));
}
.maharani-hero-content .wp-block-image { margin-left:auto; margin-right:auto; }
.maharani-hero-content .wp-block-image img { max-width:100%; height:auto; }
@media (max-width:782px) {
    .maharani-hero-content {
        width:100%;
        max-width:100%;
        left:0;
        transform:none;
    }
}


/* V0.54 – Logo-Breite im MAHARANI-Hero */
.maharani-hero-content > .wp-block-image,
.editor-styles-wrapper .maharani-hero-content > .wp-block-image {
    width: calc(var(--maharani-logo-width, 75) * 1%) !important;
    max-width: calc(var(--maharani-logo-width, 75) * 1%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}
.maharani-hero-content > .wp-block-image > a,
.maharani-hero-content > .wp-block-image > figure,
.maharani-hero-content > .wp-block-image img,
.editor-styles-wrapper .maharani-hero-content > .wp-block-image > a,
.editor-styles-wrapper .maharani-hero-content > .wp-block-image > figure,
.editor-styles-wrapper .maharani-hero-content > .wp-block-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}


/* V0.55 – eigenes, direkt steuerbares Hero-Logo */
.maharani-hero-logo {
    width: calc(var(--maharani-logo-width, 75) * 1%) !important;
    max-width: 100% !important;
    margin: 0 auto 0.75rem auto !important;
    text-align: center;
    box-sizing: border-box;
}
.maharani-hero-logo img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
}
.maharani-hero-logo--empty {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(255,255,255,.45);
}
.maharani-logo-replace {
    margin-top: 8px;
}


/* ==========================================================
   MAHARANI V0.56 – Hero Design / Typografie
   Nur Darstellung des eigenen Hero-Inhaltsblocks.
   Positionierungslogik aus V0.55 bleibt unangetastet.
   ========================================================== */

.maharani-hero-content {
    color: #f3eadb;
}

.maharani-hero-content > .wp-block-paragraph {
    margin-top: 0 !important;
    margin-bottom: 0.72rem !important;
    line-height: 1.35 !important;
}

/* 1. Absatz: OTTOBRUNN */
.maharani-hero-content > .wp-block-paragraph:nth-of-type(1) {
    color: #d9b56d !important;
    font-family: "Yatra One", serif !important;
    font-size: clamp(0.95rem, 1.25vw, 1.25rem) !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase;
    margin-top: 0.2rem !important;
    margin-bottom: 0.55rem !important;
}

/* 2. Absatz: INDISCHE KÜCHE MIT NIVEAU */
.maharani-hero-content > .wp-block-paragraph:nth-of-type(2) {
    color: #d9b56d !important;
    font-family: "Yatra One", serif !important;
    font-size: clamp(0.85rem, 1.05vw, 1.08rem) !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase;
    margin-bottom: 0.75rem !important;
}

/* 3. Absatz: Beschreibung */
.maharani-hero-content > .wp-block-paragraph:nth-of-type(3) {
    color: #f3eadb !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(0.98rem, 1.15vw, 1.16rem) !important;
    line-height: 1.5 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.7);
    margin-bottom: 1rem !important;
}

/* Reservierungsbutton */
.maharani-hero-content .wp-block-buttons {
    margin-top: 0.2rem !important;
    margin-bottom: 0 !important;
}
.maharani-hero-content .wp-block-button__link {
    background: #8f1d1d !important;
    color: #ffffff !important;
    border: 1px solid #8f1d1d !important;
    border-radius: 999px !important;
    padding: 0.62em 1.45em !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.25);
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.maharani-hero-content .wp-block-button__link:hover,
.maharani-hero-content .wp-block-button__link:focus {
    filter: brightness(1.14);
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(0,0,0,.32);
}

/* Editor-Bedienknopf fürs Logo bewusst neutral halten */
.maharani-hero-content .maharani-logo-replace {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    color: inherit;
}

@media (max-width: 782px) {
    .maharani-hero-content > .wp-block-paragraph:nth-of-type(1) {
        font-size: 1rem !important;
    }
    .maharani-hero-content > .wp-block-paragraph:nth-of-type(2) {
        font-size: 0.92rem !important;
    }
    .maharani-hero-content > .wp-block-paragraph:nth-of-type(3) {
        font-size: 1rem !important;
    }
}


/* ==========================================================
   MAHARANI V0.57 – Hero Typografie Feinschliff
   Standarddarstellung; Positionierungslogik bleibt unverändert.
   ========================================================== */

/* OTTOBRUNN: gegenüber V0.56 ungefähr doppelte Präsenz */
.maharani-hero-content > .wp-block-paragraph:nth-of-type(1) {
    font-size: clamp(1.75rem, 2.35vw, 2.35rem) !important;
    line-height: 1.15 !important;
    letter-spacing: 0.07em !important;
    margin-top: 0.35rem !important;
    margin-bottom: 0.65rem !important;
}

/* Unterzeile etwas präsenter */
.maharani-hero-content > .wp-block-paragraph:nth-of-type(2) {
    font-size: clamp(0.95rem, 1.18vw, 1.18rem) !important;
    line-height: 1.25 !important;
    margin-bottom: 0.8rem !important;
}

/* Beschreibung etwas größer und ruhiger */
.maharani-hero-content > .wp-block-paragraph:nth-of-type(3) {
    font-size: clamp(1.02rem, 1.22vw, 1.22rem) !important;
    line-height: 1.48 !important;
    margin-bottom: 1.05rem !important;
}

/* Reservierungsbutton etwas kräftiger */
.maharani-hero-content .wp-block-button__link {
    font-size: 1.02rem !important;
    padding: 0.68em 1.6em !important;
}

@media (max-width: 782px) {
    .maharani-hero-content > .wp-block-paragraph:nth-of-type(1) {
        font-size: 1.55rem !important;
    }
}


/* ==========================================================
   MAHARANI V0.58 – Hero-Button wie „MEHR ÜBER UNS“
   Exakte Übernahme der freigegebenen .btn-Darstellung.
   ========================================================== */
.maharani-hero-content .wp-block-button__link {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:11px 22px !important;
    background:#090807 !important;
    color:var(--beige) !important;
    border:1px solid var(--gold) !important;
    border-radius:2px !important;
    text-transform:uppercase !important;
    letter-spacing:.075em !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:700 !important;
    font-size:.82rem !important;
    line-height:normal !important;
    box-shadow:none !important;
    text-decoration:none !important;
    transition:transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}
@media (hover:hover) and (pointer:fine) {
    .maharani-hero-content .wp-block-button__link:hover {
        background:#17110a !important;
        color:var(--beige) !important;
        transform:translateY(-2px) !important;
        box-shadow:0 8px 18px rgba(0,0,0,.30) !important;
        filter:brightness(1.06) !important;
    }
}
@media (prefers-reduced-motion:reduce) {
    .maharani-hero-content .wp-block-button__link { transition:none !important; }
    .maharani-hero-content .wp-block-button__link:hover { transform:none !important; }
}

/* ==========================================================
   MAHARANI V0.59 – Hero-Button exakt wie „Mehr über uns“
   ========================================================== */
.maharani-hero-content .wp-block-button__link {
    background:#8f1d1d !important;
    color:#fff !important;
    border:0 !important;
    border-radius:2px !important;
    padding:11px 22px !important;
    min-height:0 !important;
    font-family:inherit !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    line-height:inherit !important;
    letter-spacing:.05em !important;
    text-transform:none !important;
    box-shadow:none !important;
}
.maharani-hero-content .wp-block-button__link:hover,
.maharani-hero-content .wp-block-button__link:focus {
    background:#8f1d1d !important;
    color:#fff !important;
    filter:brightness(1.08) !important;
}