/*
Theme Name: NexSas-Child
Template:   nexsas
Theme URI: https://nextsaas-wp-dark.pixels71.com/
Author: Pixels71
Author URI: https://themeforest.net/user/pixels71
Description: NexSas is a robust and versatile SaaS, Software & Startup WordPress Theme, tailored specifically for technology-driven businesses. It's the ideal solution for transforming your Creative or technology website. Designed with conversion optimization in mind, NexSas combines sleek, modern aesthetics with powerful features to effectively showcase your software or services.
Version: 1.1.0
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.0
License: GNU General Public License v2 or later 
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Text Domain: nexsas-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Copyright 2025 NexSas. This theme is distributed under the terms of the GNU General Public License (GPL).
*/

html {
    scroll-behavior: auto !important;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bypostauthor {
    font-weight: bold;
}

.gallery-caption {
    font-style: italic;
    text-align: center;
}

.screen-reader-text {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* === Fluency-style transparent nav over the homepage hero ===
   The Customizer "Additional CSS" turns the nav into a full-width
   white bar using !important. On the homepage, while the nav is idle,
   these higher-specificity rules beat it: transparent bar with white
   links over the hero video. Hovering the menu (dropdowns) or focusing
   it drops the override, so the normal white bar fills back in.
   Browsers without :has() support simply keep the solid white bar. */
body.home .nextsaas-header .nav-menu.header-one {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

body.home .nextsaas-header .nav-menu.header-one .nav-item-link {
    transition: color 0.3s ease;
}

body.home .nextsaas-header .nav-menu.header-one:not(:focus-within):not(:has(.nextsaas_nav_menu:hover)):not(.wc-nav-scrolled) {
    background: transparent !important;
    border-bottom-color: transparent !important;
}

body.home .nextsaas-header .nav-menu.header-one:not(:focus-within):not(:has(.nextsaas_nav_menu:hover)):not(.wc-nav-scrolled) .nav-item-link,
body.home .nextsaas-header .nav-menu.header-one:not(:focus-within):not(:has(.nextsaas_nav_menu:hover)):not(.wc-nav-scrolled) .menu-item > a,
body.home .nextsaas-header .nav-menu.header-one:not(:focus-within):not(:has(.nextsaas_nav_menu:hover)):not(.wc-nav-scrolled) .nav-item-link svg,
body.home .nextsaas-header .nav-menu.header-one:not(:focus-within):not(:has(.nextsaas_nav_menu:hover)):not(.wc-nav-scrolled) .menu-item svg {
    color: #fff !important;
}

/* White logo while the nav is transparent so it stays visible over the video */
body.home .nextsaas-header .nav-menu.header-one .main-logo,
body.home .nextsaas-header .nav-menu.header-one .mobile-logo {
    transition: filter 0.3s ease;
}

body.home .nextsaas-header .nav-menu.header-one:not(:focus-within):not(:has(.nextsaas_nav_menu:hover)):not(.wc-nav-scrolled) .main-logo,
body.home .nextsaas-header .nav-menu.header-one:not(:focus-within):not(:has(.nextsaas_nav_menu:hover)):not(.wc-nav-scrolled) .mobile-logo {
    filter: brightness(0) invert(1);
}

/* === Badges/pills: render text as typed ===
   The theme forces `text-transform: lowercase` on .badge, which squashes
   "Embedded AI Team" into "embedded ai team". Render as authored instead;
   the parent's ::first-letter uppercase still applies for any badges that
   are typed in lowercase. */
.badge {
    text-transform: none;
}