/*
Theme Name:    Astra Child
Description:  Custom Child Theme for kalliopsi.gr
Author:       Kalliopsi Design
Template:     astra
Version:      1.5.0
*/

/* =========================================================
1. GLOBAL VARIABLES & BACKGROUND
========================================================= */
:root {
    --k-bg-dark: #0f172a;       /* Midnight Blue */
    --k-text-main: #e2e8f0;     /* Soft White/Grey */
    --k-accent: #00d2d3;        /* Cyan */
}

/* Επιβολή Midnight Blue σε όλο το site */
html, body, #page, .site, .site-content, #content, .site-footer, 
.ast-separate-container #primary, .ast-article-inner, .ast-article-single {
    background-color: var(--k-bg-dark) !important;
    color: var(--k-text-main) !important;
    border: none !important;
    box-shadow: none !important;
}

/* =========================================================
2. FULLY TRANSPARENT & STICKY HEADER (Laptop & Mobile)
========================================================= */

/* Κλειδώνουμε το Header στην κορυφή για όλες τις συσκευές */
.site-header, 
#masthead, 
.ast-main-header-wrap {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
}

/* Εξαφανίζουμε κάθε ίχνος χρώματος από το Header (Διαφάνεια) */
.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-mobile-header-wrap,
.ast-header-break-point .main-header-bar,
.ast-header-break-point .ast-mobile-header-wrap {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Admin Bar Fix: Διόρθωση θέσης όταν είσαι συνδεδεμένος στο WP */
body.admin-bar .site-header { top: 32px !important; }
@media (max-width: 782px) { body.admin-bar .site-header { top: 46px !important; } }

/* =========================================================
3. MENU COLORS & LOGO (Για να φαίνονται στο σκοτεινό φόντο)
========================================================= */
.main-header-menu .menu-link, 
.ast-header-social-1-wrap .social-item-label,
.ast-mobile-menu-trigger-fill,
.ast-mobile-svg,
.site-title a {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Hover χρώμα στο μενού */
.main-header-menu .menu-link:hover {
    color: var(--k-accent) !important;
}

/* =========================================================
4. CONTENT PADDING (Για να μην κρύβεται το κείμενο)
========================================================= */
/* Δίνουμε κενό στην κορυφή για να μην μπαίνει το περιεχόμενο κάτω από το header */
#content {
    padding-top: 100px !important;
}

/* Στην αρχική σελίδα το αφήνουμε 0 αν θέλουμε η εικόνα να ξεκινάει από την κορυφή */
body.home #content {
    padding-top: 0 !important;
}

@media (max-width: 921px) {
    #content { padding-top: 80px !important; }
    body.home #content { padding-top: 0 !important; }
}

/* =========================================================
5. MOBILE MENU BOX (Το φόντο όταν ανοίγει το μενού)
========================================================= */
/* Όταν πατάς το μενού στο κινητό, χρειαζόμαστε φόντο για να διαβάζεται */
.ast-mobile-header-content, 
.ast-builder-menu-mobile .main-header-menu,
.ast-mobile-popup-inner,
.ast-mobile-popup-content {
    background-color: var(--k-bg-dark) !important;
}