/* ============================================
   CUSTOM DOCBAR - MULTI-THEME VISIBILITY ONLY
   (Base styles are defined elsewhere)
   ============================================ */

/* Logo and group name styling - High specificity to override theme */
.custom-docbar .custom-docbar__brand {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
  }
  
  .custom-docbar .custom-docbar__logo {
    height: 5vh !important;
    max-height: 40px !important;
  }
  
  .custom-docbar .custom-docbar__group-name {
    font-weight: 500 !important;
    font-size: 1rem !important;
    color: inherit !important;
  }
  
  /* --------------------------------------------
   THEME-VARIANT VISIBILITY
   Hide all theme-specific elements by default
   -------------------------------------------- */
  .show-standard,
  .show-unsigned,
  .show-third {
    display: none !important;
  }
  
  /* --------------------------------------------
   STANDARD THEME
   Show: Admin, Setup, Notifications, User Avatar
   Hide: Simple Sign In
   -------------------------------------------- */
  .theme-standard {
    .show-standard {
        display: flex !important;
    }
    
    /* Override for block-level elements */
    .show-standard.custom-admin,
    .show-standard.custom-actions {
        display: block !important;
    }
  }
  
  /* --------------------------------------------
   UNSIGNED THEME
   Show: Simple Sign In / Signed-in placeholder
   Hide: Admin, Setup, Notifications, User Avatar
   -------------------------------------------- */
  .theme-unsigned {
    .show-unsigned {
        display: flex !important;
    }
    
    /* Hide elements that are for third theme only */
    .show-unsigned.show-third {
        display: none !important;
    }
  }
  
  /* --------------------------------------------
   THIRD THEME (Placeholder)
   Show: Simple Sign In / Signed-in placeholder
   Hide: Admin, Setup, Notifications, User Avatar
   -------------------------------------------- */
  .theme-third {
    .show-third {
        display: flex !important;
    }
    
    /* Hide elements that are for unsigned theme only */
    .show-unsigned.show-third {
        display: none !important;
    }
  }