/* ===========================================================
   TABERNA IOSEPHI - FRASES DO DIA
   Versao 1.4.4 - fonte adaptativa e obra clicavel - 04/09/2026

   A camada ocupa somente o quadrilatero quadroFrase definido
   em js/sala.layout.complemento.js. O proprio quadro recebe
   clique para avancar localmente para a proxima frase.
   =========================================================== */

#frasesDiaTaberna {
    position:absolute;
    inset:0;
    z-index:26;
    pointer-events:none;
}

#fraseDiaCampo {
    position:absolute;
    pointer-events:auto;
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
    left:0;
    top:0;
    transform-origin:0 0;
    box-sizing:border-box;
    overflow:hidden;
    appearance:none;
    -webkit-appearance:none;
    border:0;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:12px 14px 10px;

    /* Cobre somente a frase fixa existente na imagem-base. */
    background:
        radial-gradient(ellipse at 28% 28%, rgba(31,31,19,.36), transparent 52%),
        radial-gradient(ellipse at 78% 72%, rgba(2,5,3,.48), transparent 58%),
        linear-gradient(158deg, rgba(16,17,10,.985), rgba(8,10,6,.992));

    color:rgb(205,202,192);
    font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
    font-size:22px;
    line-height:1.22;
    font-style:normal;
    font-weight:400;
    letter-spacing:.1px;
    text-align:center;
    white-space:normal;

    text-shadow:
        0 0 1px rgba(255,255,255,.38),
        0 0 2px rgba(255,255,255,.12);

    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
}


#fraseDiaCampo .fraseDiaConteudo {
    display:block;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}

#fraseDiaCampo .fraseDiaTexto {
    display:block;
    width:100%;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    appearance:none;
    -webkit-appearance:none;
    color:inherit;
    font:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    text-align:inherit;
    text-shadow:inherit;
    cursor:pointer;
}

#fraseDiaCampo .fraseDiaTexto:focus-visible,
#fraseDiaCampo .fraseDiaObraLink:focus-visible {
    outline:2px solid rgba(238,203,94,.95);
    outline-offset:2px;
    border-radius:2px;
}

#fraseDiaCampo .fraseDiaObra {
    display:block;
    margin-top:4px;
    font-size:.68em;
    line-height:1.1;
    color:rgb(238,203,94);
}

#fraseDiaCampo .fraseDiaObraLink {
    width:max-content;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:2px;
    cursor:pointer;
}

body.debug-hotspots #fraseDiaCampo {
    outline:2px solid #00ffff;
}