/*
Theme Name: Hello Biz Child
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-biz
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.2.0.1764773380
Updated: 2025-12-03 10:49:40

*/

/* HS-RADIO-TILES:start — formulaire « Votre projet de voyage » : choix en tuiles (radios) */
.hs-tiles .elementor-field-subgroup{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
  margin-top:8px;
}
.hs-tiles .elementor-field-option{
  position:relative;
  margin:0;
  padding:0;
}
/* le rond natif reste dans le DOM (accessibilité, clavier) mais devient invisible */
.hs-tiles .elementor-field-option input[type="radio"]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
  z-index:2;
}
.hs-tiles .elementor-field-option label{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:112px;
  padding:18px 12px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #e0dbd3;
  border-radius:8px;
  color:#0d1424;
  font-family:'Jost',system-ui,sans-serif;
  font-size:14px;
  font-weight:500;
  line-height:1.3;
  text-align:center;
  cursor:pointer;
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
/* pictogramme (masque SVG, colorisé par la couleur de fond) — affiché uniquement si .hs-has-icons */
.hs-tiles .elementor-field-option label::before{
  content:"";
  display:none;
  width:42px;
  height:42px;
  background-color:#2d5a27;
  -webkit-mask:var(--hs-icon) center/contain no-repeat;
          mask:var(--hs-icon) center/contain no-repeat;
  transition:background-color .2s ease;
}
.hs-tiles.hs-has-icons .elementor-field-option label::before{display:block}
/* coche discrète sur la tuile sélectionnée */
.hs-tiles .elementor-field-option label::after{
  content:"";
  position:absolute;
  top:8px;
  right:8px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#2d5a27 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/12px no-repeat;
  opacity:0;
  transform:scale(.6);
  transition:opacity .2s ease,transform .2s ease;
}
.hs-tiles .elementor-field-option:hover label{
  border-color:#2d5a27;
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(13,20,36,.08);
}
.hs-tiles .elementor-field-option input[type="radio"]:checked + label{
  border-color:#2d5a27;
  background:#f4f0ea;
  box-shadow:0 0 0 1px #2d5a27 inset;
}
.hs-tiles .elementor-field-option input[type="radio"]:checked + label::after{
  opacity:1;
  transform:scale(1);
}
.hs-tiles .elementor-field-option input[type="radio"]:focus-visible + label{
  outline:2px solid #c8943a;
  outline-offset:2px;
}
@media (max-width:600px){
  .hs-tiles .elementor-field-subgroup{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hs-tiles .elementor-field-option label{min-height:96px;padding:14px 8px;font-size:13px}
  .hs-tiles .elementor-field-option label::before{width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){
  .hs-tiles .elementor-field-option label,
  .hs-tiles .elementor-field-option label::before,
  .hs-tiles .elementor-field-option label::after{transition:none}
  .hs-tiles .elementor-field-option:hover label{transform:none}
}
/* HS-RADIO-TILES:end */