/* =========================================================
   Pihlakodu Tagasi Avalehele nupp
   Töötab nii Divi kui Elementor lehtedel.
   Joondumine sisuga toimub JS-iga (vt main JS faili).
   ========================================================= */

.pihlakodu-ta-wrap {
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    background: transparent;
    pointer-events: none;
}

.pihlakodu-ta-inner {
    /* JS määrab dünaamiliselt max-width ja padding-left, et joonduda sisuga.
       Fallback kui JS ei jõua tööle: keskel 1080px container */
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 30px;
    pointer-events: none;
}

/* Nupp - matchib avalehe "Broneeri koht" nupu stiili (Divi et_pb_button_0)
   - ilma border-ita
   - shadow nagu avalehe nupul
*/
.pihlakodu-ta-link {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    background: #ffffff !important;
    color: #c8451f !important;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 16px 32px;
    border: 0 !important;
    border-radius: 999px;
    transition: all 0.25s ease;
    line-height: 1;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
    pointer-events: auto;
}

.pihlakodu-ta-link:hover,
.pihlakodu-ta-link:focus {
    background: #c8451f !important;
    color: #ffffff !important;
    text-decoration: none !important;
    outline: none;
    box-shadow: 0 8px 28px rgba(200, 69, 31, 0.28), 0 2px 6px rgba(200, 69, 31, 0.18);
    transform: translateY(-1px);
}

.pihlakodu-ta-link:hover .pihlakodu-ta-arrow,
.pihlakodu-ta-link:focus .pihlakodu-ta-arrow {
    transform: translateX(-3px);
}

.pihlakodu-ta-arrow {
    flex-shrink: 0;
    transition: transform 0.2s ease;
    color: inherit;
}

.pihlakodu-ta-text {
    display: inline-block;
    white-space: nowrap;
}

/* RUUM SISULE - lükkame kogu sisu allapoole.
   Sihime KÕIK võimalikud wrapperid (Divi #page-container, Elementor sisu, body padding).
   Selle teeb JS dünaamiliselt et töötaks igas teemas. */

/* Mobiil */
@media (max-width: 768px) {
    .pihlakodu-ta-wrap {
        top: 130px;
    }
    .pihlakodu-ta-inner {
        padding: 0 20px;
    }
    .pihlakodu-ta-link {
        font-size: 0.9rem;
        padding: 12px 22px;
    }
}

@media (max-width: 480px) {
    .pihlakodu-ta-wrap {
        top: 115px;
    }
    .pihlakodu-ta-inner {
        padding: 0 16px;
    }
    .pihlakodu-ta-link {
        font-size: 0.85rem;
        padding: 11px 20px;
    }
}

/* Print – peida */
@media print {
    .pihlakodu-ta-wrap {
        display: none !important;
    }
}