/*******************************
    Main Navigation Structure
*******************************/
/* Main container and layout */
.yk-mainmenu {
   height: 9rem !important;
   padding-top: 2rem !important;
   padding-bottom: 2rem !important;
}
.yk-mainmenu a {
color: white; 
font-weight: 300 !important;
font-size: medium; 
}

.yk-mainmenu h3 a {
font-weight: 700 !important;
text-transform: uppercase; 
letter-spacing: 3px;  
}

.py-6{
padding-top: 2.5rem !important; 
padding-bottom: 5rem !important; 
}

.yk-mainmenu {
  height: 7rem !important;
}
/*.yk-mainmenu a:hover {
color: var(--color-yk-accent);
}
.yk-mainmenu-item.active{
text-decoration: none; 
color: var(--color-yk-accent);
}
*/
.yk-mainmenu-container {
}

.yk-mainmenu-spacer {
}

/* Hide arrow down in menu */
.ml-1 {
    display: none;
}

.mb-2 a {
  color: white;
  font-size: medium; 
  font-weight: 300 !important; 
  line-height: 1.4rem;
  letter-spacing: 1px; 
  }
  
  .pt-2{
  padding-top: 2rem; 
  }
  
  .yk-topmenu-link{
  letter-spacing: 1px;
  }

/*******************************
    Logo Styles
*******************************/
.yk-mainmenu .yk-mainmenu-logo img.yk-mainmenu-logo-img {
   height: 4.5rem !important;
}

.yk-mainmenu.scrolled .yk-mainmenu-logo img.yk-mainmenu-logo-img {
  height: 2.5rem !important; /* for scrolled state (10px) */
}

.yk-mainmenu-logo-img {
}

@media (max-width: 1000px) {
.yk-mainmenu img.yk-mobile-nav-logo-img {
    height: 3.5rem !important; /* for non-scrolled state (4px) */
  }

.yk-mainmenu.scrolled img.yk-mobile-nav-logo-img {
    height: 2.5rem !important; /* for scrolled state (2px) */
  }
}

/*******************************
    Navigation Items
*******************************/
.yk-mainmenu-nav {
}

.yk-mainmenu-item {
   letter-spacing: 3px !important;
   font-weight: 400 !important;
}

.yk-mainmenu-item.active {
}

.book-button {
    background-color: var(--wp--preset--color--yk-accent);
    width: 7rem;
    padding: 12px 24px !important;
    border-radius: none !important;
    text-decoration: none !important;
    display: inline-block !important;
    /*clip-path: polygon(
     0% 0%,  */     /* top left */
     /*70% 0%, */     /* top right before cut */
     /*100% 42%, */   /* angled corner */
     /*100% 100%, */  /* bottom right */
     /*0% 100%   */   /* bottom left */
  /* )  !important;*/
    transition: background-color 0.3s ease !important;
    text-transform: uppercase;
}

.book-button:hover {
    color: var(--wp--preset--color--yk-primary) !important; }

/*******************************
    Search Component
*******************************/
.yk-mainmenu-search {
}

.yk-search {
  /* Main search container */
}

.yk-search-button {
  /* Search toggle button */
}

.yk-search-icon {
  /* Search icon in button */
}

.yk-search-dropdown {
  /* Search dropdown container */
}

.yk-search-dropdown--open {
  /* Search dropdown when open */
}

.yk-search-form {
  /* Search form container */
}

.yk-search-input {
  /* Search input field */
}

.yk-search-submit {
  /* Submit button */
}

.yk-search-submit-icon {
  /* Icon in submit button */
}

/*******************************
    Hamburger Menu
*******************************/
.yk-hamburger {
}

.yk-hamburger-open {
}

.yk-hamburger-close {
}

/*******************************
    Standard Dropdown Menu
*******************************/
.yk-mainmenu-dropdown {
}

.yk-dropdown-menu {
}

.yk-dropdown-container {
}

.yk-dropdown-header {
}

/* Logo within dropdown */
.yk-dropdown-logo-link {
}

.yk-dropdown-logo {
}

/* Dropdown core components */
.yk-dropdown-wrapper {
}

.yk-dropdown-wrapper--open {
}

.yk-dropdown-bridge {
}

/* Dropdown interactive elements */
.yk-dropdown-button {
}

.yk-dropdown-button:hover {
}

.yk-dropdown-title {
}

.yk-dropdown-arrow {
}

.yk-dropdown-arrow--open {
}

/*******************************
    Dropdown Content Structure
*******************************/
.yk-dropdown-content {
}

.yk-dropdown-grid {
}

.yk-dropdown-column {
}

/* Parent menu items */
.yk-dropdown-parent {
}

.yk-dropdown-parent-link {
}

/* Child menu items */
.yk-dropdown-children-wrapper {
}

.yk-dropdown-group {
}

.yk-dropdown-child {
}

.yk-dropdown-child-link {
}

/* Social media section */
.yk-dropdown-social-column {
}

.yk-dropdown-divider {
}

.yk-dropdown-social {
}

.yk-dropdown-spacer {
}

/*******************************
    Full-Width Dropdown
*******************************/
.yk-mainmenu-dropdown-full {

}

.yk-fullwidth-dropdown {
}

.yk-fullwidth-dropdown-content {
}

.yk-fullwidth-dropdown-inner {
}

.yk-fullwidth-dropdown-grid {
}

/*******************************
   Dropdown Banner Menu
*******************************/
.yk-dropdown-banner {
}

.yk-dropdown-banner-logo {
}

.yk-dropdown-banner-logo-img {
}

.yk-dropdown-banner-wrapper {
}

/*******************************
    Usage Examples
*******************************
/* Full-width dropdown example*/
.yk-fullwidth-dropdown {
  position: relative !important;
}

.yk-fullwidth-dropdown-content {
  background-color: var(--wp--preset--color--primary) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.yk-fullwidth-dropdown-inner {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 2rem !important;
}

.yk-fullwidth-dropdown-grid {
  display: grid !important;
  gap: 2rem !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
}


/* Basic styling example
.yk-mainmenu {
  background-color: #your-color !important;
}

.yk-mainmenu-item {
  color: #your-color !important;
  font-size: 16px !important;
}

.yk-mainmenu-item:hover {
  color: #your-hover-color !important;
}
*/

/* Mobile Navigation */
.yk-mobile-nav {
  /* Main mobile nav container */
}

.yk-mobile-nav-container {
  /* Inner container */
}

.yk-mobile-nav-logo {
  /* Logo container */
}

.yk-mobile-nav-logo-img {
  /* Logo image */
}

/* Mobile Toggle Button */
.yk-mobile-nav-toggle {
  /* Toggle button container */
}

.yk-mobile-nav-toggle-line {
  /* Toggle button lines */
}

.yk-mobile-nav-toggle-line--open {
  /* Toggle button lines when menu is open */
}

/* Mobile Menu */
.yk-mobile-overlay {
  /* Overlay background */
}

.yk-mobile-overlay--open {
  /* Overlay when menu is open */
}

.yk-mobile-menu {
  /* Mobile menu container */
}

.yk-mobile-menu--open {
  /* Mobile menu when open */
}

.yk-mobile-menu-items {
  /* Menu items container */
}

/* Menu Items */
.yk-mobile-menu-item {
  /* Individual menu item */
}

.yk-mobile-menu-item-header {
  /* Menu item header */
}

.yk-mobile-menu-link {
  /* Menu item link */
}

.yk-mobile-menu-link--active {
  /* Active menu item */
}

.yk-mobile-menu-toggle {
  /* Submenu toggle button */
}

.yk-mobile-menu-toggle-icon {
  /* Toggle icon */
}

/* Submenu */
.yk-mobile-submenu {
  /* Submenu container */
}

.yk-mobile-submenu--open {
  /* Open submenu */
}

.yk-mobile-submenu-content {
  /* Submenu content */
}

/* Search */
.yk-mobile-search {
  /* Search container */
}

.yk-mobile-search-form {
  /* Search form */
}

.yk-mobile-search-input {
  /* Search input */
}

.yk-mobile-search-submit {
  /* Search submit button */
}

.yk-mobile-search-icon {
  /* Search icon */
}

/* Language Switcher */
.yk-mobile-language {
  /* Language switcher container */
}

/* Example usage:
.yk-mobile-nav-toggle {
  padding: 8px !important;
}

.yk-mobile-nav-toggle-line {
  background-color: #ffffff !important;
  transition: all 0.3s ease !important;
}

.yk-mobile-menu {
  background-color: var(--wp--preset--color--primary) !important;
}

.yk-mobile-menu-link {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 600 !important;
}

.yk-mobile-submenu {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
*/