/*
Theme Name: Atelier Libero
Theme URI:
Author: Atelier Libero
Author URI:
Description: アトリエリベロ（美容室）のランディングページ用WordPressテーマ。固定ページのテンプレートで「Atelier Libero LP」を選択するとLPが表示されます。
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.5
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: atelier-libero
*/

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; }

::selection { background: #D16014; color: #fff; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #FAFAF8; }
::-webkit-scrollbar-thumb { background: #C2B8A3; }

@keyframes scrollDrip { 0% { transform: translateY(-100%); } 100% { transform: translateY(290%); } }

details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }

/* ---- Responsive navigation (breakpoint 880px) ---- */
.al-nav { display: flex; }
.al-burger { display: none; }
.al-reservebar { display: none; }
.al-overlay { display: none; }
.al-overlay.open { display: flex; }

@media (max-width: 879px) {
  .al-nav { display: none; }
  .al-burger { display: flex; }
  .al-reservebar { display: block; }
}

/* ---- Gallery 02: PCでは画像を左に戻す ---- */
@media (min-width: 880px) {
  .al-gallery02-image { order: -1; }
}

/* ---- Hover interactions (inline styles are the base; override on hover) ---- */
.al-navlink:hover { color: #D16014 !important; }
.al-overlaylink:hover { color: #D16014 !important; }
.al-cta:hover { background: #B5520F !important; }
.al-discover:hover { opacity: 0.5 !important; }
.al-img:hover { opacity: 0.85 !important; }
.al-reservebtn:hover { background: #EFEBE4 !important; }