/*
 Theme Name:   Talos Child Custom
 Theme URI:    http://demo.oceanthemes.net/talos
 Description:  Talos Child Theme Custom of Version 1.0
 Author:       OceanThemes
 Author URI:   http://oceanthemes.net
 Template:     talos
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  talos-child
*/

@import url("../talos/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
/* ============================================================
   1. NAVIGATION MENU (TALOS THEME)
   ============================================================ */

/* Menu Background - Initial & Sticky */
.menu-back, 
.cbp-af-header.cbp-af-header-shrink { 
    background: #ffffff !important; 
}

/* Main Menu Links Color & Typography */
.sf-menu .mega-menu-container .mega-sub-menu.menu-title > a,
ul.slimmenu li a,
ul.slimmenu.sf-menu > li a { 
    color: #141741 !important; 
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease;
}

/* Hover & Active Page Color (Red) */
ul.slimmenu li.current-menu-item > a,
ul.slimmenu li a:hover,
ul.slimmenu.sf-menu > li a:hover { 
    color: #ee2a29 !important; 
}

/* --- Dropdown / Sub-Menu --- */

/* Hide Submenu by default and set Red Background */
ul.slimmenu.sf-menu li ul.normal-sub,
ul.slimmenu li ul {
    display: none !important;
    position: absolute;
    background: #ee2a29 !important; 
    min-width: 380px !important; /* Wider box for Greek text */
    overflow: hidden !important; /* Keeps hover effects inside */
    padding: 10px 0 !important;
    z-index: 9999;
}

/* Show Submenu ONLY on Hover */
ul.slimmenu.sf-menu li:hover > ul.normal-sub,
ul.slimmenu li:hover > ul {
    display: block !important;
}

/* Submenu Link Styling (White Text) */
ul.slimmenu.sf-menu li ul li a {
    color: #ffffff !important;
    white-space: nowrap !important; /* Keeps text on one line */
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 25px !important;
}

/* Submenu Hover Highlight (Darker Red/Tint) */
ul.slimmenu.sf-menu li ul li a:hover {
    background-color: rgba(0, 0, 0, 0.15) !important;
    color: #ffffff !important;
}

/* --- Decorative Elements --- */

/* Dots between menu items color */
ul.slimmenu > li a:after {
    color: #141741 !important;
}


/* ============================================================
   2. POPUP BUTTONS (ΠΕΡΙΣΣΟΤΕΡΑ)
   ============================================================ */

/* Rounded Glassmorphism Style */
.wpb_button.pum-trigger {
    border-radius: 25px !important;
    background-color: rgba(20, 23, 65, 0.2) !important; /* Deep blue tint */
    background-image: none !important;
    
    /* Frosted Glass Effect */
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    
    border: 1px solid rgba(20, 23, 65, 0.3) !important;
    color: #141741 !important; /* Dark blue text */
    
    padding: 8px 18px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease;
}

/* Hover State for Button */
.wpb_button.pum-trigger:hover {
    background-color: #ee2a29 !important; /* Turns Red on hover */
    color: #ffffff !important;
    border-color: #ee2a29 !important;
}


/* ============================================================
   4. POPUP OVERLAY (BACKGROUND FADE)
   ============================================================ */

.pum-overlay.pum-active {
    background-color: rgba(0, 0, 0, 0.8) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
	}

/* ============================================================
   5. MOBILE MENU CUSTOMIZATION
   ============================================================ */

/* 1. Change the Mobile Menu Icon (The Hamburger Bars) */
.slimmenu-menu-collapser .collapse-button .icon-bar {
    background-color: #141741 !important;
}

/* 2. Change the Mobile Menu "Menu" Text (if visible) */
.slimmenu-menu-collapser .menu-collapser-title {
    color: #141741 !important;
    font-weight: 700;
}

/* 3. Mobile Navigation Background (When opened) */
ul.slimmenu.collapsed {
    background-color: #ffffff !important; /* Keep it white like the desktop header */
}

/* 4. Mobile Menu Links Color */
ul.slimmenu.collapsed li a {
    color: #141741 !important;
    border-bottom: 1px solid rgba(20, 23, 65, 0.1) !important; /* Subtle separator */
    padding: 15px !important;
}

/* 5. Mobile Menu Links Hover/Active */
ul.slimmenu.collapsed li a:hover,
ul.slimmenu.collapsed li.current-menu-item > a {
    color: #ee2a29 !important; /* Red highlight on mobile */
    background-color: #f9f9f9 !important;
}

/* 6. Expand/Collapse Arrow Color (for sub-menus on mobile) */
ul.slimmenu.collapsed .sub-toggle {
    color: #141741 !important;
}

.menu-mobile i {
    font-size: 28px;
    padding: 0;
    float: right;
    position: relative;
    top: 0;
    color: #ee2a47;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* 3. Fix the Main Menu (Desktop) */
/* This ensures the white menu stays aligned with the page content */
#menu-wraps{
    position: absolute;
  padding-bottom:10px;
  width:100%;
  z-index:5000;
  top:100px;
  left:0;
}