/* =========================
   COULEURS TITRES
========================= */
h2 { color: #f26c1d; }
h3 { color: #e88e2e; }
h4 { color: #4b6cab; }
h5 { color: #3d4b66; }

/* =========================
   TYPO / MISE EN PAGE GLOBALE
========================= */
.thb-section .thb-section-inner-wrapper .thb-section-row,
.thb-section .thb-section-inner-wrapper .thb-section-column-block {
  font-size: 105% !important;
  padding-bottom: 0px !important;
}

.thb-content-section-inner-wrapper,
.thb-footer-sidebar-section-inner-wrapper,
.thb-footer-section-inner-wrapper {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.archive .thb-content-section-inner-wrapper,
.archive .thb-footer-sidebar-section-inner-wrapper,
.archive .thb-footer-section-inner-wrapper {
  width: 50% !important;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1080px) {
  .archive .thb-content-section-inner-wrapper,
  .archive .thb-footer-sidebar-section-inner-wrapper,
  .archive .thb-footer-section-inner-wrapper {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
  }
}

/* =========================
   SIDEBAR / LARGEURS
========================= */
.thb-sidebar-main {
  width: 22% !important;
}

.w-sidebar #thb-main-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 75% !important;
  padding-left: 10*% !important; /* conservé tel quel (valeur invalide => ignorée par le navigateur) */
  padding-right: 1% !important;
}

/* =========================
   VOYAGES / ITINÉRAIRES
========================= */
.thb-trip-itinerary-nav {
  font-size: 75% !important;
}

.thb-trip-posts li h4,
.thb-trip-itinerary-nav .thb-trip-itinerary-stop-posts h4 {
  font-size: 160% !important;
  text-transform: uppercase;
  font-weight: 400;
}

.thb-trip-content .thb-text {
  margin-top: 2px;
  margin-bottom: 1px;
  margin-left: 5px;
}

/* IMPORTANT : on garde la taille 24px (important) + la couleur finale */
.thb-trip-content h4 {
  font-size: 24px !important;
  color: #f2a109;
}

/* IMPORTANT : on garde la règle “max-width: 90% !important” (elle écrase 1300px) */
.thb-trip-stop .thb-trip-content-inner-wrapper {
  max-width: 90% !important;
}

/* =========================
   HEADER / MENU
========================= */
.header-layout-a .thb-main-nav-wrapper {
  max-width: 90% !important;
}

.header-layout-a .thb-main-nav-wrapper #main-nav > div:first-of-type,
.header-layout-a.logo-right .thb-main-nav-wrapper #main-nav > div:last-of-type {
  height: 30px;
}

/* =========================
   ENCARTS / CITATIONS
========================= */
.encadre1 {
  margin-left: auto !important;
  margin-right: auto !important;
  border: solid 2px #024562 !important;
  width: 70% !important;
  background-color: #cae3ee !important;
  padding: 1em 1em 1em 1em !important;
}

blockquote {
  font-family: "SueEllenLocal", cursive !important;
  color: #034C8C !important;
  font-size: 200% !important;
}

/* =========================
   TAILLES TITRES (comme avant)
========================= */
h2 { font-size: 430% !important; text-align: center; }
h3 { margin-left: 5%; font-size: 330% !important; }
h4 { margin-left: 3%; font-size: 230% !important; }
h5 { font-size: 210% !important; }

/* =========================
   PROGRESS BAR / ODOMETER / ACCORDÉON / TABS
========================= */
.odometer.odometer-auto-theme {
  font-family: cursive !important;
}

.thb-section-column-block-thb_progress_bar.progress-style-b .thb-meter-bar-label {
  color: #000 !important;
}
.thb-section-column-block-thb_progress_bar .thb-meter {
  background-color: #3d4b66;
}
.thb-section-column-block-thb_progress_bar.progress-style-a .thb-meter-bar {
  height: 0.6em !important;
}
.thb-section-column-block-thb_progress_bar.progress-style-a .thb-meter-bar-progress {
  background-color: #ff9900 !important;
}

.thb-section-column-block-thb_accordion .thb-toggle-trigger {
  font-size: 130%;
  text-align: center;
}
.thb-toggle-content {
  font-size: 90% !important;
}

.thb-section-column-block-thb_tabs .thb-tabs-nav li a {
  font-size: 190%;
  text-transform: uppercase;
  font-weight: normal;
}

/* =========================
   LIENS / LISTES / TEXTE
========================= */
.thb-text ul li {
  font-size: 18px !important;
  margin-left: 3%;
}

.thb-text a {
  color: #4F8ED0 !important;
}

.lwptoc-dark a { color: #96c6ff !important; }
.lwptoc-dark a:hover { color: #ff9900 !important; }

p { line-height: 190%; font-size: 110%; }

.widget-area p,
.widget-area li {
  font-size: 15px;
}
.widget-area p a,
.widget-area li a {
  font-size: 15px;
}

.thb-mini-cart-icon-wrapper {
  display: none;
}

/* =========================
   MÉDIAS / OVERFLOW
========================= */
img, video, canvas {
  overflow: hidden !important;
}
html, body {
  overflow-x: hidden !important;
}
img,
iframe,
.wp-block-image,
.wp-block-media-text {
  max-width: 100% !important;
  height: auto !important;
}

/* =========================
   POLICE LOCALE + APPLICATION
========================= */
@font-face {
  font-family: "SueEllenLocal";
  src: url("/wp-content/fonts/SueEllenFrancisco.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Titres en Sue Ellen locale (conservé comme chez toi) */
h1, h2, h3, h4, h5, h6,
.entry-title, .post-title,
.page-title {
  font-family: "SueEllenLocal", cursive !important;
}

.thb-call-to .thb-btn {
  font-family: "SueEllenLocal", cursive !important;
}

/* =========================
   SLIDER TITRE (conservé)
========================= */
@media screen and (min-width: 700px) {
  .page-layout-f .thb-slide-caption .thb-caption-inner-wrapper .thb-heading,
  .page-layout-f .page-title {
    font-size: 600% !important;
  }
}

/* =========================
   MOBILE (conservé)
========================= */
@media screen and (max-width: 768px) {
  aside.sidebar.thb-sidebar-main,
  #thb-sidebar-main-1 {
    display: none !important;
  }

  .thb-content-section-inner-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .thb-section-inner-wrapper,
  .content-area,
  .site-main {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .w-sidebar #thb-main-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .entry-content,
  .wp-block,
  .wp-block-group,
  .wp-block-group__inner-container,
  .wp-block-paragraph,
  .wp-block-heading {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}

/* le “gros @media 500px” est conservé tel quel (valeurs identiques) */
@media (max-width: 500px) {
  .thb-navigation .nav-previous,
  .thb-navigation .nav-next,
  .thb-related li .item-title h1,
  .thb-related h3,
  .single-post .thb-single-previous-nav-wrapper a .thb-single-nav-title,
  .single-post .thb-single-next-nav-wrapper a .thb-single-nav-title,
  .work-inner-wrapper .work-data h2,
  .work-data .work-title,
  .thb-trip-content > p,
  .thb-trip-posts li h4,
  .thb-trip-itinerary-nav .thb-trip-itinerary-stop-posts h4,
  #reply-title,
  #comments-title,
  .widget .widgettitle,
  .thb-section-column-block-thb_progress_bar.progress-style-b .thb-meter,
  .thb-section-column-block-thb_progress_bar.progress-style-a .thb-meter-bar-label,
  .thb-section-column-block-thb_accordion .thb-toggle-trigger,
  .thb-section-column-block-thb_tabs .thb-tabs-nav li a {
    font-size: 90% !important;
    text-transform: uppercase;
    font-weight: normal;
  }

  .thb-section-column-block-thb_accordion .thb-toggle-trigger img {
    width: 4%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* emoji conservé */
.emoji {
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
