/* Source and licensing information for the line(s) below can be found at https://www.catlante-catamarans.com/themes/custom/catlante/dist/assets/stylesheets/contact-conseil.css. */
/* Bouton rond "Besoin d'un conseil ?" (en-tete) + panneau tel / WhatsApp / RDV.
   Library catlante/contact-conseil, attachee par templates/layout/includes/contact-conseil.html.twig
   (hors purge/split du theme). */

.contact-conseil{position:relative;display:flex;align-items:center}
.contact-conseil--desktop{margin-left:20px}
.contact-conseil--mobile{justify-content:flex-end}

.contact-conseil .cc-ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-conseil .cc-ico--fill{fill:currentColor;stroke:none;width:20px;height:20px}

/* Bouton rond */
.contact-conseil .cc-toggle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(254,255,255,.2);color:#fff;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.contact-conseil .cc-toggle:hover,
.contact-conseil.is-open .cc-toggle{background:#fff;color:#003849;border-color:#fff}
.contact-conseil .cc-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Panneau */
.contact-conseil .cc-panel{position:absolute;top:calc(100% + 14px);right:0;z-index:1000;width:360px;max-width:calc(100vw - 32px);padding:26px 26px 22px;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,56,73,.22);text-align:left;color:#003849;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.contact-conseil.is-open .cc-panel{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}

.contact-conseil .cc-close{position:absolute;top:10px;right:12px;width:32px;height:32px;padding:0;border:0;background:none;color:#003849;font-size:26px;line-height:1;cursor:pointer;display:none}

.contact-conseil .cc-title{font-family:SangBleuSunrise-Medium,serif;font-size:24px;font-weight:500;line-height:1.2;color:#003849;margin:0 0 10px}
.contact-conseil .cc-subtitle{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;line-height:1.4;color:#003849;margin:0 0 18px}

.contact-conseil .cc-list{list-style:none;margin:0;padding:0}
.contact-conseil .cc-item{display:flex;align-items:flex-start;gap:16px;margin:0 0 18px;padding:0}
.contact-conseil .cc-item:last-child{margin-bottom:0;align-items:center}
.contact-conseil .cc-circle{flex:0 0 50px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1px solid #003849;color:#003849}
.contact-conseil .cc-text{display:flex;flex-direction:column;padding-top:4px}
.contact-conseil .cc-item:last-child .cc-text{padding-top:0}

.contact-conseil .cc-panel a.cc-link{font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;line-height:1.4;color:#003849;text-decoration:underline;text-underline-offset:3px;text-align:left;display:inline;margin:0;padding:0;letter-spacing:0}
.contact-conseil .cc-panel a.cc-link:hover{color:#f16846}
.contact-conseil .cc-hours{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#2b2c3e;margin-top:2px}

/* Mobile : panneau pleine largeur sous l'en-tete */
@media (max-width:1199.98px){
	.contact-conseil--mobile .cc-toggle{width:40px;height:40px}
	.contact-conseil--mobile .cc-panel{position:fixed;top:78px;left:16px;right:16px;width:auto;max-width:none}
	.contact-conseil--mobile .cc-close{display:block}
}

/* Source and licensing information for the above line(s) can be found at https://www.catlante-catamarans.com/themes/custom/catlante/dist/assets/stylesheets/contact-conseil.css. */