/*
Theme Name: Exocet Marine
Theme URI: 
Author: DigiXP ©
Author URI: https://www.digixp.fr
Description: Thème personnalisé pour Exocet Marine
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: spectra-one
Text Domain: exocet-marine
Tags: 
*/

.flag-fr {height: 1.25em; margin: 0; border: 1px solid #fff; gap: 0}
.registered.brand p.uagb-ifb-title:after {content: "®"; font-weight: normal; font-size: 0.30em; line-height: 0; position: relative; top: -2em}
/*Features cards*/
.bloc-performance.wp-block-uagb-container.uagb-layout-grid.alignfull >.uagb-container-inner-blocks-wrap>.wp-block-uagb-container {width: 100% !important}
.features-box .uagb-infobox-shape-squre, .customized-box .uagb-infobox-shape-squre {border-radius: 24px}
.durability {justify-content: space-between !important}
.scroll-bounce {animation: bounce 1.5s infinite}
@keyframes bounce {
 0%, 100% { transform: translateY(0) }
 50% { transform: translateY(-25%) }
}
.hover-zoom {transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; transform-origin: center}
.hover-zoom:hover {transform: scale(1.025) translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important}
.hover-zoom .features-box .uagb-infobox-shape-squre {transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)}
.hover-zoom:hover .features-box .uagb-infobox-shape-squre {transform: scale(1.1)}
.customized-box .uagb-ifb-icon-wrap svg {font-size: 1em !important}
/*Applications cards*/
.view {cursor: pointer}
.view .mask {position: absolute; overflow: hidden; height: 100%; text-align: justify}
.view img {display: block !important; position: relative}
.view-tenth img {transform: scaleY(1); transition: all 0.7s ease-in-out !important}
.view-tenth .mask {transition: all 0.5s linear; opacity: 0}
.view-tenth h2{border-bottom: 1px solid #a5f3fccc; text-shadow: 1px 1px 5px black; transform: scale(0); transition: all 0.5s linear; opacity: 0; text-align: center}
.view-tenth p {opacity: 0; transform: scale(0); transition: all 0.5s linear}
.view-tenth:hover .static-title {opacity: 0}
.view-tenth:hover img {transform: scale(5); opacity: 0}
.view-tenth:hover .mask {opacity: 1}
.view-tenth:hover h2, .view-tenth:hover p {transform: scale(1); opacity: 1}
.view .static-title {position: absolute !important; text-transform: uppercase; top: 0; left: 0; text-align: center; font-size: 1.5em; font-weight: 700; transition: all 0.5s linear; z-index: 2; transform: scale(1); opacity: 1; text-shadow: 1px 1px 5px black; padding: 5px; margin: 0}
/*Customized solutions*/
.color-palette {display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 1rem; max-width: 100%}
.color {width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: 600; color: #fff; text-align: center; box-shadow: 0 3px 6px rgba(0,0,0,0.15); border: 1px solid rgba(0,0,0,0.05); transition: transform 0.25s ease, box-shadow 0.25s ease; padding: 0.5rem; word-break: auto-phrase}
.color[style*="F6F6F6"], .color[style*="EDE4D3"], .color[style*="FFFF00"], .color[style*="CFD0CF"] {color: #222}
.color:hover {transform: scale(1.08); box-shadow: 0 5px 10px rgba(0,0,0,0.25)}
/*Contact form*/
::placeholder {color: #1e3a8a; opacity: 1}
.gform_heading {display: none}
.form-exocet input, .form-exocet textarea {font-size: 1rem !important; font-family: Roboto; padding: 8px !important; border-radius: 8px; border: none; margin-bottom: 5px !important; color: #174183}
.form-exocet .gform_button {cursor: pointer}
.form-exocet .gform_button:hover {}
.gform_validation_errors {outline: none !important}
.gfield_validation_message {border-radius: 8px}
.gform_confirmation_wrapper {background: #159a45; padding: 10px; border-radius: 8px}
/*404*/
.search-form {border: solid 1px #fff; border-radius: 8px}
.search-form .wp-block-search__inside-wrapper {padding: 0 !important}
.search-form input::placeholder {color: #fff; opacity: 0.5}
.search-form button {border-radius: 0 8px 8px 0 !important}
/*Footer*/
.registered.brand p.uagb-ifb-title {font-weight: 700;}
body.home .home-menu {display: none !important}
.home-menu .uagb-icon-list__source-wrap {margin-right: 5px !important; margin-bottom: 0.2em}
.home-menu .uagb-icon-list__label {font-size: 0.9em}
/*Legal terms & Privacy policy*/
.top-menu {padding: 10px !important}
.top-menu > div {display: block !important}
/*Responsive*/
@media (min-width: 768px) and (max-width: 1550px) {
  .wp-block-uagb-container.bloc-applications.uagb-layout-grid > .uagb-container-inner-blocks-wrap {grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr); padding-left: 5em; padding-right: 5em}
}
@media (min-width: 768px) and (max-width: 1269px) {
  .wp-block-uagb-container.bloc-applications.uagb-layout-grid > .uagb-container-inner-blocks-wrap {padding-left: 1em; padding-right: 1em}
}
@media (min-width: 768px) and (max-width: 1185px) {
  .bloc-contact .uagb-infobox-image-valign-middle {flex-direction: column; gap: 20px}
  .bloc-contact .uagb-infobox-image-valign-middle .uagb-ifb-content {text-align: center}
  .bloc-contact .uagb-infobox-image-valign-middle .uagb-ifb-desc {left: -1em; position: relative}
}
@media (max-width: 1081px) {
  .bloc-customized-solutions .wp-block-columns {flex-direction: column}
  .bloc-customized-solutions .wp-block-columns .uagb-layout-flex {width: auto}
  .bloc-customized-solutions .wp-block-group {flex-direction: row; align-items: stretch}
}
@media (min-width: 768px) and (max-width: 1063px) {
  .wp-block-uagb-container.bloc-applications.uagb-layout-grid > .uagb-container-inner-blocks-wrap {grid-template-columns: minmax(1px, 1fr)}
  .wp-block-uagb-container.bloc-applications.uagb-layout-grid > .uagb-container-inner-blocks-wrap .view {max-width: 650px !important; margin: auto}
}
@media (min-width: 768px) and (max-width: 976px) {
  .bloc-entete .uagb-infobox-image-valign-middle .uagb-ifb-desc {left: -1em; position: relative}
}
@media (max-width: 845px) {
  .bloc-contact .wp-block-columns.are-vertically-aligned-center {flex-direction: column}
}
@media (max-width: 767px) {
  .bloc-customized-solutions .wp-block-group {flex-direction: column}
}
@media (min-width: 594px) and (max-width: 767px) {
  .bloc-performance .uagb-container-inner-blocks-wrap {grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) !important}
}
@media (max-width: 712px) {
  h2 {font-size: 3em}
}
@media (max-width: 520px) {
  .bloc-applications .mask {gap: 0.5em !important}
}
@media (max-width: 526px) {
  .bloc-entete .has-custom-title-light-color, .bloc-entete .has-custom-desc-color {line-height: 1.2 !important}
}
@media (max-width: 502px) {
  .view {gap: 0}
  .view .mask {position: relative; height: auto; overflow: hidden; opacity: 0; max-height: 0; margin-top: 0; transform: translateY(-10px); transition: all 0.6s ease; padding: 0}
  .view-tenth:hover img {transform: none; opacity: 1}
  .view-tenth:hover .mask, .view-tenth:active .mask {opacity: 1; max-height: 1000px; transform: translateY(0); margin-top: 10px; padding: 1em}
}
@media (max-width: 453px) {
  .color-palette {grid-template-columns: repeat(3, 1fr); gap: 0.5rem}
  .color {padding: 0.3rem}
}
@media (max-width: 416px) {
  h2 {font-size: 2em}
}