/*
Theme Name: OceanWP Ethio Telecom Horizontal Layout
Theme URI: https://www.ethiotelecom.et/
Description: Horizontal header with logos on sides and centered menu
Author: [Your Organization Name]
Template: oceanwp
Version: 3.1.0
Text Domain: oceanwp-ethio-horizontal
*/

/* 
   Horizontal Header Layout:
   - Ethio telecom logo on left
   - Partner logo on right (desktop only)
   - Beautiful menu centered between logos
   - Mobile: Ethio telecom logo + hamburger menu
   - No shadow on homepage logos
*/

/* Reset body padding */
body.ethio-horizontal-layout {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Fix for admin bar */
.admin-bar .ethio-horizontal-header-wrapper {
    top: 32px;
}

@media (max-width: 782px) {
    .admin-bar .ethio-horizontal-header-wrapper {
        top: 46px;
    }
}

/* Ensure main content starts below header */
#main {
    position: relative;
    z-index: 1;
    margin-top: 0 !important;
}

/* Hide any remaining default header elements */
#site-header {
    background: none !important;
    box-shadow: none !important;
    border-bottom: none !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Ensure proper header spacing */
#site-header #site-header-inner {
    min-height: 0 !important;
    padding: 0 !important;
}

/* Ensure footer stays at bottom */
#footer-widgets,
#footer-bottom {
    clear: both;
}

/* Print styles */
@media print {
    .ethio-horizontal-header-wrapper {
        display: none;
    }
}

/* Accessibility */
.ethio-logo-link:focus,
.partner-logo-link:focus,
.ethio-header-menu a:focus,
.mobile-menu-toggle:focus {
    outline: 2px solid #5813a1;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .ethio-header-menu .dropdown-menu > li > a,
    .ethio-logo-link,
    .partner-logo-link,
    .mobile-menu-toggle {
        transition: none !important;
        transform: none !important;
    }
}

/* Fix for mobile menu backdrop */
body.mobile-menu-open {
    overflow: hidden;
}

/* Ensure mobile menu has proper z-index */
#mobile-dropdown {
    z-index: 9998;
}

/* Loading state */
.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Force remove shadow on homepage logos */
.home .ethio-horizontal-header-wrapper .ethio-header-logo img,
.home .ethio-horizontal-header-wrapper .left-logo img,
.home .ethio-horizontal-header-wrapper .right-logo img,
.blog .ethio-horizontal-header-wrapper .ethio-header-logo img {
    filter: none !important;
    box-shadow: none !important;
}