/*
Theme Name: Blockskit Business Biz
Theme URI: https://blockskit.com/blockskit-business-biz/
Author: BlockskitDev
Author URI: https://blockskit.com
Description: Blockskit Business Biz is a modern, versatile FSE WordPress theme designed for business, company, consulting, consult, agency, corporate, digital marketing, marketing, startup, finance, fintech, it solution, saas, software, tech solution, technology, and other Startup Company & Business websites—no coding required. With full-site editing, you can easily customize every aspect of your site, including headers and footers. Featuring multiple templates, patterns, and style variations, it adapts seamlessly to various aesthetics and business needs.
Template: blockskit-base
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blockskit-business-biz
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education

Blockskit Business Biz WordPress Theme, Copyright 2025 BlockskitDev
Blockskit Business Biz is distributed under the terms of the GNU General Public License v3
*/




/* ===== Navigation Submenu Styles ===== */
.wp-block-navigation {
  display: flex;
  flex-wrap: wrap;
  direction: rtl;
}

.wp-block-navigation-item {
  position: relative;
  display: inline-block;
}

.wp-block-navigation-item:has(> .wp-block-navigation__submenu-container) {
  position: relative;
}

.wp-block-navigation__submenu-container {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  min-width: 250px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  z-index: 1000;
  margin-top: 4px;
  padding: 8px 0;
}

.wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
.wp-block-navigation-submenu:hover > .wp-block-navigation__submenu-container {
  display: block;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item {
  display: block;
  width: 100%;
}

.wp-block-navigation__submenu-container .wp-block-navigation-link {
  display: block;
  padding: 12px 20px;
  width: 100%;
  box-sizing: border-box;
  color: #1e293b !important;
  text-decoration: none;
  border-bottom: 1px solid #e2e8f0;
}

.wp-block-navigation__submenu-container .wp-block-navigation-link:last-child {
  border-bottom: none;
}

.wp-block-navigation__submenu-container .wp-block-navigation-link:hover {
  background-color: #f3f4f6;
  color: #f59e0b !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .wp-block-navigation__submenu-container {
    position: static;
    display: none;
    box-shadow: none;
    background: #f9fafb;
    margin-top: 0;
  }
  
  .wp-block-navigation-item:active > .wp-block-navigation__submenu-container {
    display: block;
  }
}

/* ===== Traditional WP Menu Navigation ===== */
.wp-custom-nav-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  direction: rtl;
  flex-wrap: wrap;
}

.wp-custom-nav-menu > li {
  position: relative;
  margin: 0 15px;
  display: inline-block;
}

.wp-custom-nav-menu > li > a {
  display: block;
  padding: 12px 0;
  color: #1e293b;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.wp-custom-nav-menu > li > a:hover {
  color: #f59e0b;
}

/* Submenu styles */
.wp-custom-nav-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  min-width: 250px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  z-index: 1000;
}

.wp-custom-nav-menu li:hover > .sub-menu {
  display: block;
}

.wp-custom-nav-menu .sub-menu li {
  display: block;
  margin: 0;
  padding: 0;
}

.wp-custom-nav-menu .sub-menu a {
  display: block;
  padding: 12px 20px;
  color: #1e293b !important;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid #e2e8f0;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.wp-custom-nav-menu .sub-menu a:hover {
  background-color: #f3f4f6;
  color: #f59e0b !important;
}

.wp-custom-nav-menu .sub-menu li:last-child > a {
  border-bottom: none;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .wp-custom-nav-menu {
    flex-direction: column;
  }
  
  .wp-custom-nav-menu > li {
    margin: 5px 0;
  }
  
  .wp-custom-nav-menu .sub-menu {
    position: static;
    display: none;
    box-shadow: none;
    background: #f9fafb;
    border-radius: 0;
    min-width: auto;
  }
  
  .wp-custom-nav-menu li:active > .sub-menu {
    display: block;
  }
}