/*
Theme Name: Les Rochelles
Theme URI: 
Author: Ouest Communication
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: les-rochelles
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */


/* Focus styles */



.menu-nav .home {
  background: transparent url("https://giteslesrochelles.ouestcommunication.com/wp-content/uploads/2026/02/vector.png") center center no-repeat;
  text-indent: -9999px;
  display: inline-block;
  width: 32px;
  height: 32px;
}

::-webkit-scrollbar{
width: 10px;
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    background: #B56850;
    border-radius: 5px;
    transition: all 0.15s ease;
}
::-webkit-scrollbar-thumb:hover{
background: #183D2B;
}
::-webkit-scrollbar-track {
    background: #E3C7B1;
}
::selection {
    background: #183d2b9e;
    text-shadow: none;
}



.menu-nav a:hover{
text-decoration:none;
}

.menu-nav a:focus{
outline: none;
}

.top-header {
  position: fixed;
  width: 100%;
  z-index: 10;
}

.scrolling-active .top-header {
  background-color: #b56850;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.4);
  height: 70px;
}

.scrolling-active .main-menu {
  top: -80px !important;
  left: -200px;
  pointer-events: none;
  transition-duration: 0ms !important;
}

.scrolling-active .main-menu > div {
  justify-content: left !important;
}

.scrolling-active .main-menu li {
  pointer-events: all;
}

.scrolling-active .top-header .wp-block-stackable-image {
  display: none;
}

.scrolling-active .top-header .ligne {
  display: none;
}

.scrolling-active .menu-column {
  border-width: 0px !important;
}

.scrolling-active .header-coords {
  top: -15px;
}

.main-menu .wp-block-navigation__submenu-container {
  background-color: #b5685085 !important;
  backdrop-filter: blur(8px) !important;
}
.main-menu .wp-block-navigation__submenu-container li {
  background-color: transparent;
  font-size: 0.9rem;
}
.main-menu .wp-block-navigation__submenu-container li:hover {
  background-color: #ffffff;
  color: #b5685099 !important;
}

.main-menu .wp-block-navigation__submenu-container {
  transition: 0.8s cubic-bezier(0.35, 1.61, 0.86, 1.02) !important;
}
.main-menu .wp-block-navigation__submenu-container li a {
  transition-timing-function: ease-in-out;
}
.main-menu li > .wp-block-navigation__submenu-container {
  transform-origin: top;
  perspective-origin: left center;
  perspective: 800px;
  transform: rotatex(0deg);
  opacity: 0;
  transform: rotatex(90deg);
}
.main-menu li:hover > .wp-block-navigation__submenu-container {
  opacity: 1;
  transform: rotatex(0deg);
  transform-origin: top;
  animation-duration: 0.3s;
}


