/*
=============================================================
TRILOGIX INSTITUTE WEBSITE
File: advisor-fab.css
Purpose: Expandable floating advisor menu styling and responsive behavior.
Maintenance note: Related rules and logic are grouped and documented by feature.
=============================================================
*/

/*
STYLE ORGANIZATION
- Base/component rules define the default desktop presentation.
- State classes such as .active, .show, and :hover control interactions.
- Media queries near the relevant rules adapt the layout for tablet and mobile screens.
*/

.advisor-fab{position:fixed;right:22px;bottom:22px;z-index:9998;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.advisor-fab-menu{display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.advisor-fab-item{display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(14px) scale(.94);transition:.22s ease}
.advisor-fab.open .advisor-fab-item{opacity:1;transform:none;pointer-events:auto}
.advisor-fab-label{padding:8px 11px;border-radius:10px;background:#102f5f;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 8px 22px rgba(13,42,85,.18);opacity:0;transform:translateX(6px);transition:.18s ease}
.advisor-fab-item:hover .advisor-fab-label,.advisor-fab-item:focus-within .advisor-fab-label{opacity:1;transform:none}
.advisor-fab-link,.advisor-fab-toggle{width:54px;height:54px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;cursor:pointer;box-shadow:0 10px 26px rgba(8,54,126,.24);transition:.2s ease}
.advisor-fab-link:hover,.advisor-fab-toggle:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(8,54,126,.30)}
.advisor-fab-link.whatsapp{background:linear-gradient(135deg,#26d366,#19a957)}
.advisor-fab-link.messenger{background:linear-gradient(135deg,#00b2ff,#006aff)}
.advisor-fab-link img.flag{width:29px;height:20px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 2px rgba(255,255,255,.82)}
.platform-badge{position:absolute;right:-3px;bottom:-3px;width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.18);font-size:12px}
.whatsapp .platform-badge{color:#19a957}.messenger .platform-badge{color:#006aff}
.advisor-fab-toggle{background:linear-gradient(135deg,#0876f9,#005bd7);color:#fff;font-size:22px}
.advisor-fab-toggle .icon-open,.advisor-fab-toggle .icon-close{position:absolute;transition:.2s ease}
.advisor-fab-toggle .icon-close{opacity:0;transform:rotate(-90deg) scale(.7)}
.advisor-fab.open .advisor-fab-toggle{background:linear-gradient(135deg,#ff3b47,#e5162a)}
.advisor-fab.open .icon-open{opacity:0;transform:rotate(90deg) scale(.7)}
.advisor-fab.open .icon-close{opacity:1;transform:none}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:575.98px){.advisor-fab{right:14px;bottom:14px}.advisor-fab-link,.advisor-fab-toggle{width:50px;height:50px}.advisor-fab-label{display:none}}
/* Retired legacy Talk to Advisor bubble */
.floating-advisor{
  display:none !important;
}
/* Navigation cleanup: the floating advisor menu replaces redundant advisor CTAs on tablet/mobile. */

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media (max-width: 991.98px){
  .header-actions .advisor-link,
  .mobile-cta-advisor{
    display:none !important;
  }
}