/*==========================================================
  TABERNA IOSEPHI - CALENDARIO PERPETUO DE PAREDE
  Calendario de parede

  Os cinco campos sao projetados por software nas areas
  definidas em js/sala.layout.complemento.js.
==========================================================*/

#calendarioParede {
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
}

.calendario-parede-campo {
    position:absolute;
    left:0;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    white-space:nowrap;
    transform-origin:0 0;
    backface-visibility:hidden;
    pointer-events:none;
    user-select:none;
    color:#20130b;
    font-family:Georgia,"Times New Roman",serif;
    font-weight:700;
    text-align:center;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
}

/* As faixas opacas escondem a data fixa gravada na fotografia. */
.calendario-parede-campo:not(.calendario-parede-dia) {
    background:
        linear-gradient(180deg,
            rgba(196,146,91,.99) 0%,
            rgba(181,127,75,.99) 48%,
            rgba(160,104,58,.99) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,224,172,.35),
        inset 0 -1px 0 rgba(67,31,12,.32);
    letter-spacing:.035em;
    text-shadow:0 1px 0 rgba(245,211,156,.35);
}

.calendario-parede-dia {
    background:
        linear-gradient(180deg,
            rgba(213,177,126,.995) 0%,
            rgba(199,154,101,.995) 50%,
            rgba(184,135,84,.995) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,236,197,.45),
        inset 0 -1px 0 rgba(76,38,17,.28);
    font-size:29px;
    line-height:1;
    font-weight:600;
    letter-spacing:0;
    text-shadow:0 1px 0 rgba(255,235,196,.42);
}

#calendarioDiaSemana {
    font-size:12px;
    line-height:1;
}

#calendarioMes {
    font-size:12px;
    line-height:1;
}

#calendarioAno {
    font-size:12px;
    line-height:1;
    letter-spacing:.22em;
    padding-left:.22em;
}

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