.elementor-1181 .elementor-element.elementor-element-53d4d63{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:0px 0px 6px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:6px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--margin-top:-112px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1181 .elementor-element.elementor-element-53d4d63::before, .elementor-1181 .elementor-element.elementor-element-53d4d63 > .elementor-background-video-container::before, .elementor-1181 .elementor-element.elementor-element-53d4d63 > .e-con-inner > .elementor-background-video-container::before, .elementor-1181 .elementor-element.elementor-element-53d4d63 > .elementor-background-slideshow::before, .elementor-1181 .elementor-element.elementor-element-53d4d63 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1181 .elementor-element.elementor-element-53d4d63 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1181 .elementor-element.elementor-element-53d4d63:not(.elementor-motion-effects-element-type-background), .elementor-1181 .elementor-element.elementor-element-53d4d63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1181 .elementor-element.elementor-element-b553b3a{text-align:center;}.elementor-1181 .elementor-element.elementor-element-b553b3a .elementor-heading-title{font-family:"the-seasons", Sans-serif;font-size:60px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1181 .elementor-element.elementor-element-42bd72d .elementor-button{background-color:#B5927B00;font-family:"Alegreya", Sans-serif;font-size:18px;font-weight:400;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:100px 100px 100px 100px;}.elementor-1181 .elementor-element.elementor-element-42bd72d .elementor-button:hover, .elementor-1181 .elementor-element.elementor-element-42bd72d .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );border-color:var( --e-global-color-secondary );}.elementor-1181 .elementor-element.elementor-element-42bd72d > .elementor-widget-container{margin:25px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-1181 .elementor-element.elementor-element-42bd72d .elementor-button:hover svg, .elementor-1181 .elementor-element.elementor-element-42bd72d .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1181 .elementor-element.elementor-element-1427448{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1181 .elementor-element.elementor-element-0d6b35b .elementor-button{background-color:#B5927B00;font-family:"Alegreya", Sans-serif;font-size:18px;font-weight:400;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:100px 100px 100px 100px;}.elementor-1181 .elementor-element.elementor-element-0d6b35b .elementor-button:hover, .elementor-1181 .elementor-element.elementor-element-0d6b35b .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );border-color:var( --e-global-color-secondary );}.elementor-1181 .elementor-element.elementor-element-0d6b35b > .elementor-widget-container{margin:25px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-1181 .elementor-element.elementor-element-0d6b35b .elementor-button:hover svg, .elementor-1181 .elementor-element.elementor-element-0d6b35b .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1181 .elementor-element.elementor-element-3f24422 .elementor-button{background-color:#B5927B00;font-family:"Alegreya", Sans-serif;font-size:18px;font-weight:400;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:100px 100px 100px 100px;}.elementor-1181 .elementor-element.elementor-element-3f24422 .elementor-button:hover, .elementor-1181 .elementor-element.elementor-element-3f24422 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );border-color:var( --e-global-color-secondary );}.elementor-1181 .elementor-element.elementor-element-3f24422 > .elementor-widget-container{margin:10px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-1181 .elementor-element.elementor-element-3f24422 .elementor-button:hover svg, .elementor-1181 .elementor-element.elementor-element-3f24422 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1181 .elementor-element.elementor-element-78547f1 > .elementor-widget-container{margin:25px 0px 100px 0px;}.elementor-1181 .elementor-element.elementor-element-78547f1 .gallery-item .gallery-caption{display:none;}.elementor-1181 .elementor-element.elementor-element-78547f1 .gallery-item{padding:0 10px 10px 0;}.elementor-1181 .elementor-element.elementor-element-78547f1 .gallery{margin:0 -10px -10px 0;}@media(min-width:768px){.elementor-1181 .elementor-element.elementor-element-1427448{--content-width:700px;}}@media(max-width:1024px){.elementor-1181 .elementor-element.elementor-element-53d4d63{--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1181 .elementor-element.elementor-element-b553b3a .elementor-heading-title{font-size:48px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-1181 .elementor-element.elementor-element-53d4d63{--min-height:55vh;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1181 .elementor-element.elementor-element-b553b3a .elementor-heading-title{font-size:36px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1181 .elementor-element.elementor-element-42bd72d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1181 .elementor-element.elementor-element-1427448{--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-size:var( --e-global-typography-accent-font-size );}.elementor-1181 .elementor-element.elementor-element-78547f1 > .elementor-widget-container{margin:25px 0px 50px 0px;}}/* Start custom CSS for button, class: .elementor-element-0d6b35b */.elementor-1181 .elementor-element.elementor-element-0d6b35b {
    filter:invert(1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04ff3e7 *//* ====================================
   SYB Yacht Loop Item - CSS
   À coller dans Elementor > Site Settings > Custom CSS
   ==================================== */

.syb-yacht-specs {
  border-top: 1px solid #d9d9d9;
  margin-top: 24px;
}

.syb-spec-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #d9d9d9;
}

.syb-spec-label {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #8c8c8c;
}

.syb-spec-value {
  font-size: 16px;
  font-weight: 400;
  color: #1a1a1a;
  text-align: right;
}

/* Style du bouton "I'm interested" — applique ces réglages
   directement dans les Style settings du widget Button Elementor
   plutôt qu'en CSS si tu préfères tout piloter depuis l'éditeur.
   Sinon, ajoute une CSS Class "syb-yacht-cta" au widget Button et garde ceci : */

.syb-yacht-cta {
  border: 1px solid #1a1a1a !important;
  border-radius: 999px !important;
  background-color: transparent !important;
  color: #1a1a1a !important;
  padding: 14px 26px !important;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.syb-yacht-cta:hover {
  background-color: #1a1a1a !important;
  color: #fff !important;
}

/* ====================================
   Réglages du Loop Grid lui-même
   (à faire dans le widget Loop Grid > Layout, pas en CSS)
   - Columns : 2
   - Columns Gap : 40
   - Rows Gap : 60
   ==================================== */

@media (max-width: 900px) {
  .syb-spec-value {
    font-size: 15px;
  }
}

/* ====================================
   SYB Yacht Single Page - CSS
   Page détaillée d'un yacht (Theme Builder > Single Post)
   À coller à la suite du CSS ci-dessus
   ==================================== */

.syb-yacht-single-title {
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 32px 0 8px;
}

.syb-yacht-single-subname {
  font-size: 18px;
  font-weight: 400;
  color: #6b6b6b;
  margin: 0 0 32px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* Galerie : grille simple, 1 grande image + vignettes
   Si tu utilises le widget Gallery natif Elementor, ces classes
   ne s'appliquent pas directement — règle plutôt le style depuis
   le panneau Style du widget. Garde ceci si tu pars en shortcode/HTML custom. */

.syb-yacht-gallery {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  margin-bottom: 32px;
}

.syb-yacht-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.syb-yacht-gallery img:first-child {
  grid-row: 1 / 3;
}

@media (max-width: 768px) {
  .syb-yacht-gallery {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .syb-yacht-gallery img:first-child {
    grid-row: auto;
  }
}

/* Description — limite la largeur de lecture pour le confort */

.syb-yacht-description {
  max-width: 720px;
  font-size: 16px;
  line-height: 1.7;
  color: #2a2a2a;
  margin: 32px 0;
}

/* Layout général de la single : specs à droite, description à gauche
   sur desktop (optionnel, à activer si tu mets specs + description
   dans un container flex à deux colonnes) */

.syb-yacht-single-layout {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 60px;
  align-items: start;
}

@media (max-width: 900px) {
  .syb-yacht-single-layout {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3f24422 */.elementor-1181 .elementor-element.elementor-element-3f24422 {
    filter:invert(1);
}/* End custom CSS */