/* Εισαγωγή του Tailwind */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    html {
        scroll-behavior: smooth;
        /* Λεπτή, κομψή μπάρα κύλισης για Firefox */
        scrollbar-width: thin;
        scrollbar-color: #A69B8D transparent; 
    }
    
    /* Custom Luxury Scrollbar για Chrome/Safari/Edge */
    ::-webkit-scrollbar {
        width: 8px;
    }
    
    ::-webkit-scrollbar-track {
        background: #E8E5E1; /* luxury-stone */
    }
    
    ::-webkit-scrollbar-thumb {
        background-color: #A69B8D; /* luxury-taupe */
        border-radius: 10px;
        /* Το border δημιουργεί ένα οπτικό κενό (padding) γύρω από τη μπάρα */
        border: 2px solid #E8E5E1; 
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background-color: #333333; /* luxury-charcoal */
    }

    /* Custom χρώμα όταν ο χρήστης μαρκάρει κείμενο */
    ::selection {
        background-color: #A69B8D; /* luxury-taupe */
        color: #ffffff;
    }

    body {
        @apply bg-[#E8E5E1] text-[#333333] antialiased;
        /* Εξαλείφει το άσχημο μπλε/γκρι flash όταν πατάς σε link στα κινητά */
        -webkit-tap-highlight-color: transparent;
        /* Πιο "κοφτερή" και καθαρή τυπογραφία σε οθόνες Mac/iOS */
        -moz-osx-font-smoothing: grayscale; 
    }

    /* Premium focus outline για προσβασιμότητα (αφαιρεί το default μπλε δαχτυλίδι του browser) */
    *:focus-visible {
        outline: 1px solid #A69B8D;
        outline-offset: 4px;
    }

    /* Αποτροπή επιλογής και drag στις εικόνες για πιο καθαρό app-like feeling */
    img {
        user-select: none;
        -webkit-user-drag: none;
    }
}

@layer utilities {
    .text-shadow-luxury {
        text-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4);
    }

    /* Fix για το background-attachment: fixed στο iOS (Safari) 
       Το iOS ζορίζεται με το fixed background (βγάζει glitches), 
       οπότε αυτός ο κανόνας το κάνει scroll ομαλά μόνο στις συσκευές της Apple */
    @supports (-webkit-touch-callout: none) {
        .fixed-bg {
            background-attachment: scroll !important;
        }
    }
}