/* Carré Chêne – améliorations responsive (ajout post-conversion) */
.cc-burger { display: none; }
img, iframe { max-width: 100%; }
img { height: auto; }
.site-page-header { border: 0; }
.site-page-header:empty { display: none; }
.site-page-header h1, .page-h1 { font-size: 26px; line-height: 1.25; margin: 0; padding: 22px 0 18px; color: #333; }
.contact-google-map iframe { width: 100%; height: 400px; display: block; }
.contact-google-map { width: auto; }
.post-project-info h1 { font-size: 20px; line-height: 1.3; margin: 8px 0 16px; color: #333; }

@media only screen and (max-width: 750px) {
  html { -webkit-text-size-adjust: 100%; }
  body { min-width: 0; }
  .col-width, .fullwidth #primary, #primary, #secondary,
  #main, #site-head, #site-content, footer .col-width { width: auto !important; max-width: 100%; padding-left: 16px; padding-right: 16px; box-sizing: border-box; overflow: visible; }
  /* header : logo à gauche, burger à droite, menu déroulant */
  .select-menu, #top-menu select { display: none !important; }
  .site-head-info { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 8px 0; }
  header .site-logo { text-align: left; padding: 0; margin: 0; flex: 1 1 auto; }
  header .site-logo img { max-width: 200px; display: block; }
  .cc-burger { display: block; width: 46px; height: 46px; padding: 11px 9px; margin: 0; border: 0; border-radius: 6px; background: #f7941d; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .cc-burger span { display: block; height: 3px; margin: 5px 0; background: #fff; border-radius: 2px; transition: transform .25s, opacity .2s; }
  .menu-open .cc-burger span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .menu-open .cc-burger span:nth-child(2) { opacity: 0; }
  .menu-open .cc-burger span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  #site-head { position: relative; z-index: 1000 !important; }
  .site-head-info { position: relative; }
  #top-menu { flex: 0 0 100%; margin: 0 !important; position: static; }
  header #menu-topmenu { display: none !important; flex-direction: column; position: absolute; left: -16px; right: -16px; top: 100%; z-index: 1001 !important; height: auto !important; margin: 0; padding: 0 16px 8px; background: #fff; border-top: 1px solid #e5e5e5; box-shadow: 0 10px 24px rgba(0,0,0,.15); }
  .menu-open #menu-topmenu { display: flex !important; }
  header #menu-topmenu li { float: none; margin: 0; width: 100%; height: auto !important; border-bottom: 1px solid #e5e5e5; }
  header #menu-topmenu li a { display: block; padding: 14px 8px; font-size: 16px; line-height: 1.2; color: #333; background: none; text-align: left; }
  header #menu-topmenu li.current-menu-item a, header #menu-topmenu li.current_page_item a { color: #f7941d; font-weight: bold; }
  #site-head, #site-head > div, .site-head-info { height: auto !important; min-height: 0 !important; overflow: visible; }
  #site-head::after { content: ""; display: block; clear: both; }
  #main, #site-content { margin-top: 10px; }
  #top-menu { float: none !important; width: auto !important; height: auto !important; }
  .site-page-header h1, .page-h1 { font-size: 22px; padding: 14px 0 10px; }
  /* slider accueil */
  #slides-home { width: 100% !important; height: auto !important; aspect-ratio: 700 / 550; }
  #slides-home .slides_container, #slides-home .slides_control, #slides-home .slides_container .slide { width: 100% !important; height: 100% !important; }
  #slides-home .slides_container .slide img { width: 100% !important; height: 100% !important; object-fit: cover; }
  .home-slider-pagination { left: auto; right: 12px; top: 12px; }
  .home-slider-next, .home-slider-prev { top: 42%; }
  /* grilles de réalisations : 2 colonnes */
  .home-latest-works ul, .portfolio-sortable-grid, .portfolio-lists-2, .related-post-lists ul { display: flex !important; flex-wrap: wrap; gap: 14px; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; height: auto !important; }
  .home-latest-works ul li.col-4-1, .portfolio-sortable-grid li.col-4-1, .portfolio-lists-2 li.col-4-1, .related-post-lists ul li.col-4-1,
  .portfolio-sortable-grid .item { float: none !important; width: calc(50% - 7px) !important; margin: 0 !important; position: static !important; }
  .post-thumb img { width: 100% !important; height: auto !important; }
  .home-latest-works h2, .portfolio-lists-2 h2, .related-post-lists h2 { font-size: 13px; }
  /* filtres catégories : puces en ligne */
  .sortable-menu, ul.filter { display: flex; flex-wrap: wrap; gap: 6px; }
  .sortable-menu li, ul.filter li { float: none; margin: 0 !important; }
  ul.filter li a { padding: 8px 12px; font-size: 13px; }
  /* fiche réalisation */
  .post-portfolio-single .post-project-main, .post-portfolio-single .post-project-info { width: auto !important; float: none; }
  .post-portfolio-single-slider, .post-portfolio-single-slider .slides_container, .post-portfolio-single-slider .slides_container .slide { width: 100% !important; height: auto !important; }
  .post-portfolio-single-slider .slides_container .slide img, .post-portfolio-single .post-thumb img { width: 100% !important; height: auto !important; }
  .post-portfolio-single .post-project-info { margin-top: 20px; }
  .post-portfolio-single .post-content p { margin: 0; }
  .post-portfolio-single .post-content img { width: 100%; }
  .post-project-info h1 { font-size: 22px; line-height: 1.3; margin: 6px 0 14px; }
  /* contact */
  .contact-google-map iframe { height: 260px; }
  .contact-form-wrap .contact-file input[type="text"], .contact-form-wrap .contact-form-content { width: 100% !important; box-sizing: border-box; font-size: 16px; }
  #send-message { padding: 12px 24px; font-size: 16px; }
  /* pied de page */
  .footer-widgets-area .col-footer-1-1, .footer-widgets-area .col-footer-2-1, .footer-widgets-area .col-footer-3-1,
  .footer-widgets-area .col-footer-3-1-last, .footer-widgets-area .col-footer-4-1 { width: auto !important; }
  .footer-widgets-area li[style] { float: none !important; width: auto !important; margin-bottom: 10px; }
  .bottom-menu-class li { margin-bottom: 8px; }
}
@media only screen and (max-width: 340px) {
  .home-latest-works ul li.col-4-1, .portfolio-sortable-grid li.col-4-1, .portfolio-lists-2 li.col-4-1, .related-post-lists ul li.col-4-1, .portfolio-sortable-grid .item { width: 100% !important; }
}