/* Go Solar Tab - Clean Implementation */
/* SVG file "Go Solar Tab (1).svg" is already vertically oriented - no rotation needed */
/* The SVG has empty space, so we position to show only the tab shape */

.go-solar-tab {
    position: fixed;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    /* Ensure the tab renders above any modals/overlays (some reach 1000000) */
    z-index: 1000002;
    width: 120px;
    height: 400px;
    cursor: pointer;
    transition: transform 0.25s ease;
    overflow: visible;
    background: transparent url('../images/logos/Solar Tab Final.svg') no-repeat right center / contain;
}

.go-solar-tab:hover {
    transform: translateY(-50%) translateX(-5px);
}

/* No inner <img> needed; SVG is rendered as background */

/* Defensive: prevent any accidental white pseudo/background overlapping the tab area */
.go-solar-tab, .go-solar-tab::before, .go-solar-tab::after {
    background-color: transparent !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .go-solar-tab {
        width: 90px;
        height: 300px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .go-solar-tab {
        width: 70px;
        height: 235px;
    }
}

@media (max-width: 480px) {
    .go-solar-tab {
        width: 60px;
        height: 200px;
    }
}

/* --- Defensive overrides to prevent stray right-edge white panels --- */
/* Hide dropdowns/panels by default */
.nav-dropdown .dropdown-menu,
.service-area-dropdown .service-area-menu,
.contact-dropdown .dropdown-menu {
  display: none !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* Show only when intended (active/hover) */
.nav-dropdown.active .dropdown-menu,
.nav-dropdown:hover .dropdown-menu,
.service-area-dropdown.area-active .service-area-menu,
.contact-dropdown.active .dropdown-menu {
  display: block !important;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* Ensure AI widget panel is never visible until opened */
.ai-widget-container { display: none !important; }
.ai-widget-container.ai-widget-open { display: flex !important; }