/*
Theme Name: Architecturer Child
Theme URI: https://themes.themegoods.com/architecturer/landing
Description: Premium Architecture & Interior Design WordPress Theme
Version: 1.0
Author URI: http://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: http://themeforest.net/licenses/regular_extended
Text Domain: architecturer
Template: architecturer
*/




/* =========================================================
  A/  ARCHITECTURER — FORCER Radjhani SUR LE MENU (DESKTOP + MOBILE)
   Si le thème force une autre typo, ces sélecteurs plus larges
   + !important reprennent la main.
   ========================================================= */

/* 1) Charger Radjani (au cas où elle n’est pas déjà chargée) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&display=swap');

/* 2) Menu principal (Desktop) — couvre les wrappers fréquents du thème */
#menu_wrapper a,
#menu_wrapper .nav > li > a,
#menu_wrapper div .nav > li > a,
.tg_navigation_wrapper a,
.tg_navigation_wrapper .nav > li > a,
.header_style_wrapper a,
.header_style_wrapper .nav > li > a,
#logo_right_wrapper a {
  font-family: "Radjani", sans-serif !important;
  font-weight: 700 !important;      /* 400 / 500 / 600 selon ton goût */
  letter-spacing: 0.02em;           /* léger, pro */
}

/* 3) Sous-menus (Dropdown) */
#menu_wrapper .nav li ul li a,
.tg_navigation_wrapper .nav li ul li a {
  font-family: "Radjani", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}

/* 4) Menu mobile (souvent dans un autre conteneur) */
#mobile_menu_wrapper a,
#mobile_menu_wrapper li a,
.mobile_menu_wrapper a,
#sidr-main a { /* certains setups utilisent Sidr */
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
}




/* =========================================================
   B/TYPOGRAPHIE GLOBALE
   Objectif :
   - Titres (H1 à H6)  → Rajdhani
   - Paragraphes (p)   → Poppins
   Compatible : Architecturer + Elementor
   ========================================================= */

/* IMPORT DES POLICES GOOGLE FONTS
   (si elles ne sont pas déjà chargées ailleurs) */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

/* -----------------------------
   TITRES : H1 → H6
   ----------------------------- */
h1, h2, h3, h4, h5, h6,
.elementor h1, .elementor h2, .elementor h3,
.elementor h4, .elementor h5, .elementor h6 {

  /* Police titres */
  font-family: 'Rajdhani', sans-serif !important;

  /* Lisibilité et style pro */
  letter-spacing: 0.04em;
  text-transform: none; /* change en uppercase si souhaité */

}

/* Graisses recommandées par niveau */
h1 { font-weight: 700; }
h2 { font-weight: 600; }
h3 { font-weight: 600; }
h4, h5, h6 { font-weight: 500; }

/* -----------------------------
   TEXTE COURANT : PARAGRAPHES
   ----------------------------- */
p,
.elementor p {

  /* Police texte */
  font-family: 'Poppins', sans-serif !important;

  /* Lisibilité */
  font-weight: 500;
  line-height: 1.7;
}

/* -----------------------------
   EXCEPTIONS COURANTES
   (menus, boutons, formulaires)
   ----------------------------- */
/* Si tu veux aussi appliquer Poppins aux listes */
li {
  font-family: 'Poppins', sans-serif;
}

/* Boutons (souvent mieux en Rajdhani ou Poppins semi-bold) */
button,
input,
textarea,
.elementor-button {
  font-family: 'Poppins', sans-serif;
}



/* =========================================================
   C/ARCHITECTURER — PORTFOLIO MASONRY
   Désactiver les liens sur chaque bloc (réalisations)
   ========================================================= */

/* Désactive le clic sur les items */
.tg_portfolio_grid a,
.portfolio_masonry a {
  pointer-events: none !important;
  cursor: default !important;
}

/* Optionnel : garde le curseur normal */
.tg_portfolio_grid,
.portfolio_masonry {
  cursor: default;
}



/* =========================================================
   D/ 1 SEUL BLOC EN PLEINE LARGEUR (Elementor Container / Flexbox)
   - Le reste de la page reste "boxed"
   - Cible : conteneur ayant la classe "fullwidth-breakout"
   ========================================================= */

/* Le conteneur "breakout" sort du wrapper centré du thème */
.fullwidth-breakout {
  width: 100vw !important;            /* largeur écran */
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;      /* casse le centrage boxed */
  margin-right: -50vw !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* IMPORTANT (Elementor Containers) :
   Beaucoup de thèmes limitent l'inner (.e-con-inner) avec un max-width.
   On supprime cette limite uniquement dans ce bloc. */
.fullwidth-breakout > .e-con-inner {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Évite un scroll horizontal éventuel (souvent causé par 100vw) */
html, body {
  overflow-x: hidden;
}