/*
Theme Name:     WEBLOFT
Theme URI:      http://www.webloft.ca/
Description:    Thème personnalisé Webloft
Author:         WEBLOFT // JFRanger, Maxime & Véro
Template:       hello-elementor
Version:        2.0.2
Text Domain:    hello-elementor-child
License:        GPL-3.0
*/

/* Utilities */
.nomargin, .no-margin,
.nomargin p, .no-margin p,
.nopadding, .no-padding,
.nopadding p, .no-padding p {
  margin: 0 !important;
  padding: 0 !important;
}
ul.sub-menu {
	z-index:10000 !important;
}

/* ==========================================================================
   Single Product Galleries
   ========================================================================== */

.wl-project-gallery > .section { margin-top: 30px; }

.wl-project-gallery > .section > .content {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px 0;
  padding: 0;
}

.wl-project-gallery .col { display: flex; flex-wrap: wrap; padding: 0; }
.wl-project-gallery .col-2 { margin: 10px; flex: 0 0 calc(50% - 20px); }
.wl-project-gallery .col-3 { margin: 10px; flex: 0 0 calc(33.3334% - 20px); }
.wl-project-gallery .col-4 { margin: 10px; flex: 0 0 calc(25% - 20px); }

.wl-project-gallery .header h2,
.wl-project-gallery-v2 .header h2 {
  color: var(--e-global-color-primary);
  font-family: "Montserrat", Sans-serif;
  font-size: 26px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.2em;
  padding: 10px;
  background-color: #EEF0F2;
}

.wl-project-gallery .col a,
.wl-project-gallery-v2 .col a { display: block; width: 100%; }

.wl-project-gallery .col a img {
  width: 100%; height: 230px; object-fit: cover; vertical-align: middle;
}
.wl-project-gallery-v2 .col a img {
  width: 100%; height: 190px; object-fit: cover; vertical-align: middle;
}

/* Video thumbs */
.wl-project-gallery.videos .title { color: #000; padding: 5px; text-align: center; }
.wl-project-gallery.videos a.item-link .image {
  position: relative; display: block; width: 100%;
}
.wl-project-gallery.videos a.item-link .image:before {
  content: ''; position: absolute; inset: 0; top: 50%; transform: translateY(-50%);
  text-align: center; margin: 0 auto; height: 73px; width: 74px;
  background: url(data:image/png;base64,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);
}

/* Responsive gallery tweaks */
@media (max-width: 1024px) {
  .wl-project-gallery .header h2 { text-align: center; }
  .wl-project-gallery .col-4 { flex: 0 0 calc(33.3334% - 20px); }
}
@media (max-width: 767px) {
  .wl-project-gallery .col-4,
  .wl-project-gallery .col-3 { flex: 0 0 calc(50% - 20px); }
  .nomobile { display: none; }
  .elementor-button-link { display: block !important; width: 100%; }
}
@media (max-width: 520px) {
  .wl-project-gallery .col-4,
  .wl-project-gallery .col-3 { flex: 0 0 calc(100% - 20px); }
}

/* ==========================================================================
   Owl Carousel
   ========================================================================== */
.owl-carousel.wl_photos_slider { padding: 0 60px; margin-bottom: 80px; }
.owl-carousel.wl_photos_slider .owl-nav { margin-top: 0; }
.owl-carousel.wl_photos_slider .item a { display: block; position: relative; }

.wl-project-gallery-v2 .header h2 { margin-bottom: 25px; }

.owl-carousel.wl_photos_slider .owl-nav > button {
  position: absolute; top: 50%; transform: translateY(-50%);
  color: #000; width: 22px; height: 40px; margin: 0;
  background-repeat: no-repeat; background-size: 100% 100%;
}
.owl-carousel.wl_photos_slider .owl-nav > button:hover { background-color: inherit; color: #000; opacity: .5; }
.owl-carousel.wl_photos_slider .owl-nav > button.owl-prev {
  left: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAABMCAYAAAAbbiUcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAr1JREFUeNrs2r9LHEEUB/C75RLQQpukSsCfpbZJFTAHCQjGSivBxkr/AbURrJL8A5EEq0C6hJDESsFYiKCVopUoWmgh2mihoODl+8J4nMm+dXZvZt8bcOExnCPL5+bmze6+nWKlUiloOzpa256j+YgY2N3f26G/FbVBDXIe0YQ4RPQQVhX0H+TN8RerBsogb471KADkCWI4UoAso1lkkEeIMuboZkkBcg7RENNdTST6EIWAFIOmRYpAsyBzhwLZmwWZKxTIfjQ/GOQu4gWHpKOUI/Ir4gGDpJE8SDpHFALSO9QV0ivUJdIbFMghNN8Z5HZapJdkMsjPzCBsmWv3cdrzRiEgnUJ9Ip1BfSOdQIEc8Y2sGwrkKJpZ5jxrJruPXfxqpTqRH5huQr4G8tRVDkQhIDNBJZCpoVLIVFAgJxKQz...'); /* truncated for brevity */
}
.owl-carousel.wl_photos_slider .owl-nav > button.owl-next {
  right: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAABMCAYAAAAbbiUcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtVJREFUeNrU279rFEEUB/C95ylooU2sF...'); /* truncated for brevity */
}
.owl-carousel.wl_photos_slider .owl-nav.disabled { display: block; }

body .owl-carousel.wl_photos_slider img {
  width: 100%; height: 230px; object-fit: cover;
}

/* ==========================================================================
   Brands
   ========================================================================== */
.wl-project-gallery-v2.brand .item-link { display: block; font-size: 0; }
.wl-project-gallery-v2.brand > .section:not(:first-child) { margin-top: 40px; }

.wl-project-gallery-v2.brand .wl_photos_slider {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px;
}
@media (max-width: 1024px) { .wl-project-gallery-v2.brand .wl_photos_slider { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 767px)  { .wl-project-gallery-v2.brand .wl_photos_slider { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 500px)  { .wl-project-gallery-v2.brand .wl_photos_slider { grid-template-columns: repeat(2, 1fr); } }

.wl-brands-buttons .elementor-button-wrapper:not(:last-child) { margin-bottom: 15px; }
.wl-brands-buttons .elementor-button {
  font-family: "Montserrat", Sans-serif; font-size: 15px; font-weight: 600;
  text-transform: uppercase; line-height: 1em; fill: #fff; color: #fff;
  background-color: #024B88; border: 1px solid var(--e-global-color-primary); border-radius: 0;
}
.wl-brands-buttons .elementor-button:hover {
  color: var(--e-global-color-primary); background-color: transparent; border-color: var(--e-global-color-primary);
}

.wl-brands-warranty {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.wl-brands-warranty .item > a {
  display: block; height: 100%; padding: 13px 20px 20px; border-radius: 10px;
  box-shadow: rgba(14,63,126,.06) 0 0 0 1px, rgba(42,51,70,.03) 0 1px 1px -.5px,
              rgba(42,51,70,.04) 0 2px 2px -1px, rgba(42,51,70,.04) 0 3px 3px -1.5px,
              rgba(42,51,70,.03) 0 5px 5px -2.5px, rgba(42,51,70,.03) 0 10px 10px -5px,
              rgba(42,51,70,.03) 0 24px 24px -8px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='800px' width='800px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 370.32 370.32' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23024B88;' d='M148.879,85.993H95.135c-8.284,0-15,6.716-15,15c0,8.284,6.716,15,15,15h53.744 c8.284,0,15-6.716,15-15C163.879,92.709,157.163,85.993,148.879,85.993z'/%3E%3Cpath style='fill:%23024B88;' d='M148.879,148.327H95.135c-8.284,0-15,6.716-15,15c0,8.284,6.716,15,15,15h53.744 c8.284,0,15-6.716,15-15C163.879,155.043,157.163,148.327,148.879,148.327z'/%3E%3Cpath style='fill:%23024B88;' d='M211.944,253.354v14.608h7.717c9.359,0,9.359-5.599,9.359-7.439c0-1.775,0-7.17-9.359-7.17H211.944z '/%3E%3Cpath style='fill:%23024B88;' d='M325.879,225.752h-24.41V73.703c0-3.934-1.56-7.705-4.344-10.484l-58.876-58.88 C235.465,1.561,231.699,0,227.765,0H50.58C34.527,0,21.469,13.059,21.469,29.112v312.095c0,16.054,13.059,29.113,29.111,29.113 h221.777c16.052,0,29.111-13.06,29.111-29.113v-30.048h24.41c12.687,0,22.973-10.285,22.973-22.973v-39.462 C348.852,236.038,338.566,225.752,325.879,225.752z M269.855,337.906H53.082V32.414H207.17V75.99 c0,10.555,8.554,19.107,19.105,19.107h43.58v130.655h-74.178c-12.688,0-22.973,10.286-22.973,22.973v39.462 c0,12.688,10.285,22.973,22.973,22.973h74.178V337.906z M238.51,260.523c0,10.441-7.224,16.928-18.85,16.928h-7.717v8.977 c0,2.316-1.877,4.197-4.195,4.197h-1.097c-2.319,0-4.197-1.881-4.197-4.197v-38.366c0-2.316,1.878-4.197,4.197-4.197h13.009 C231.287,243.864,238.51,250.246,238.51,260.523z M262.305,290.625H247.21c-2.319,0-4.197-1.881-4.197-4.197v-38.366 c0-2.316,1.877-4.197,4.197-4.197h15.095c13.148,0,23.845,10.5,23.845,23.409C286.15,280.15,275.454,290.625,262.305,290.625z M322.455,249.156c0,2.32-1.878,4.197-4.197,4.197h-17.045v10.053h14.521c2.317,0,4.197,1.875,4.197,4.195v1.099 c0,2.316-1.88,4.197-4.197,4.197h-14.521v13.53c0,2.316-1.877,4.197-4.196,4.197h-1.096c-2.32,0-4.197-1.881-4.197-4.197v-38.366 c0-2.316,1.877-4.197,4.197-4.197h22.337c2.319,0,4.197,1.881,4.197,4.197V249.156z'/%3E%3Cpath style='fill:%23024B88;' d='M262.305,253.354h-9.803v27.782h9.803c7.915,0,14.355-6.222,14.355-13.862 C276.661,259.598,270.221,253.354,262.305,253.354z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px auto; background-repeat: no-repeat; background-position: top 20px right 20px;
}
.wl-brands-warranty .item .title {
  color: var(--e-global-color-primary); font-family: "Montserrat", Sans-serif;
  font-size: 20px; font-weight: 800; text-transform: uppercase; line-height: 1.2em; padding-right: 35px;
}
.wl-brands-warranty .item .desc {
  font-family: "Montserrat", Sans-serif; font-size: 16px; font-weight: 400;
  line-height: 1.5em; color: #333;
}

@media (max-width: 1024px) { .wl-brands-warranty { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px)  { .wl-brands-warranty { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .wl-brands-warranty { grid-template-columns: 1fr; } }

.wl-embed { margin-top: 20px; }

/* ==========================================================================
   Compare Bar (floating)
   ========================================================================== */
.wl-compare-bar {
  position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999;
  display: flex; gap: .75rem; align-items: center; justify-content: center;
  background: #111; color: #fff; padding: .75rem 1rem;
}
.wl-compare-bar[hidden] { display: none !important; }

.wl-compare-go.is-disabled { opacity: .5; pointer-events: none; }

/* Unify WL button look (compare bar buttons, main compare button, reset) */
.wl-compare-bar .wl-compare-go,
.wl-compare-bar .wl-compare-reset,
.wl-btn-compare,
.wl-compare-reset{
  font-family: "Montserrat", Sans-serif;
  font-size: 12px; font-weight: 600; text-transform: uppercase; line-height: 1em;
  color: #fff !important; fill: #fff;
  border: 1px solid var(--e-global-color-primary); border-radius: 0;
  text-decoration: none;
  background-color: var(--e-global-color-primary);
  padding: 10px 24px;
}
.wl-compare-bar .wl-compare-go { padding: 12px 24px; }
.wl-compare-bar .wl-compare-reset:hover,
.wl-btn-compare:hover,
.wl-btn-compare:focus,
.wl-compare-reset:hover,
.wl-compare-reset:focus{ background-color: #fff; color: var(--e-global-color-primary) !important; border: 1px solid var(--e-global-color-primary); border-radius: 0; }

/* Single product compare CTA (button + "Ajouté") */
.wl-compare-cta { display: flex; align-items: center; gap: 10px; }
.wl-added     { display: none; color: #16a34a; font-weight: 600; order: 0; }
.wl-added-text{ font-size: 12px; }
.wl-check     { display: inline-block; transform: translateY(1px); }
.wl-btn-compare { order: 1; }

.wl-btn-compare .wl-btn-ico { display: inline-flex; line-height: 0; vertical-align: middle; color: inherit; }
.wl-btn-compare .wl-btn-ico svg { display: block; }
.wl-btn-compare.is-in + .wl-added { display: inline-flex; align-items: center; gap: 6px; }

/* ==========================================================================
   Overlay Compare Button (Elementor Posts)
   ========================================================================== */
.elementor-post__thumbnail { position: relative; overflow: hidden; }

.wl-hover-compare {
  position: absolute; top: 55px; right: 10px; z-index: 20;
  display: inline-flex; align-items: center; gap: 8px;
  color: #000;
border-radius: 0 !important;
  height: 40px; padding: 0 12px; cursor: pointer; line-height: 0;
  background: #fff; border: none; box-shadow: none;
  opacity: 0; transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease, background .15s;
}
@media (hover: hover) { .elementor-post:hover .wl-hover-compare { opacity: 1; transform: none; background-color: #fff; color: #000;} }
@media (hover: none)  { .wl-hover-compare { opacity: 1; transform: none; } }

.wl-hover-compare .wl-ico { width: 20px; height: 20px; display: block; }
.wl-hover-compare svg { max-width: none; max-height: none; }

.wl-compare-label { line-height: 1; font-size: 13px; font-weight: 700; color: #000; }

.wl-hover-compare:hover { background-color: #fff; color: #000;}
.wl-hover-compare .wl-ico-in { display: none; }
.wl-hover-compare.is-in .wl-ico-add { display: none; }
.wl-hover-compare.is-in .wl-ico-in  { display: block; color: #000; }
.wl-hover-compare.is-in { background: #fff; }
.wl-hover-compare.is-in .wl-compare-label { color: #000; }

/* ==========================================================================
   Compare Page Table (Lode King–style)
   ========================================================================== */
.wl-compare {
  --wl-bg: #fff;
  --wl-border: #e5e7eb;
  --wl-muted: #667085;
  --wl-head: #0f172a;
  --wl-section: #f2f4f7;
  --wl-stripe: #fcfcfd;
  --wl-accent: #024B88;
  --wl-leftcol: 220px;

  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Toolbar */
.wl-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:0 0 14px; }
.wl-h2 { margin:0; font-size: clamp(20px, 2vw, 24px); font-weight: 800; letter-spacing: .2px; color: var(--wl-head); }

/* Table */
.wl-table {
  width: 100%; min-width: 960px;
  border-collapse: separate; border-spacing: 0;
  background: var(--wl-bg); border-radius: 0; box-shadow: none; overflow: visible !important;
  table-layout: fixed; /* <-- pour respecter les largeurs ci-dessous */
}
.wl-table thead th {
  position: sticky; top: 0; z-index: 1; /* under stub */
  padding: 12px 14px; text-align: left; color: var(--wl-head); background: #fff; border-color: var(--wl-border);
}
.wl-table td, .wl-table th { border: 1px solid var(--wl-border); }
.wl-table tbody tr:nth-child(odd) td { background: var(--wl-stripe); }
.wl-table td { color: #1f2937; }
.wl-table td:empty::after { content: "N/A"; color: #98a2b3; }

/* Première colonne sticky (labels) */
.wl-stub,
.wl-rowlabel {
  position: sticky; left: 0;
  width: var(--wl-leftcol); min-width: var(--wl-leftcol);
  background: #f8fafc !important; background-clip: padding-box;
  border-right: 1px solid #e5e7eb;
  box-shadow: 1px 0 0 #e5e7eb;
	/*
  contain: paint;
  isolation: isolate;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
	*/
}
.wl-stub { top: 0;font-weight: 700; }
.wl-rowlabel { z-index: 1 !important; font-weight: 700; color: #0f172a; text-align: left; }

/* Fond opaque derrière les cellules sticky */
.wl-stub::before,
.wl-rowlabel::before {
  content: ""; position: absolute; inset: 0; background: #f8fafc; z-index: -1; pointer-events: none;
}

/* En-têtes colonnes produit (image + titre + remove) */
.wl-colhead { text-align: center; vertical-align: top;}
.wl-figure { margin: 0; display: grid; gap: 8px; align-items: start; text-align: left; position: relative; }
.wl-img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; object-fit: cover;  }
.wl-title { font-weight: 800; font-size: 15px; line-height: 1.25; }
.wl-title a { color: inherit; text-decoration: none; }
.wl-title a:hover { text-decoration: underline; }

/* Lignes section */
.wl-section .wl-sectionlabel {
  background: var(--wl-section); color: #101828; font-weight: 800;
  text-transform: uppercase; letter-spacing: .02em; padding: 10px 14px; font-size: 12px; text-align: left;
}
/* Icône poubelle dans l'en-tête produit */
.wl-figure { position: relative; }
.wl-remove{
  position:absolute; top:8px; right:8px;
  width:34px; height:34px; display:inline-grid; place-items:center;
  border:none; border-radius:0;
  background:#fff; color:#111; cursor:pointer;
  transition:transform .15s ease;
	padding-left:8px;
}
.wl-remove:hover, .wl-remove:focus{ transform:translateY(-1px); background:#fff; color:#111; }
.wl-ico-trash{ width:18px; height:18px; display:block; color: #000; }

/* Surlignage des différences 
.wl-table tr.diff td { background: #fffbeb; }
*/
/* ==== CONTRAINTE : colonnes produit max 300px ==== */
.wl-table thead th.wl-colhead{
  width:200px;
  max-width:200px !important;
}
.wl-table tbody td{
  width:200px;
  max-width:200px !important;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.wl-figure{
  width:100%;
  margin:0 auto;
}
/* l'image suit la largeur de la colonne */
.wl-img{
  width:100%;
  height:auto;
  max-width:200px !important
}

/* Mobile scroll hint */
@media (max-width: 1024px) {
  .wl-compare { position: relative; --wl-leftcol: 180px; }
  .wl-compare::after {
    content: "⬅︎ Faites glisser pour voir toutes les colonnes";
    position: sticky; left: 0; bottom: -6px;
    background: linear-gradient(90deg, #fff, transparent);
    color: #475467; font-size: 12px; padding: 6px 10px; display: inline-block;
  }
  .wl-img { width: 180px; }
}

/* Admin bar offset (sticky headers) */
@media (min-width: 783px) {
  body.admin-bar .wl-table thead th,
  body.admin-bar .wl-stub { top: 32px; }
}
@media (max-width: 782px) {
  body.admin-bar .wl-table thead th,
  body.admin-bar .wl-stub { top: 46px; }
}