/* ==========================================================
   GET4HOME PREMIUM
   BASE / GLOBAL RESET
========================================================== */

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    /* overflow-x:hidden εδώ έσπαγε το position:sticky σε στοιχεία
       παρακάτω στη σελίδα (π.χ. η σύνοψη παραγγελίας στο checkout) --
       κλασικό, καλά τεκμηριωμένο πρόβλημα: το overflow σε html/body
       τα κάνει "scroll container", μπερδεύοντας τον υπολογισμό sticky.
       Το overflow-x:clip κόβει την οριζόντια κύλιση το ίδιο καλά,
       χωρίς αυτή την παρενέργεια. */
    overflow-x:clip;
}

body{
    overflow-x:clip;
    max-width:100%;
}

/* Παλιότερα browsers χωρίς υποστήριξη για overflow:clip (πολύ σπάνιο
   πλέον) -- επιστρέφουν αυτόματα σε hidden, οπότε η οριζόντια κύλιση
   παραμένει καλυμμένη ούτως ή άλλως. */
@supports not (overflow-x: clip){
    html,body{
        overflow-x:hidden;
    }
}

img,
svg{
    max-width:100%;
}
/* ==========================================================
   ПЛАВНОЕ ПОЯВЛЕНИЕ ЭЛЕМЕНТОВ ПРИ ПРОКРУТКЕ (fade + rise)
   Переиспользуемый класс — работает вместе с main.js.
========================================================== */

.g4h-reveal{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .6s cubic-bezier(.25,.7,.35,1), transform .6s cubic-bezier(.25,.7,.35,1);
    transition-delay:calc(var(--reveal-delay, 0) * 90ms);
}

.g4h-reveal-visible{
    opacity:1;
    transform:translateY(0);
}

@media(prefers-reduced-motion: reduce){

    .g4h-reveal{
        opacity:1;
        transform:none;
        transition:none;
    }

}

/* ==========================================================
   Скрываем нативные уведомления WooCommerce "Товар добавлен
   в корзину" везде, КРОМЕ самой страницы корзины — у нас уже
   есть своё всплывающее уведомление справа с автозакрытием,
   дублировать его нативным баннером сверху не нужно.
========================================================== */
body:not(.woocommerce-cart):not(.woocommerce-account) .woocommerce-message{
    display:none !important;
}

/* ==========================================================
   Ειδοποιήσεις WooCommerce (σφάλμα / επιτυχία / πληροφορία) --
   ενιαίο στυλ σε ΟΛΟ τον ιστότοπο (σύνδεση/εγγραφή, μεμονωμένο
   προϊόν κ.λπ.). Το checkout.css/cart.css έχουν ήδη δικές τους,
   πιο συγκεκριμένες εκδοχές για τις σελίδες τους -- αυτές εδώ
   είναι απλώς η γενική βάση, ώστε καμία σελίδα να μην απομείνει
   με το προεπιλεγμένο άσχημο πλαίσιο της WooCommerce (όπου το
   εικονίδιο ::before επικαλύπτει το κείμενο "Error:"). */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info{
    display:flex;
    flex-direction:column;
    gap:6px;
    background:#fff;
    border:1px solid #ececec;
    border-left:4px solid #FF8500;
    border-radius:14px;
    padding:16px 20px;
    margin:0 0 20px;
    color:#333;
    font-size:14px;
    list-style:none;
    box-shadow:0 6px 20px rgba(0,0,0,.05);
}

.woocommerce-message{
    border-left-color:#16a34a;
}

.woocommerce-info{
    border-left-color:#0077B6;
}

.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before{
    display:none !important;
}

.woocommerce-error li,
.woocommerce-message li,
.woocommerce-info li{
    margin:0;
    list-style:none;
    padding:0 !important;
}

.woocommerce-error li::before,
.woocommerce-message li::before,
.woocommerce-info li::before{
    display:none !important;
}

.woocommerce-error a,
.woocommerce-message a,
.woocommerce-info a{
    color:#0077B6;
    font-weight:700;
    text-decoration:underline;
}

/* ---- Viber Click to Chat: το πλωτό κουμπί κρύβεται παντού.
   Το Viber εμφανίζεται μόνο στη σελίδα Επικοινωνία (page-contact.php). ---- */
a.rvctc-float{display:none !important}