/* Rohuneeme: telefonivaate parandused. Laaditakse pärast teema stiile; Customizeri
   CSS-i ülekirjutamiseks on mõnel real !important. */

.rn-sub-toggle { display: none; }

/* Ürituste kalender (kõik ekraanid): jooksev kuu/päev valijas oli roheline tekst rohelisel taustal,
   nädalapäevade päises olid helehallid lahtrid halli lehe taustal. */
.tribe-events .datepicker .current:not(.active),
.tribe-events .datepicker .current:not(.active):hover {
    background: transparent !important;
    color: #1e9928 !important;
    font-weight: 700;
    box-shadow: inset 0 0 0 2px #1e9928;
}
.tribe-events .datepicker .active,
.tribe-events .datepicker .active:hover { color: #fff !important; }
.tribe-events .tribe-events-calendar-month__header-column { background: transparent !important; }

@media (max-width: 800px) {
    /* Menüü: alammenüüd avanevad noolest, sama leht kuvatakse ainult üks kord. */
    #site-navigation, #primary-menu { width: 100% !important; }
    #primary-menu .menu-item-has-children > a:after { display: none; }
    #primary-menu .menu-item-has-children { position: relative; }
    #primary-menu .menu-item-has-children > a { padding-right: 56px; }
    #primary-menu .sub-menu { display: none; }
    #primary-menu .rn-open > .sub-menu { display: block; }
    #primary-menu .rn-duplicate { display: none !important; }
    /* Fixed row heights, so the arrow button is exactly as tall as its row. */
    /* The theme sets submenu padding with !important. */
    #primary-menu > li > a { font-size: 18px; line-height: 28px; padding: 10px 8px !important; }
    #primary-menu .sub-menu a { font-size: 16px; line-height: 24px; padding: 10px 8px 10px 24px !important; color: #e6e6e6; }
    #primary-menu .sub-menu .sub-menu a { padding-left: 40px !important; }
    #primary-menu .menu-item-has-children > a { padding-right: 56px !important; }
    #primary-menu .rn-sub-toggle,
    #primary-menu .rn-sub-toggle:hover,
    #primary-menu .rn-sub-toggle:focus,
    #primary-menu .rn-sub-toggle:active {
        display: block;
        position: absolute; top: 0; right: 0;
        width: 56px; height: 48px; margin: 0; padding: 0;
        background: transparent !important; border: 0 !important; border-radius: 0 !important;
        box-shadow: none !important; color: #fff; cursor: pointer;
        font-size: 22px; line-height: 48px; text-align: center;
        -webkit-tap-highlight-color: transparent;
    }
    #primary-menu .sub-menu .rn-sub-toggle,
    #primary-menu .sub-menu .rn-sub-toggle:hover,
    #primary-menu .sub-menu .rn-sub-toggle:focus,
    #primary-menu .sub-menu .rn-sub-toggle:active { height: 44px; line-height: 44px; font-size: 20px; }
    #primary-menu .rn-sub-toggle:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
    .rn-sub-toggle::before { content: "\25BE"; display: inline-block; transition: transform .2s; }
    .rn-open > .rn-sub-toggle::before { transform: rotate(180deg); }
}

@media (max-width: 767px) {
    /* Loetav tekst: vasakjoondus, et sõnade vahele ei tekiks auke. */
    body article, body article p, .entry-content, .entry-content p,
    .entry-summary, .entry-summary p, .xm-left-description {
        text-align: left !important;
        -webkit-hyphens: auto; hyphens: auto;
        overflow-wrap: break-word;
    }
    .entry-content, .entry-summary { font-size: 16px; line-height: 1.6; }

    /* Tühi ikoonirida jättis päise alla 40 px halli riba. */
    .at-icons { margin: 0 !important; }

    /* Avalehe tutvustus: tekst täislaiuses pildi kohal, mitte kitsas lõikuv veerg pildi kõrval. */
    .xm-left-layout { flex-direction: column !important; height: auto !important; overflow: visible !important; }
    .xm-left-layout .xm-text { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; }
    .xm-left-layout .xm-position {
        position: static !important; width: auto !important; margin: 0 !important;
        padding: 16px !important; transform: none !important;
    }
    .xm-left-layout .xm-left-img { width: 100% !important; margin: 0 !important; }
    .xm-left-layout .xm-left-img img { display: block; width: 100% !important; height: 200px !important; object-fit: cover; }
    .xm-left-title { font-size: 18px !important; line-height: 1.25 !important; }
    .xm-left-description { font-size: 14px !important; line-height: 1.5 !important; }

    /* Liitumisleht: QR-koodi asemel makse nupp. */
    .rn-pay-qr { display: none !important; }
    a.rn-pay-button {
        display: block; margin: 12px 0; padding: 14px 16px;
        border-radius: 8px; background: #6AB0C4; color: #fff !important;
        font-weight: 700; font-size: 18px; text-align: center; text-decoration: none;
    }
}