/* ==========================================================
   TOROS TRATTORIA – ITALIENISCH / ELEGANT / MARMOR
   Baut auf /static/style.css auf.
   ========================================================== */

/* ==========================================================
   TEXTUR- UND DUNKELHEITS-REGLER – TRATTORIA
   ==========================================================

   Die letzte Zahl in rgba(..., X) ist die Deckkraft:
   Höherer Wert = dunkler / weniger Textur sichtbar.
   Niedrigerer Wert = heller / mehr Textur sichtbar.
*/

:root {
    /* Haupt-Hintergrundtextur */
    --trattoria-texture-overlay-top: rgba(14, 12, 10, 0.80);
    --trattoria-texture-overlay-bottom: rgba(4, 4, 4, 0.92);

    /* Platzhalter-/Wiedereröffnungsseite */
    --trattoria-placeholder-overlay-top: rgba(15, 13, 10, 0.82);
    --trattoria-placeholder-overlay-bottom: rgba(3, 3, 3, 0.93);

    /* Inhaltsflächen der Platzhalterseite */
    --trattoria-header-bg: rgba(9, 8, 7, 0.52);
    --trattoria-content-bg-start: rgba(20, 17, 13, 0.89);
    --trattoria-content-bg-end: rgba(5, 5, 4, 0.94);
    --trattoria-nav-bg: rgba(255, 250, 235, 0.025);
    --trattoria-button-bg: rgba(185, 143, 57, 0.12);
}


body.standort-trattoria {
    --gold: #b68d39;
    --gold-light: #d8bc73;
    --gold-bright: #f0ddaa;
    --text: #e4dfd5;
    --text-soft: #c9c2b6;
    --text-title: #f3eee5;
    --border: rgba(213, 184, 111, 0.34);

    background-image:
        linear-gradient(var(--trattoria-texture-overlay-top), var(--trattoria-texture-overlay-bottom)),
        url("/texture/trattoria");
    background-position: center top;
    background-size: auto, cover;
    background-attachment: fixed;
}

body.standort-trattoria.placeholder-location-page {
    background-image:
        linear-gradient(var(--trattoria-placeholder-overlay-top), var(--trattoria-placeholder-overlay-bottom)),
        url("/texture/trattoria");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

body.standort-trattoria .placeholder-header {
    border-bottom: 1px solid rgba(197, 161, 76, 0.24);
    background: var(--trattoria-header-bg);
    backdrop-filter: blur(5px);
}

body.standort-trattoria .placeholder-main {
    position: relative;
    max-width: 860px;
    border: 1px solid rgba(208, 177, 104, 0.44);
    border-radius: 1px;
    background:
        linear-gradient(145deg, var(--trattoria-content-bg-start), var(--trattoria-content-bg-end));
    box-shadow:
        0 22px 60px rgba(0, 0, 0, 0.46),
        inset 0 0 0 1px rgba(255, 246, 222, 0.025);
}

body.standort-trattoria .placeholder-main::before,
body.standort-trattoria .placeholder-main::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 82px;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, #c6a255, transparent);
}

body.standort-trattoria .placeholder-main::before {
    top: 23px;
}

body.standort-trattoria .placeholder-main::after {
    bottom: 23px;
}

body.standort-trattoria .placeholder-label {
    color: #c8ab69;
    font-family: Georgia, "Times New Roman", serif;
    letter-spacing: 0.24em;
}

body.standort-trattoria .placeholder-main h1 {
    color: #e1c47c;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    letter-spacing: 0.02em;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.50);
}

body.standort-trattoria .placeholder-main p {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    color: #d0c7b6;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.02rem;
}

body.standort-trattoria .placeholder-nav div {
    border-color: rgba(205, 174, 99, 0.26);
    background: var(--trattoria-nav-bg);
    font-family: Georgia, "Times New Roman", serif;
}

body.standort-trattoria .placeholder-button {
    border: 1px solid #c9a552;
    border-radius: 0;
    color: #f2e4c0;
    background: var(--trattoria-button-bg);
    font-family: Georgia, "Times New Roman", serif;
    letter-spacing: 0.04em;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

body.standort-trattoria .placeholder-button:hover {
    color: #1a140b;
    background: #d2af5d;
    transform: translateY(-1px);
}

body.standort-trattoria .placeholder-back {
    font-family: Georgia, "Times New Roman", serif;
}

@media (max-width: 900px) {
    body.standort-trattoria,
    body.standort-trattoria.placeholder-location-page {
        background-attachment: scroll;
    }
}