/*
Theme Name: Antigravity Theme
Theme URI: 
Author: Antigravity AI
Author URI: 
Description: A custom WordPress theme for Reform Ichihara, featuring a sophisticated and natural design using Tailwind CSS.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-layout, responsive-layout, tailwind
*/

/* Reset & Normalize (via Tailwind CDN mainly) */

/* Custom Styles Merged */

/* Custom Base Styles */
body {
    font-family: 'Noto Sans JP', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-heading {
    font-family: 'Outfit', sans-serif;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Animations */
.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-in {
    opacity: 0;
    transition: opacity 1s ease-out;
}

.fade-in.visible {
    opacity: 1;
}

/* Staggered delays */
.delay-100 {
    transition-delay: 0.1s;
}

.delay-200 {
    transition-delay: 0.2s;
}

.delay-300 {
    transition-delay: 0.3s;
}

/* Custom Utilities */
.text-stroke {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
    color: transparent;
}

.glass-nav {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* Mobile Menu Transition */
#mobile-menu {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Explicit Hover Animations */
.hover-zoom-img {
    transition: transform 0.7s ease-out;
    transform: scale(1);
    will-change: transform;
}

.group:hover .hover-zoom-img {
    transform: scale(1.1);
}

/* WordPress Alignments */
.alignwide {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.alignfull {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
}

/* Prevent horizontal scroll from 100vw */
body {
    overflow-x: hidden;
}