/*
Theme Name: Kadence Child (Ritini)
Theme URI: https://www.kadencewp.com/
Description: Child Theme for Kadence (Ritini Project)
Author: Antigravity AI
Template: kadence
Version: 1.0.0
Text Domain: kadence-child
*/

/* Πρόσθεσε εδώ το δικό σου Custom CSS. 
Αυτό το αρχείο θα μεταφερθεί εύκολα στον Production server. */

body.home {
    background-image: url('https://ritini.gr/wp-content/uploads/2026/06/FrontImage.webp') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Απόκρυψη Page Title/Hero (Τίτλος Σελίδας) στην αρχική σελίδα */
body.home .entry-hero {
    display: none !important;
}

/* Διάφανο Header και Κορμός ΜΟΝΟ στην Αρχική Σελίδα - Kadence Override */
body.home #masthead,
body.home #main-header,
body.home .site-header-wrap,
body.home .site-header-inner-wrap,
body.home .site-header-row-container-inner,
body.home .site,
body.home .site-container,
body.home #inner-wrap,
body.home .content-wrap,
body.home .entry,
body.home .page-content {
    background-color: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* ==================================================
   1. PRIMARY MENU (ΑΡΧΙΚΗ ΣΕΛΙΔΑ)
   Χρώμα #1A202C ΜΟΝΟ στα βασικά στοιχεία του Μενού (χωρίς να επηρεάζει το secondary/submenu)
================================================== */
body.home #masthead .site-navigation > ul > li > a,
body.home #masthead .primary-menu > li > a,
body.home #masthead .header-menu-container > ul > li > a,
body.home #masthead .site-title a {
    color: #1a202c !important;
    text-shadow: none !important;
}

/* ==================================================
   2. SUBMENU & SECONDARY MENU
   Φόντο #8bc3fa (σταθερά και στο hover)
================================================== */
.header-navigation .header-menu-container ul ul.submenu,
.header-navigation .header-menu-container ul ul.submenu:hover,
.secondary-menu-container ul.submenu,
.secondary-menu-container ul.submenu:hover {
    background: #8bc3fa !important;
}

/* Προαιρετικά: Χρώμα κειμένου μέσα στο Submenu / Secondary */
.header-navigation .header-menu-container ul ul.submenu li a,
.header-navigation .header-menu-container ul ul.submenu li a:hover,
#masthead .secondary-menu a,
#masthead .secondary-navigation a {
    text-shadow: none !important;
}


/* ==================================================
   3. ΠΕΡΙΕΧΟΜΕΝΟ & FOOTER ΑΡΧΙΚΗΣ
================================================== */
/* Διάφανο background για το κείμενο */
body.home .entry-content-wrap {
    background-color: transparent !important;
}

/* Έντονη μαύρη σκιά στα γράμματα και λευκό χρώμα για Περιεχόμενο και Footer */
body.home .entry-content-wrap h1, body.home .site-footer h1,
body.home .entry-content-wrap h2, body.home .site-footer h2,
body.home .entry-content-wrap h3, body.home .site-footer h3,
body.home .entry-content-wrap h4, body.home .site-footer h4,
body.home .entry-content-wrap h5, body.home .site-footer h5,
body.home .entry-content-wrap h6, body.home .site-footer h6,
body.home .entry-content-wrap p, body.home .site-footer p,
body.home .entry-content-wrap a, body.home .site-footer a,
body.home .entry-content-wrap li, body.home .site-footer li,
body.home .entry-content-wrap span, body.home .site-footer span,
body.home .entry-content-wrap strong, body.home .site-footer strong {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.9), 0px 0px 10px rgba(0,0,0,0.8) !important;
}


/* ==================================================
   4. ΕΣΩΤΕΡΙΚΕΣ ΣΕΛΙΔΕΣ & ΑΡΘΡΑ (PAGE HERO & MENU)
================================================== */
/* ΟΛΑ τα κείμενα μέσα στο Page Hero των εσωτερικών Σελίδων και Άρθρων να είναι ΛΕΥΚΑ */
body:not(.home) .page-hero-section,
body:not(.home) .page-hero-section *,
body:not(.home) .entry-hero,
body:not(.home) .entry-hero * {
    color: #ffffff !important;
    text-shadow: 2px 2px 5px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1), -1px -1px 4px rgba(0,0,0,0.9) !important;
}

/* Links στο Hero section στο hover */
body:not(.home) .page-hero-section a:hover,
body:not(.home) .entry-hero a:hover {
    color: #e2e8f0 !important;
    text-decoration: underline !important;
}

/* Μενού στις Εσωτερικές Σελίδες & Άρθρα */
body:not(.home) #masthead .primary-menu a,
body:not(.home) #masthead .menu a,
body:not(.home) #masthead .site-navigation a,
body:not(.home) #masthead .site-title a {
    color: #ffffff !important;
    text-shadow: 2px 2px 5px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1), -1px -1px 4px rgba(0,0,0,0.9) !important;
}

.widget-area .widget-title {
    text-transform: none !important;
}

.site-footer-row-container-inner {
    margin-top: 180px;
}


/* ==================================================
   5. GLASSMORPHISM DYNAMIC ISLAND HEADER
================================================== */
.site-main-header-inner-wrap {
    position: relative;
    z-index: 10;
    margin-top: 15px;
}

/* 1. Η κεντρική οριζόντια μπάρα */
.site-main-header-inner-wrap::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 60px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 40px;
    border: 0px solid rgba(255, 255, 255, 0.3);
    z-index: -1;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* 2. Ο κεντρικός κύκλος/οβάλ για το Λογότυπο */
.site-main-header-inner-wrap::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 230px;
    height: 140px;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 50%;
    border: 0px solid rgba(255, 255, 255, 0.3);
    z-index: -2;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Header Row transparent */
#masthead .site-main-header-wrap {
    background: transparent !important;
}