/*
Theme Name: Arcettype Theme
Theme URI: https://arc-typ.com
Author: Stan De Jesus Oliveira - createur2site
Author URI: https://createur2site.fr/
Description: Thème WordPress personnalisé pour Arcettype - Agence de design expérientiel. Thème standalone avec animations GSAP, scroll smooth Lenis, et design pixel-perfect.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arcettype-theme
Tags: custom-logo, custom-menu, featured-images, theme-options, translation-ready
*/

/* =============================================
   THEME GLOBAL STYLES - ARCETTYPE
   ============================================= */

/* Reset de base */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Accessibilité : H1/labels invisibles à l'œil mais lus par les lecteurs d'écran et indexés par Google */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* =============================================
   HEADER DARK OVERRIDE STYLES
   Pour les pages avec fond sombre (Manifeste)
   ============================================= */

.g-header--dark {
    background-color: rgba(0, 0, 0, 0.05);
    color: #ffffff;
}

.g-header--dark .g-header__inner {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.g-header--dark .g-header__nav__menu {
    border-left-color: rgba(255, 255, 255, 0.2);
}

.g-header--dark .brand-text {
    color: #ffffff;
}

.g-header--dark .g-header__nav {
    color: #ffffff;
}

.g-header--dark .g-header__nav__list > li:hover > .g-header__link:not(.g-header__cta-button) {
    color: #EB6A26;
}

.g-header--dark .g-header__link .svg-parenthesis {
    color: #EB6A26;
}

.g-header--dark .g-header__cta-button {
    border-color: #EB6A26;
    color: #EB6A26 !important;
    background: rgba(235, 106, 38, 0.15);
}

.g-header--dark .g-header__cta-button:hover {
    background: rgba(235, 106, 38, 0.25);
}

/* =============================================
   BODY CLASSES FOR PAGES
   ============================================= */

/* Page Projets */
body.projets-page {
    background-color: #1a1a1a;
}

/* Page Manifeste */
body.page-template-manifeste {
    background-color: #0a0a0a;
}

/* =============================================
   UTILITY CLASSES
   ============================================= */

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* =============================================
   WORDPRESS SPECIFIC OVERRIDES
   ============================================= */

/* Remove admin bar offset if needed */
html.admin-bar .g-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    html.admin-bar .g-header {
        top: 46px;
    }
}

/* =============================================
   DEFAULT CONTENT STYLES
   ============================================= */

.default-content-section {
    background-color: #ffffff;
}

.entry-content {
    max-width: 800px;
    margin: 3rem auto;
    font-family: 'Inter', sans-serif;
    font-size: 1.125rem;
    line-height: 1.7;
    color: #333;
}

.entry-content p {
    margin-bottom: 1.5rem;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-family: 'RMNeue-Regular', sans-serif;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-content a {
    color: #EB6A26;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.entry-content a:hover {
    opacity: 0.7;
}

/* =============================================
   NO RESULTS PAGE
   ============================================= */

.no-results {
    text-align: center;
    padding: 5rem 2rem;
}

.no-results p {
    font-size: 1.25rem;
    color: #666;
    margin-top: 1.5rem;
}

/* =============================================
   RESPONSIVE — MOBILE (≤768px)
   Génériques pour le contenu WP par défaut (pages standard, no-results,
   admin-bar, etc.). Les CSS spécifiques blog/projets/etc gèrent leurs cas.
   ============================================= */
@media (max-width: 768px) {
    /* Empêche le rubber-band iOS / l'over-scroll qui laisse "glisser" la
       page entière hors du viewport (révèle le fond derrière). Le scroll
       normal continue de fonctionner. overflow-x:hidden est déjà sur body
       (ligne 31), on n'y touche pas pour ne rien casser. */
    html,
    body {
        overscroll-behavior: none;
        -webkit-overflow-scrolling: auto;
    }

    .entry-content {
        margin: 2rem 1.25rem;
        font-size: 1rem;
        max-width: 100%;
    }

    .no-results {
        padding: 3rem 1.25rem;
    }

    .no-results p {
        font-size: 1rem;
    }
}