/* Louaa Site System 1.1.1 — contact page icon + micro-animation layer.
   Scoped to modules that carry .louaa-contact-icons (1.1.1 templates only), so updating the
   plugin changes nothing on pages built by earlier versions. */
.louaa-contact-icons .louaa-contact-row { position: relative; padding-inline-start: 56px !important; }
.louaa-contact-icons .louaa-contact-row::before {
  content: "" !important; position: absolute !important; inset-inline-start: 0 !important; top: 50% !important;
  width: 40px !important; height: 40px !important; translate: 0 -50%; border-radius: 12px !important;
  background-position: center !important; background-size: 22px !important; background-repeat: no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(15,82,147,.10); opacity: 1 !important;
  transition: transform .3s ease, box-shadow .3s ease; }
.louaa-contact-icons .louaa-contact-row:hover::before { transform: translateY(-2px) scale(1.04); box-shadow: inset 0 0 0 1px rgba(70,168,229,.45), 0 6px 16px rgba(15,82,147,.12); }
.louaa-contact-icons .louaa-contact-row--whatsapp:hover::before { box-shadow: inset 0 0 0 1px rgba(31,157,85,.45), 0 6px 16px rgba(31,157,85,.16); }

/* action buttons: Waze / Google Maps get their own mark */
.louaa-contact-icons .louaa-link--waze .elementor-button, .louaa-contact-icons .louaa-link--gmaps .elementor-button { display: inline-flex; align-items: center; gap: 9px; }
.louaa-contact-icons .louaa-link--waze .elementor-button::before, .louaa-contact-icons .louaa-link--gmaps .elementor-button::before {
  content: ""; width: 20px; height: 20px; background: center / 20px no-repeat; transition: transform .3s ease; }
.louaa-contact-icons .louaa-link--waze .elementor-button:hover::before, .louaa-contact-icons .louaa-link--gmaps .elementor-button:hover::before { transform: translateY(-1px) scale(1.06); }

/* WhatsApp: elegant green emphasis with a very soft pulse */
.louaa-contact-icons .louaa-link--whatsapp .elementor-button { position: relative; border-color: rgba(31,157,85,.45) !important; color: #14713d !important; }
.louaa-contact-icons .louaa-link--whatsapp .elementor-button:hover { background-color: rgba(31,157,85,.08) !important; }
.louaa-contact-icons .louaa-link--whatsapp .elementor-button::after { content: ""; position: absolute; inset: -3px; border-radius: inherit;
  box-shadow: 0 0 0 0 rgba(31,157,85,.30); pointer-events: none; animation: louaaWaPulse 3.6s ease-out infinite; }
@keyframes louaaWaPulse { 0%, 70%, 100% { box-shadow: 0 0 0 0 rgba(31,157,85,0); } 12% { box-shadow: 0 0 0 5px rgba(31,157,85,.16); } 28% { box-shadow: 0 0 0 9px rgba(31,157,85,0); } }

/* appointment CTA: calendar icon already on the button; add a soft lift */
.louaa-contact-icons .louaa-link--appointment .elementor-button { box-shadow: 0 8px 22px rgba(15,82,147,.18); }
.louaa-contact-icons .louaa-link--appointment .elementor-button:hover { box-shadow: 0 12px 28px rgba(15,82,147,.26); }
.louaa-contact-icons .louaa-link--appointment .elementor-button-icon { transition: transform .3s ease; }
.louaa-contact-icons .louaa-link--appointment .elementor-button:hover .elementor-button-icon { transform: translateY(-1px); }

/* location pin: a tiny float, only where a map/navigation block exists */
.louaa-contact-icons .louaa-contact-row--location::before { animation: louaaPinFloat 5.5s ease-in-out infinite; }
@keyframes louaaPinFloat { 0%, 100% { translate: 0 -50%; } 50% { translate: 0 calc(-50% - 3px); } }

.louaa-contact-icons .louaa-contact-row--phone::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.5 3.5h3l1.4 3.6-2 1.4a10.5 10.5 0 0 0 4.6 4.6l1.4-2 3.6 1.4v3a2 2 0 0 1-2.2 2A15.8 15.8 0 0 1 4.5 5.7a2 2 0 0 1 2-2.2z' stroke='%2300295B' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M14 4.6a5.6 5.6 0 0 1 4.4 4.4' stroke='%2346A8E5' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E"); background-color: rgba(0,41,91,.07); }
.louaa-contact-icons .louaa-contact-row--whatsapp::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3.6a8.4 8.4 0 0 0-7.2 12.7L3.6 20.4l4.2-1.1A8.4 8.4 0 1 0 12 3.6z' stroke='%231f9d55' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9.2 8.4c.3-.1.6 0 .7.3l.6 1.4c.1.3 0 .5-.2.7l-.5.4c.5 1 1.3 1.8 2.3 2.3l.4-.5c.2-.2.5-.3.7-.2l1.4.6c.3.1.4.4.3.7-.3.8-1.1 1.3-2 1.2a7.4 7.4 0 0 1-5.2-5.2c-.1-.9.4-1.6 1.2-1.9z' fill='%231f9d55' fill-opacity='.85'/%3E%3C/svg%3E"); background-color: rgba(31,157,85,.10); }
.louaa-contact-icons .louaa-contact-row--email::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3.4' y='5.6' width='17.2' height='12.8' rx='2.6' stroke='%230F5293' stroke-width='1.5'/%3E%3Cpath d='M4.6 7.4 12 12.4l7.4-5' stroke='%2346A8E5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-color: rgba(70,168,229,.10); }
.louaa-contact-icons .louaa-contact-row--appointment::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3.6' y='5.2' width='16.8' height='14.4' rx='3' stroke='%230F5293' stroke-width='1.5'/%3E%3Cpath d='M3.6 9.8h16.8M8.4 3.4v3.4M15.6 3.4v3.4' stroke='%230F5293' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M9 14.2l1.9 1.9 3.9-3.9' stroke='%2346A8E5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-color: rgba(70,168,229,.12); }
.louaa-contact-icons .louaa-contact-row--clinic_name::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.4 20V9.6L12 4.4l7.6 5.2V20' stroke='%2300295B' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9.6 20v-4.6h4.8V20' stroke='%2346A8E5' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M12 8.6v2.8M10.6 10h2.8' stroke='%2346A8E5' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E"); background-color: rgba(0,41,91,.07); }
.louaa-contact-icons .louaa-contact-row--location::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21c4.2-4.5 6.3-7.8 6.3-10.2A6.3 6.3 0 0 0 5.7 10.8C5.7 13.2 7.8 16.5 12 21z' stroke='%230F5293' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10.6' r='2.4' stroke='%2346A8E5' stroke-width='1.5'/%3E%3C/svg%3E"); background-color: rgba(70,168,229,.12); }
.louaa-contact-icons .louaa-contact-row--address::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21c4.2-4.5 6.3-7.8 6.3-10.2A6.3 6.3 0 0 0 5.7 10.8C5.7 13.2 7.8 16.5 12 21z' stroke='%235F7182' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10.6' r='2.2' stroke='%235F7182' stroke-width='1.4'/%3E%3C/svg%3E"); background-color: rgba(95,113,130,.10); }
.louaa-contact-icons .louaa-contact-row--hours::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='8.4' stroke='%230F5293' stroke-width='1.5'/%3E%3Cpath d='M12 7.4V12l3.2 2' stroke='%2346A8E5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-color: rgba(70,168,229,.10); }
.louaa-contact-icons .louaa-contact-row--hours_note::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='8.4' stroke='%235F7182' stroke-width='1.4'/%3E%3Cpath d='M12 8.2v.2M12 11v5' stroke='%235F7182' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); background-color: rgba(95,113,130,.10); }
.louaa-contact-icons .louaa-link--waze .elementor-button::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='11' r='7.6' stroke='%2346A8E5' stroke-width='1.5'/%3E%3Cpath d='M8.8 18.4 7.4 21M15.2 18.4 16.6 21' stroke='%2346A8E5' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='9.6' cy='10.2' r='1' fill='%2346A8E5'/%3E%3Ccircle cx='14.4' cy='10.2' r='1' fill='%2346A8E5'/%3E%3Cpath d='M9.4 13.6a3.4 3.4 0 0 0 5.2 0' stroke='%2346A8E5' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E"); }
.louaa-contact-icons .louaa-link--gmaps .elementor-button::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21c4.2-4.5 6.3-7.8 6.3-10.2A6.3 6.3 0 0 0 5.7 10.8C5.7 13.2 7.8 16.5 12 21z' stroke='%230F5293' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10.6' r='2.3' fill='%23E6B800' fill-opacity='.85'/%3E%3C/svg%3E"); }

@media (max-width: 767px) {
  .louaa-contact-icons .louaa-contact-row { padding-inline-start: 50px !important; }
  .louaa-contact-icons .louaa-contact-row::before { width: 36px !important; height: 36px !important; background-size: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .louaa-contact-icons .louaa-contact-row::before,
  .louaa-contact-icons .louaa-link--whatsapp .elementor-button::after,
  .louaa-contact-icons .louaa-link--waze .elementor-button::before,
  .louaa-contact-icons .louaa-link--gmaps .elementor-button::before,
  .louaa-contact-icons .louaa-link--appointment .elementor-button-icon { animation: none !important; transition: none !important; }
}